/* Start:/local/components/tiqum/header.search/templates/.default/style.css?177243678846*/
.modal__sub_elements{
    display: none;
}

/* End */


/* Start:/local/components/tiqum/garage.user.cars/templates/search/style.css?17693587421263*/
.modal-search-car-wizard {
    display: none;
}
.laxima_result_content, .laxima_no_result_content {
    display: none;
}
.modal-select-car__button{
    display: block;
}
.modal-select-car__item__dynamic {
    height: auto;
    opacity: 1;
    visibility: visible;
    display: grid;
    gap: 16px;
    overflow-y: auto;
}

.modal-select-car__list.active {
    animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

.modal-select-car__no-results,
.modal-select-car__min-chars {
    text-align: center;
    padding: 20px;
    color: #6c757d;
    font-style: italic;
    font-size: 14px;
}

.modal-select-car__min-chars {
    color: #ff9800;
}

.modal-select-car__brand-item {
    width: 100%;
    text-align: left;
    padding: 10px 12px;
    border: none;
    background: none;
    cursor: pointer;
    transition: background-color 0.2s;
    border-radius: 1px;
    margin-bottom: 1px;
}

.modal-select-car__brand-item:hover {
    background-color: #f5f5f5;
}

.modal-select-car__brand-text mark {
    background-color: #ffeb3b;
    font-weight: bold;
    padding: 0 2px;
    border-radius: 2px;
}

/* End */


/* Start:/local/components/tiqum/garage.user.cars/templates/menu/style.css?17721797391212*/
.laxima_result_content, .laxima_no_result_content {
    display: none;
}
.modal-select-car__button{
    display: block;
}
.modal-select-car__item__dynamic {
    height: auto;
    opacity: 1;
    visibility: visible;
    display: grid;
    gap: 16px;
    overflow-y: auto;
}

.modal-select-car__list.active {
    animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

.modal-select-car__no-results,
.modal-select-car__min-chars {
    text-align: center;
    padding: 20px;
    color: #6c757d;
    font-style: italic;
    font-size: 14px;
}

.modal-select-car__min-chars {
    color: #ff9800;
}

.modal-select-car__brand-item {
    width: 100%;
    text-align: left;
    padding: 10px 12px;
    border: none;
    background: none;
    cursor: pointer;
    transition: background-color 0.2s;
    border-radius: 1px;
    margin-bottom: 1px;
}

.modal-select-car__brand-item:hover {
    background-color: #f5f5f5;
}

.modal-select-car__brand-text mark {
    background-color: #ffeb3b;
    font-weight: bold;
    padding: 0 2px;
    border-radius: 2px;
}

/* End */


/* Start:/local/components/tiqum/garage.user.cars/templates/catalog/style.css?17692581191212*/
.laxima_result_content, .laxima_no_result_content {
    display: none;
}
.modal-select-car__button{
    display: block;
}
.modal-select-car__item__dynamic {
    height: auto;
    opacity: 1;
    visibility: visible;
    display: grid;
    gap: 16px;
    overflow-y: auto;
}

.modal-select-car__list.active {
    animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

.modal-select-car__no-results,
.modal-select-car__min-chars {
    text-align: center;
    padding: 20px;
    color: #6c757d;
    font-style: italic;
    font-size: 14px;
}

.modal-select-car__min-chars {
    color: #ff9800;
}

.modal-select-car__brand-item {
    width: 100%;
    text-align: left;
    padding: 10px 12px;
    border: none;
    background: none;
    cursor: pointer;
    transition: background-color 0.2s;
    border-radius: 1px;
    margin-bottom: 1px;
}

.modal-select-car__brand-item:hover {
    background-color: #f5f5f5;
}

.modal-select-car__brand-text mark {
    background-color: #ffeb3b;
    font-weight: bold;
    padding: 0 2px;
    border-radius: 2px;
}

/* End */


/* Start:/local/templates/autotown_v4/components/bitrix/system.auth.authorize/popup/style.css?177243695292*/
.form__error{
    left: 18px;
    font-size: 14px;
    color: var(--status-warning);
}

/* End */


/* Start:/local/templates/autotown_v4/assets/css/fonts.css?1772437574843*/
@font-face {
    font-family: 'PP Neue Corp';
    font-display: swap;
    font-weight: 500;
    src: url('/local/templates/autotown_v4/assets/css/../fonts/PPNeueCorp-WideMedium.ttf') format('truetype'),
    url('/local/templates/autotown_v4/assets/css/../fonts/PPNeueCorp-WideMedium.woff') format('woff'),
    url('/local/templates/autotown_v4/assets/css/../fonts/PPNeueCorp-WideMedium.woff2') format('woff2');
}

@font-face {
    font-family: 'Nagel';
    font-display: swap;
    font-weight: normal;
    src: url('/local/templates/autotown_v4/assets/css/../fonts/Nagel_Regular.ttf') format('truetype'),
    url('/local/templates/autotown_v4/assets/css/../fonts/Nagel_Regular.woff') format('woff'),
    url('/local/templates/autotown_v4/assets/css/../fonts/Nagel_Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Nagel';
    font-display: swap;
    font-weight: 500;
    src: url('/local/templates/autotown_v4/assets/css/../fonts/Nagel_Medium.ttf') format('truetype'),
    url('/local/templates/autotown_v4/assets/css/../fonts/Nagel_Medium.woff') format('woff'),
    url('/local/templates/autotown_v4/assets/css/../fonts/Nagel_Medium.woff2') format('woff2');
}
/* End */


/* Start:/local/templates/autotown_v4/assets/css/buttons.css?177243757512431*/
.button {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    max-width: fit-content;
    height: 50px;
    padding: 0 16px;
    font-size: 16px;
    line-height: 1.2;
    color: var(--fg-invert);
    background: var(--accent-default);
    border: 1px solid transparent;
    border-radius: 6px;
    cursor: pointer;
}

.button.wide {
    width: 100%;
    max-width: 100%;
}

.button svg {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
}

.button img {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    object-fit: cover;
}

.button__image {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
}

.button.big-icon svg,
.button.big-icon .button__image {
    width: 32px;
    height: 32px;
}

.button:hover {
    background:var(--accent-hover);
    border-color: var(--accent-hover);
}

.button:active {
    background:var(--bg-surface-5);
    border-color: var(--bg-surface-5);
}

.button.icon,
.button.round {
    width: 50px;
    max-width: 100%;
    padding: 0;
}

.button.oval {
    height: 40px;
    border-radius: 20px;
}

.button.medium {
    gap: 4px;
    height: 44px;
    font-size: 14px;
}

.button.icon.medium,
.button.round.medium {
    height: 44px;
    width: 44px;
    font-size: 14px;
}

.button.small {
    gap: 4px;
    height: 32px;
    padding: 0 12px;
    font-size: 12px;
    border-radius: 3px;
}

.button.icon.small,
.button.round.small {
    height: 32px;
    width: 32px;
    font-size: 12px;
}

.button.secondary {
    background: var(--bg-surface-5);
}

.button.secondary:hover {
    background: var(--accent-default);
    border-color: var(--accent-default);
}

.button.secondary:active {
    background:var(--bg-surface-5);
    border-color: var(--bg-surface-5);
}

.button.muted {
    color: var(--fg-default);
    background: var(--bg-surface-2);
}

.button.muted:hover {
    color: var(--fg-invert);
    background: var(--accent-default);
    border-color: var(--accent-default);
}

.button.muted:active,
.button.muted.active {
    color: var(--fg-invert);
    background:var(--bg-surface-5);
    border-color: var(--bg-surface-5);
}

.button.round {
    border-radius: 50%;
}

.button.blur {
    background: rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(18px);
    border-color: transparent;
}

.button.text {
    height: auto;
    padding: 0;
    color: var(--accent-default);
    background: transparent;
    border-radius: 0;
    border: none;
}

.button.text:hover {
    color: var(--accent-hover);
}

.button.text:active {
    color: var(--fg-default);
}

.button.text.secondary {
    background: transparent;
    color: var(--fg-default);
}

.button.text.secondary:hover {
    color: var(--accent-default);
}

.button.text.secondary:active {
    color: var(--accent-default);
    border-color: var(--accent-default);
}

.button.text.muted {
    background: transparent;
    color: var(--fg-soft);
}

.button.text.muted:hover {
    color: var(--accent-default);
}

.button.text.muted:active {
    color: var(--accent-default);
    border-color: var(--accent-default);
}

.button:disabled, .button.disabled,
.button.secondary:disabled, .button.secondary.disabled,
.button.muted:disabled, .button.muted.disabled {
    color: var(--fg-soft);
    background: var(--bg-surface-2);
    border-color: var(--bg-surface-2);
}

.button.text:disabled, .button.text.disabled,
.button.text.secondary:disabled, .button.text.secondary.disabled,
.button.text.muted:disabled, .button.text.muted.disabled {
    color: var(--fg-soft);
    background: transparent;
}

.button-menu {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    min-width: 55px;
    max-width: fit-content;
    font-size: 14px;
    color: var(--fg-default);
    cursor: pointer;
}

.button-menu.mobile {
    color: var(--fg-soft);
}

.button-menu:hover {
    color: var(--accent-default);
}

.button-menu:active,
.button-menu.active {
    font-weight: 500;
    color: var(--fg-default);
}

.button-menu:active .button-menu__icon--fill,
.button-menu.active .button-menu__icon--fill,
.button-menu:active .button-menu__icon path[fill],
.button-menu.active .button-menu__icon path[fill] {
    fill: var(--fg-default);
}

.button-menu:active .button-menu__icon--stroke path[stroke],
.button-menu.active .button-menu__icon--stroke path[stroke]{
    color: var(--white);
}

.button-menu:disabled, .button-menu.disabled {
    color: var(--fg-soft);
}

.button-menu__count {
    position: absolute;
    top: 0;
    right: 0;
    padding: 2px 3px;
    font-size: 12px;
    color: var(--white);
    background: var(--accent-default);
    border-radius: 4px;
}

.button.dark:active:not(.text) {
    background: var(--accent-default);
}

.button.secondary.dark:not(:hover):not(.text) {
    background: var(--bg-surface-4);
}

.button.secondary.dark:active:not(.text) {
    background: var(--bg-surface-4);
}

.button.muted.dark:not(:hover):not(.text) {
    color: var(--white);
    background: transparent;
    border-color: var(--fg-soft);
}

.button.muted.dark:active:not(.text) {
    background: var(--bg-surface-4);
}

.button.text.dark:active {
    color: var(--accent-default);
}

.button.secondary.text.dark:not(:hover) {
    color: var(--white);
}

.button.secondary.text.dark:active {
    color: var(--white);
}

.button.muted.text.dark:hover {
    color: var(--white);
}

.button.muted.text.dark:active {
    color: var(--white);
}

.button.dark:disabled, .button.dark:disabled,
.button.secondary.dark:disabled, .button.secondary.dark.disabled,
.button.muted.dark:disabled, .button.muted.dark.disabled {
    background: var(--bg-surface-4);
    border-color: transparent;
}

.button.text.dark:disabled, .button.text.dark.disabled,
.button.text.secondary.dark:disabled, .button.text.secondary.dark.disabled,
.button.text.muted.dark:disabled, .button.text.muted.dark.disabled {
    color: var(--fg-soft);
    background: transparent;
}

.button.muted.slick-disabled {
    color: var(--fg-soft);
    background: var(--bg-surface-2);
}

.title-button {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 6px;
    max-width: fit-content;
    min-height: 50px;
    padding: 6px 8px;
    font-size: 14px;
    text-align: left;
    background: var(--bg-surface-2);
    border-radius: 4px;
    cursor: pointer;
}

.title-button svg {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
}

.title-button__name {
    color: var(--fg-soft);
}

.title-button__name svg {
    display: none;
}

.title-button__name,
.title-button__value {
    display: flex;
    gap: 4px;
}

.title-button__name {
    flex-shrink: 0;
}

.title-button:hover {
    color: var(--accent-default);
}


.title-button--horizontal {
    flex-direction: row;
    min-height: 24px;
    padding: 4px 6px;
    font-size: 12px;
}

.title-button--horizontal .title-button__name svg {
    display: block;
}

.title-button--horizontal .title-button__value svg {
    display: none;
}

.button-add-car {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 40px;
    padding: 0 10px;
    font-size: 16px;
    background: var(--white);
    border: 1px dashed var(--border-hard);
    border-radius: 20px;
    cursor: pointer;
}

.button-add-car:not(:hover):not(:active) span {
    color: var(--fg-soft)
}

.button-add-car svg {
    width: 24px;
    height: 24px;
}

.button-add-car:hover,
.button-add-car:active {
    background: var(--white);
}

.button-add-car:hover {
    color: var(--accent-default);
    border-color: var(--accent-default);
}

.button-add-car:active {
    color: var(--fg-default);
    border-color: var(--fg-default);
}

.chip-button {
    position: relative;
    display: flex;
    align-items: center;
    max-width: fit-content;
    height: 34px;
    padding: 10px;
    font-size: 16px;
    color: var(--fg-default);
    background: var(--bg-surface-1);
    border: 1px solid var(--border-hard);
    border-radius: 20px;
    cursor: pointer;
}

.chip-button:hover {
    border-color: var(--border-black);
}

.chip-button.active {
    padding: 0 36px 0 10px;
    color: var(--white);
    background: var(--bg-surface-5);
    border-color: var(--bg-surface-5);
}

.chip-button.active::before {
    content: "";
    position: absolute;
    top: 9px;
    right: 10px;
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18 6L6 18M18 18L6 6' stroke='%23FFF' stroke-linecap='round'/%3e%3c/svg%3e") no-repeat center;
    background-size: contain;
}

.chip-button.active:hover {
    color: var(--fg-muted);
    background: var(--bg-surface-4);
}

.chip-button-round {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 34px;
    color: var(--fg-soft);
    border-radius: 50%;
    cursor: pointer;
}

.chip-button-round:hover {
    color: var(--white);
    background: var(--bg-surface-5);
}

.search-chip {
    position: relative;
    display: flex;
    align-items: center;
    min-width: 36px;
    height: 40px;
    padding: 0 10px 0 36px;
    font-size: 16px;
    border: 1px solid var(--border-hard);
    border-radius: 20px;
    cursor: pointer;
}

.search-chip:empty {
    padding: 0;
}

.search-chip:hover {
    border-color: var(--fg-default);
}

.search-chip::before {
    content: "";
    position: absolute;
    top: calc(50% - 8px);
    left: 10px;
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M11.0882 11.1591L13.2651 13.2651M12.5631 7.64907C12.5631 10.363 10.363 12.5631 7.64908 12.5631C4.93514 12.5631 2.73505 10.363 2.73505 7.64907C2.73505 4.93512 4.93514 2.73503 7.64908 2.73503C10.363 2.73503 12.5631 4.93512 12.5631 7.64907Z' stroke='%23908F8E' stroke-width='1.5' stroke-linecap='square'/%3E %3C/svg%3E") no-repeat center;
}

.search-chip:hover::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M11.0882 11.1591L13.2651 13.2651M12.5631 7.64907C12.5631 10.363 10.363 12.5631 7.64908 12.5631C4.93514 12.5631 2.73505 10.363 2.73505 7.64907C2.73505 4.93512 4.93514 2.73503 7.64908 2.73503C10.363 2.73503 12.5631 4.93512 12.5631 7.64907Z' stroke='%232B2A29' stroke-width='1.5' stroke-linecap='square'/%3E %3C/svg%3E");
}

@media (max-width: 767px) {
    .title-button--mobile {
        flex-direction: row;
        min-height: 24px;
        padding: 4px 6px;
        font-size: 12px;
    }

    .title-button--mobile .title-button__name svg {
        display: block;
    }

    .title-button--mobile .title-button__value svg {
        display: none;
    }

    .search-chip {
        border: none;
        height: 24px;
        min-width: 24px;
        padding: 10px;
        background-color: transparent;
        z-index: 2;
    }

    .search-chip::before {
        width: 6px;
        height: 6px;
        inset: calc(50% - 3px);
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M18 6L6 18M18 18L6 6' stroke='%23908F8E' stroke-width='1.5' stroke-linecap='square'/%3E %3C/svg%3E") no-repeat center;
    }

    .search-chip:hover::before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M18 6L6 18M18 18L6 6' stroke='%232B2A29' stroke-width='1.5' stroke-linecap='square'/%3E %3C/svg%3E");
    }
}


/* End */


/* Start:/local/templates/autotown_v4/assets/css/inputs.css?177243757418478*/
.input {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    height: 50px;
    padding: 1px 19px;
    color: var(--fg-soft);
    border-radius: 6px;
}

.input--count {
    padding: 1px 19px 1px 42px;
}

.input--count::before {
    content: "";
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 32px;
    z-index: 2;
    width: 1px;
    background: var(--border-medium);
}

.input--count::after {
    content: "X";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    color: var(--fg-soft);
}


.input__field {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: 'Nagel', sans-serif;
    font-size: 16px;
    outline: none;
    color: var(--fg-default);
    background: var(--bg-surface-2);
    border: none;
}

.input__field:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px var(--white) inset;
}

.input__field::placeholder {
    color: var(--fg-soft);
}

.input__icon {
    flex-shrink: 0;
    z-index: 2;
    width: 16px;
    height: 16px;
}

.input__icon--left {
    order: -1;
}

.input__label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    border: 1px solid transparent;
    background: var(--bg-surface-2);
    border-radius: 6px;
}

.input__error {
    display: none;
    position: absolute;
    top: calc(100% + 3px);
    left: 18px;
    font-size: 12px;
    color: var(--status-warning);
}

.input--error .input__error {
    display: block;
}

.input.white .input__label,
.input.white .input__field {
    background: var(--white);
}

.input:hover .input__label {
    background: var(--white);
    border-color: var(--fg-soft);
}

.input.input--error .input__field {
    background: var(--white);
}

.input.input--error .input__label {
    background: var(--white);
    border-color: var(--status-warning);
}

.input:hover .input__field {
    background: var(--white);
}

.input__field:focus {
    background: var(--white);
    color: var(--fg-default);
}

.input__field:focus ~ .input__label {
    background: var(--white);
    border-color: var(--fg-default);
}

.input__field:focus ~ .input__icon {
    color: var(--fg-default);
}

.input:hover .input__field:disabled {
    background: var(--bg-surface-2);
}

.input__field:disabled {
    color: var(--fg-soft);
}

.input__field:disabled ~ .input__label {
    border: 1px solid transparent;
    background: var(--bg-surface-2);
}

.input__field:disabled ~ .input__icon {
    color: var(--fg-soft);
}

.input .button {
    position: absolute;
    top: 2px;
    right: 2px;
    bottom: 2px;
    width: 57px;
    height: auto;
    z-index: 2;
}

.input--textarea {
    height: 100px;
}

.input--textarea .input__field {
    padding: 14px 0;
    resize: none;
}

.switch {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    cursor: pointer;
}

.switch__input {
    display: none;
}

.switch__label {
    position: relative;
    width: 38px;
    height: 20px;
    background: var(--bg-surface-2);
    border-radius: 10px;
    transition: 0.2s;
}

.switch__label::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    background: var(--white);
    border-radius: 50%;
    box-shadow: 0 2px 2px 0 rgba(68, 83, 113, 0.2);
    transition: 0.2s;
}

.switch__input:checked ~ .switch__label {
    background: var(--bg-surface-4);
}

.switch__input:checked ~ .switch__label::before {
    left: calc(100% - 18px);
}

.filter-switch {
    cursor: pointer;
}

.filter-switch__input {
    display: none;
}

.filter-switch__item {
    display: flex;
    gap: 4px;
    max-width: fit-content;
    font-size: 14px;
    padding: 5px;
    border: 1px solid var(--border-medium);
    border-radius: 4px;
}

.filter-switch__color {
    width: 16px;
    height: 16px;
    border-radius: 50%;
}

.filter-switch__item img, .filter-switch__item svg {
    width: 16px;
    height: 16px;
}
.filter-switch__item img {
    object-fit: cover;
}


.filter-switch__input:checked + .filter-switch__item {
    color: var(--white);
    background: var(--black);
    border-color: var(--black);
}

.filter-switch:hover .filter-switch__item {
    background: var(--white);
    border-color: var(--white);
}

.filter-switch:hover .filter-switch__input:checked + .filter-switch__item {
    color: var(--fg-soft);
    background: var(--black);
    border-color: var(--black);
}

.range {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px 12px 12px;
    background: var(--bg-surface-2);
    border-radius: 6px;
}

.range__slider {
    height: 2px;
    position: relative;
    background-color: var(--border-medium);
    border-radius: 2px;
}
.range__selected {
    height: 100%;
    left: 0;
    right: 0;
    position: absolute;
    border-radius: 5px;
    background-color: var(--border-black);
}

.range__input {
    position: relative;
}
.range__input input {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 2px;
    margin: 0;
    background: none;
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
}
.range__input input::-webkit-slider-thumb {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background-color: var(--border-black);
    pointer-events: auto;
    -webkit-appearance: none;
}
.range__input input::-moz-range-thumb {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background-color: var(--border-black);
    pointer-events: auto;
    -moz-appearance: none;
}

.range__label {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.range__label-item {
    display: flex;
    align-items: center;
    gap: 4px;
    min-width: 70px;
}

.range__label-item:last-of-type {
    justify-content: flex-end;
}

.range__label-item:first-of-type {
    justify-content: flex-start;
}

.range__label-item svg,
.range__label-item img {
    width: 16px;
    height: 16px;
}

.range__label-item img {
    object-fit: cover;
}

.range__title {
    color: var(--fg-default);
}

.range__popover {
    position: absolute;
    top: calc(100% + 12px);
    left: 0;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 2px 4px;
    font-size: 14px;
    color: var(--white);
    background: var(--bg-surface-5);
    border-radius: 4px;
    transform: translateX(calc(-50% + 6px));
    opacity: 0;
    visibility: hidden;
}

.range__popover::after {
    content: "";
    position: absolute;
    top: -4px;
    left: calc(50% - 5px);
    width: 10px;
    height: 10px;
    background: var(--bg-surface-5);
    border-radius: 3px;
    transform: rotate(45deg);
}

.range__popover span {
    position: relative;
    z-index: 1;
}

.range__popover--max {
    left: auto;
    right: 0;
    transform: translateX(calc(50% - 6px));
}

.range__input-min:active ~ .range__slider .range__popover--min,
.range__input-max:active ~ .range__slider .range__popover--max {
    opacity: 1;
    visibility: visible;
}

.range--single .range__label {
    justify-content: center;
}

.range--single .range__label-item {
    min-width: auto;
}

.checkbox {
    position: relative;
}

.checkbox__input {
    display: none;
}

.checkbox__item {
    display: flex;
    gap: 4px;
    max-width: fit-content;
    padding: 5px;
    font-size: 14px;
    border: 1px solid var(--border-default);
    border-radius: 4px;
    cursor: pointer;
}

.checkbox__icon {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    background: var(--bg-surface-2);
    border-radius: 2px;
}

.checkbox__icon svg {
    display: none;
}

.checkbox__item a {
    color: var(--fg-soft);
}

.checkbox__item:hover {
    color: var(--accent-default);
    border-color: var(--border-hard);
}

.checkbox__item:hover a {
    color: var(--accent-default);
}

.checkbox__item:hover .checkbox__icon svg {
    display: block;
    color: var(--fg-muted);
}

.checkbox__input:checked + .checkbox__item {
    border-color: var(--border-black);
}

.checkbox__input:checked + .checkbox__item .checkbox__icon {
    color: var(--white);
    background: var(--bg-surface-5);
}

.checkbox__input:checked + .checkbox__item .checkbox__icon svg {
    display: block;
}

.checkbox__input:checked + .checkbox__item:hover .checkbox__icon svg {
    color: var(--white);
}

.checkbox.checkbox--error .checkbox__item {
    border-color: var(--status-warning);
}

.checkbox__error {
    display: none;
    position: absolute;
    top: calc(100% + 3px);
    left: 26px;
    font-size: 12px;
    color: var(--status-warning);
}

.checkbox--error .checkbox__error {
    display: block;
}

.checkbox.ghost .checkbox__item {
    padding: 0;
    border: none;
}

.checkbox.ghost .checkbox__item:hover {
    color: var(--fg-default);
}

.checkbox.ghost .checkbox__input:checked + .checkbox__item {
    color: var(--accent-default);
}

.checkbox.ghost .checkbox__input:checked + .checkbox__item .checkbox__icon {
    color: var(--white);
    background: var(--accent-default);
}

.checkbox.ghost .checkbox__input:checked + .checkbox__item:hover {
    color: var(--accent-hover);
}

.input-file {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 8px;
    background: var(--bg-surface-2);
    border: 1px solid transparent;
    border-radius: 6px;
}

.input-file:hover {
    border-color: var(--border-hard);
}

.input-file.input-file--drag {
    border-color: var(--border-hard);
}

.input-file.input-file--error {
    border-color: var(--status-warning);
}

.input-file__field {
    display: none;
}

.input-file__area {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.input-file__icon-wrap svg {
    width: 24px;
    height: 24px;
}

.input-file__format {
    font-size: 12px;
    color: var(--fg-soft);
    text-transform: uppercase;
}

.input-file__error {
    position: absolute;
    top: calc(100% + 3px);
    left: 18px;
    font-size: 12px;
    color: var(--status-warning);
    opacity: 0;
    visibility: hidden;
    transition: 0.2s;
}

.input-file--error .input-file__error {
    opacity: 1;
    visibility: visible;
}

.input-file__list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.input-file__list-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.input-file__data {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--fg-soft);
}

.input-file__remove.button {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    background: var(--bg-surface-3);
    border-radius: 4px;
}

.input-select {
    position: relative;
}

.input-select__button {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    height: 50px;
    padding: 0 18px;
    font-size: 16px;
    line-height: 1.2;
    color: var(--fg-soft);
    background: var(--bg-surface-2);
    border: 1px solid transparent;
    border-radius: 6px;
    cursor: pointer;
    outline: none;
}

.input-select__button:hover,
.input-select__button:focus {
    border-color: var(--border-hard);
}

.input-select__button svg {
    width: 16px;
    height: 16px;
}

.input-select__button-text {
    color: var(--fg-default);
}

.input-select__button-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    transition: 0.2s;
}

.input-select__button[aria-expanded="true"] {
    color: var(--fg-default);
    border-color: var(--border-hard);
}

.select-button[aria-expanded="true"] .input-select__button-arrow {
    transform: rotate(180deg);
}

.input-select__error {
    position: absolute;
    top: calc(100% + 3px);
    left: 18px;
    font-size: 12px;
    color: var(--status-warning);
    opacity: 0;
    visibility: hidden;
}

.input-select__list {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    z-index: 5;
    max-height: 250px;
    padding: 4px 10px 4px 4px;
    background: var(--white);
    border-radius: 6px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
    overflow-y: auto;
}

.input-select__list-item {
    padding: 0 6px;
    display: flex;
    align-items: center;
    gap: 16px;
    height: 40px;
    background: var(--white);
    border-radius: 4px;
    cursor: pointer;
}

.input-select__list-item.input-select__list-item--selected {
    background-color: var(--bg-surface-2);
}

.input-select__list li:hover,
.input-select__list li:focus {
    background-color: var(--bg-surface-2);
    outline: none;
}

.input-select__list.hidden {
    display: none;
}

.input-select--error .input-select__button {
    border-color: var(--status-warning);
}

.input-select--error .input-select__error {
    opacity: 1;
    visibility: visible;
}

.input-code {
    position: relative;
    display: flex;
    justify-content: center;
    gap: 16px;
}

.input-code__field {
    width: 50px;
    height: 70px;
    font-size: 20px;
    line-height: 1.1;
    background: var(--bg-surface-2);
    border: 1px solid transparent;
    border-radius: 6px;
    text-align: center;
    outline: none;
}

.input-code:hover .input-code__field {
    border-color: var(--border-medium);
}

.input-code__field:focus {
    border-color: var(--border-hard);
}

.input-code__error {
    position: absolute;
    top: calc(100% + 3px);
    left: 0;
    font-size: 12px;
    color: var(--status-warning);
    opacity: 0;
    visibility: hidden;
}

.input-code.input-code--error .input-code__field {
    border-color: var(--status-warning);
}

.input-code.input-code--error .input-code__error {
    opacity: 1;
    visibility: visible;
}

.input-stars {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.input-stars__title {
    flex-basis: 100%;
    max-width: 100%;
    color: var(--fg-soft);
}

.input-stars__fields {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: 8px;
}

.input-stars__radio {
    display: none;
}

.input-stars__label {
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='26' height='24' viewBox='0 0 26 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.37651 23.6262C5.40564 24.2015 4.21934 23.3302 4.47798 22.2317L5.94937 15.9823C6.05936 15.5152 5.89879 15.0257 5.53343 14.7145L0.615842 10.5259C-0.249847 9.78855 0.204021 8.37274 1.33706 8.27611L7.8845 7.71773C8.35488 7.67761 8.76499 7.38184 8.95155 6.94818L11.5047 1.01319C11.9488 -0.0190461 13.4123 -0.0190446 13.8563 1.01319L16.4095 6.94818C16.5961 7.38184 17.0062 7.67761 17.4766 7.71773L24.024 8.27611C25.157 8.37274 25.6109 9.78855 24.7452 10.5259L19.8276 14.7145C19.4623 15.0257 19.3017 15.5152 19.4117 15.9823L20.8831 22.2317C21.1417 23.3302 19.9554 24.2015 18.9845 23.6262L13.3331 20.2768C12.9307 20.0383 12.4303 20.0383 12.0279 20.2768L6.37651 23.6262Z' fill='%23C9CBD0'/%3e%3c/svg%3e ") no-repeat center;
    background-size: cover;
    cursor: pointer;
}

.input-stars__label:hover,
.input-stars__label:hover ~ .input-stars__label,
.input-stars__radio:checked ~ .input-stars__label {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='26' height='24' viewBox='0 0 26 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.37651 23.6262C5.40564 24.2015 4.21934 23.3302 4.47798 22.2317L5.94937 15.9823C6.05936 15.5152 5.89879 15.0257 5.53343 14.7145L0.615842 10.5259C-0.249847 9.78855 0.204021 8.37274 1.33706 8.27611L7.8845 7.71773C8.35488 7.67761 8.76499 7.38184 8.95155 6.94818L11.5047 1.01319C11.9488 -0.0190461 13.4123 -0.0190446 13.8563 1.01319L16.4095 6.94818C16.5961 7.38184 17.0062 7.67761 17.4766 7.71773L24.024 8.27611C25.157 8.37274 25.6109 9.78855 24.7452 10.5259L19.8276 14.7145C19.4623 15.0257 19.3017 15.5152 19.4117 15.9823L20.8831 22.2317C21.1417 23.3302 19.9554 24.2015 18.9845 23.6262L13.3331 20.2768C12.9307 20.0383 12.4303 20.0383 12.0279 20.2768L6.37651 23.6262Z' fill='%23FA7E0C'/%3e%3c/svg%3e ");
}

.input-stars__error {
    position: absolute;
    top: calc(100% + 3px);
    left: 0;
    font-size: 12px;
    color: var(--status-warning);
    opacity: 0;
    visibility: hidden;
}

.input-stars--error .input-stars__error {
    opacity: 1;
    visibility: visible;
}

.input-city {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.input-city .modal-city {
    display: none;
    padding: 0;
}

.input-city.input-city--show .modal-city {
    display: grid;
}

.input-city .modal-city__list {
    max-height: 280px;
}

.input-city--select {
    position: relative;
}

.input-city--select .modal-city {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    z-index: 5;
    max-height: 250px;
    padding: 4px 10px 4px 4px;
    background: var(--white);
    border-radius: 6px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.input-city--select .modal-city__list-item {
    position: static;
    padding: 0 6px;
    background: var(--white);
    border-radius: 4px;
    cursor: pointer;
}

.input-city--select .modal-city__list-item::before {
    display: none;
}

.input-city--select .modal-city__list-item:hover,
.input-city--select .modal-city__list-item:focus {
    background-color: var(--bg-surface-2);
}
/* End */


/* Start:/local/templates/autotown_v4/assets/css/slick.css?17724375721895*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* End */


/* Start:/local/templates/autotown_v4/assets/css/modals.css?177243757414421*/
.modal-city {
    display: grid;
    gap: 10px;
    max-width: 670px;
    margin-bottom: 10px;
    padding: 0 18px;
    overflow-y: auto;
}

.modal-city__countries {
    display: flex;
    align-items: center;
    gap: 10px;
    overflow-x: auto;
}

.modal-city__country {
    flex-shrink: 0;
}

.modal-city__list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow-y: auto;
}

.modal-city__list-item {
    flex-shrink: 0;
    position: relative;
    display: flex;
    align-items: center;
    height: 40px;
    padding: 0 10px 0 42px;
    border-radius: 4px;
    cursor: pointer;
}

.modal-city__list-item:hover {
    background: var(--bg-surface-2);
}

.modal-city__list-item::before {
    content: "";
    position: absolute;
    top: calc(50% - 8px);
    left: 10px;
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.0882 11.1591L13.2651 13.2651M12.5631 7.64907C12.5631 10.363 10.363 12.5631 7.64908 12.5631C4.93514 12.5631 2.73505 10.363 2.73505 7.64907C2.73505 4.93512 4.93514 2.73503 7.64908 2.73503C10.363 2.73503 12.5631 4.93512 12.5631 7.64907Z' stroke='%23908F8E' stroke-width='1.5' stroke-linecap='square'/%3e%3c/svg%3e") no-repeat center;
}

.modal-garage {
    display: flex;
    flex-direction: column;
    gap: 30px;
    min-width: 412px;
    padding: 0 10px 10px;
    overflow-y: auto;
}

.modal-garage__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow-y: auto;
}

.modal-garage__list .garage-car-small {
    max-width: 100%;
}

.modal-medium {
    width: 660px;
}

.modal-small {
    width: 432px;
}

.modal-hint {
    display: grid;
    grid-template-columns: 330px 1fr;
    gap: 10px;
    padding: 0 10px 10px;
}

.modal-hint__image-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 330px;
    background: var(--bg-surface-2);
    border-radius: 6px;
}

.modal-hint__info {
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-size: 14px;
}

.modal-hint__button {
    margin-top: auto;
}

.modal-not-found {
    display: grid;
    gap: 16px;
    width: 400px;
    padding: 0 10px 10px;
    text-align: center;
}

.modal-not-found--search {
    grid-template-columns: 1fr 330px;
    grid-template-rows: 1fr max-content;
    width: 100%;
    text-align: left;
}

.modal-not-found--search .modal-not-found__button {
    display: none;
}

.modal-not-found__image-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 170px;
}

.modal-not-found--search .modal-not-found__image-wrap {
    order: 2;
    grid-column: 2;
    grid-row: 1 / 3;
}

.modal-not-found__title {
    font-size: 24px;
    font-weight: 500;
}

.modal-not-found__text {
    font-size: 14px;
}

.modal-not-found__button {
    margin-top: 20px;
}

.modal-modification {
    display: grid;
    gap: 20px;
    padding: 0 10px 10px;
}

.modal-modification--horizontal {
    grid-template-columns: 1fr 1fr;
    overflow-y: auto;
}

.modal-modification__car {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.modal-modification__image-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 170px;
}

.modal-modification__car-spec {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.modal-modification__big-title {
    font-size: 24px;
    font-weight: 500;
}

.modal-modification__title {
    font-size: 20px;
}

.modal-modification__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.modal-modification__list-item {
    display: grid;
    gap: 30px;
    padding: 10px;
    border: 1px solid var(--border-medium);
    border-radius: 10px;
}

.modal-modification--horizontal .modal-modification__car {
    grid-template-columns: 1fr;
    align-content: space-between;
}

.modal-modification--horizontal .modal-modification__list {
    grid-template-columns: 1fr;
    overflow-y: auto;
}

.modal-select-car {
    display: grid;
    gap: 16px;
    padding: 0 10px 10px;
    overflow-y: auto;
    counter-reset: selectItem;
}

.modal-select-car__item {
    height: 0;
    opacity: 0;
    visibility: hidden;
    display: grid;
    gap: 16px;
    overflow-y: auto;
    counter-increment: selectItem;
}

.modal-select-car__or{
    text-align: center;
    display: block;
    padding-bottom: 15px;
    color: var(--fg-soft);
    font-weight: 400;
}

.modal-select-car__item .input--count::after {
    content: counter(selectItem);
}

.modal-select-car__item--selected .input--count::after {
    color: var(--fg-default);
}

.modal-select-car__item:first-of-type {
    height: auto;
    opacity: 1;
    visibility: visible;
}

.modal-select-car__item.modal-select-car__item--selected + .modal-select-car__item {
    height: auto;
    opacity: 1;
    visibility: visible;
}

.modal-select-car__item--selected .modal-select-car__list {
    display: none;
}

.modal-select-car__item:not(.modal-select-car__item--selected) .modal-select-car__clearInput{
    display: none;
}

.modal-select-car__list {
    display: grid;
    gap: 12px;
    overflow-y: auto;
}

.modal-select-car__list--brand {
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 20px;
}

.modal-select-car__list-item {
    display: flex;
    align-items: center;
    height: 40px;
    padding: 0 16px 0 42px;
    font-size: 16px;
    background: var(--white);
    border-radius: 4px;
    cursor: pointer;
}

.modal-select-car__list-item:hover {
    background: var(--bg-surface-2);
}

.modal-select-car__button {
    display: none;
    margin-top: 24px;
}

.modal-select-car__item.modal-select-car__item--selected + .modal-select-car__button {
    display: flex;
}

.modal-select-car__brand-item {
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 16px;
    background: var(--white);
    cursor: pointer;
}

.modal-select-car__brand-item:hover {
    color: var(--accent-default);
}

.modal-select-car__brand-image {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

.modal-search-popular {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 10px;
}

.modal-search-popular__item {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.modal-search-popular__title {
    padding-left: 10px;
    font-size: 20px;
}

.modal-search-popular__items {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.modal-search-list {
    display: grid;
    gap: 12px;
    padding: 0 10px 10px;
    overflow-y: auto;
}

.modal-search-list:not(:empty) + .modal-search-popular {
    display: none;
}

.modal-search-list__item {
    position: relative;
    display: flex;
    align-items: center;
    height: 40px;
    padding: 0 10px 0 42px;
    font-size: 16px;
    background: var(--white);
    border-radius: 4px;
    cursor: pointer;
}

.modal-search-list__item:hover {
    background: var(--bg-surface-2);
}

.modal-search-list__item::before {
    content: "";
    position: absolute;
    top: calc(50% - 8px);
    left: 10px;
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.0882 11.1591L13.2651 13.2651M12.5631 7.64907C12.5631 10.363 10.363 12.5631 7.64908 12.5631C4.93514 12.5631 2.73505 10.363 2.73505 7.64907C2.73505 4.93512 4.93514 2.73503 7.64908 2.73503C10.363 2.73503 12.5631 4.93512 12.5631 7.64907Z' stroke='%23908F8E' stroke-width='1.5' stroke-linecap='square'/%3e%3c/svg%3e") no-repeat center;
}

@media(max-width: 767px) {
    .modal-city {
        padding: 0 12px;
    }

    .modal-garage {
        min-width: auto;
        padding: 0 12px 24px;
    }

    .modal-medium,
    .modal-small {
        width: 100%;
    }

    .modal-hint {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 0 10px 24px;
    }

    .modal-not-found {
        gap: 20px;
        width: 100%;
        padding: 0 10px 24px;
    }

    .modal-not-found__button {
        margin-top: 0;
    }

    .modal-modification {
        gap: 32px;
    }

    .modal-modification--horizontal {
        grid-template-columns: auto;
        gap: 24px;
    }

    .modal-modification__car {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .modal-modification__image-wrap {
        order: 2;
        height: 160px;
    }

    .modal-modification__list {
        grid-template-columns: 1fr;
    }

    .modal-modification--horizontal .modal-modification__car {
        gap: 24px;
    }

    .modal-modification__big-title {
        order: 2;
    }

    .modal-select-car {
        padding: 0 10px 24px;
    }

    .modal-select-car__list--brand {
        grid-template-columns: 1fr;
    }

    .modal-not-found--search {
        grid-template-columns: 1fr;
        grid-template-rows: initial;
        text-align: center;
    }

    .modal-not-found--search .modal-not-found__image-wrap {
        grid-column: 1 /2;
        grid-row: 1/2;
    }

    .modal-select-car__or{
        margin-top: -7px;
    }
}

.modal-city-delivery {
    display: grid;
    grid-template-columns: repeat(2, minmax(316px, 485px));
    gap: 20px;
    padding: 8px;
}

.modal-city-delivery__form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.modal-city-delivery__inputs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 10px;
}

.modal-city-delivery__inputs .input:first-child,
.modal-city-delivery__inputs .input:last-child {
    grid-column: 1 / -1;
}

.modal-city-delivery__time {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px;
}

.modal-city-delivery__time-title {
    font-size: 14px;
    color: var(--fg-soft);
}

.modal-city-delivery__form .button {
    align-self: end;
    margin-top: auto;
}

.modal-city-delivery__map {
    height: 500px;
}


@media(max-width: 1279px) {
    .modal-city-delivery {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

@media(max-width: 767px) {
    .modal-city-delivery__inputs {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
}

.modal__content--delivery {
    overflow-y: hidden;
}

.modal-cargo-delivery {
    padding: 10px;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.modal-cargo-delivery__form {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 0;
    overflow-y: auto;
    flex: 1 1 auto;
}

.modal-cargo-delivery__input {
    display: none;
}

.modal-cargo-delivery__options {
    display: grid;
    gap: 10px;
}

.modal-cargo-delivery__option {
    position: relative;
    display: grid;
    grid-template-columns: 120px 1fr 1fr;
    gap: 20px;
    padding: 10px;
    cursor: pointer;
}

.modal-cargo-delivery__option-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 60px;
    padding: 8px;
    border: 1px solid var(--border-default);
    border-radius: 6px;
}

.modal-cargo-delivery__option-title {
    font-size: 18px;
    margin-right: auto;
}

.modal-cargo-delivery__option-price {
    font-size: 14px;
    color: var(--fg-soft);
}

.modal-cargo-delivery__border {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 2px solid var(--fg-default);
    border-radius: 10px;
    opacity: 0;
    visibility: hidden;
}

.modal-cargo-delivery__option:hover .modal-cargo-delivery__border,
.modal-cargo-delivery__input:checked ~ .modal-cargo-delivery__border {
    opacity: 1;
    visibility: visible;
}

.modal-cargo-delivery__btn-wrap {
    position: sticky;
    bottom: 0;
    padding-top: 10px;
    background: var(--white);
}

@media(max-width: 767px) {
    .modal-cargo-delivery__form {
        min-width: auto;
    }

    .modal-cargo-delivery__option {
        display: grid;
        grid-template-columns: 120px 1fr;
        gap: 10px 20px;
    }

    .modal-cargo-delivery__option-icon {
        height: 68px;
        grid-column: 1 / 2;
        grid-row: 1 / 3;
    }

    .modal-cargo-delivery__option-title {
        grid-column: 2 / 3;
        grid-row: 1 / 2;
    }

    .modal-cargo-delivery__option-price {
        grid-column: 2 / 3;
        grid-row: 2 / 3;
        text-align: left;
    }
}

.modal-delivery-point {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.modal-delivery-point__wrapper {
    width: 980px;
    max-width: calc(100vw - 20px);
    height: 500px;
}

@media(max-width: 767px) {
    .modal-delivery-point__wrapper {
        height: calc(100vh - 72px);
    }
}

.modal-schema {
    display: grid;
    gap: 30px;
    background: var(--white);
    padding: 0 18px 20px;
    max-width: 660px;
}

.modal-schema__item {
    display: grid;
    gap: 16px;
}

.modal-schema__tabs {
    display: flex;
    gap: 6px;
    overflow-y: auto;
}

.modal-schema__button {
    flex-shrink: 0;
}

.modal-schema__content-tab {
    display: none;
}

.modal-schema__content-tab.active {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

@media (max-width: 767px) {
    .modal-schema {
        padding: 0 8px 24px;
    }

    .modal-schema .modal-schema__content-tab {
        grid-template-columns: 1fr;
    }
}

.modal-add-basket {
    display: grid;
    gap: 20px;
    padding: 0 18px 20px;
}

.modal-add-basket__counters {
    display: grid;
    gap: 20px;
}

.modal-add-basket__count {
    display: grid;
    gap: 20px;
}

.modal-success-basket {
    display: grid;
    gap: 20px;
    padding: 0 20px 20px;
}
/* End */


/* Start:/local/templates/autotown_v4/assets/css/fancybox.css?177243757418278*/
body.compensate-for-scrollbar {
    overflow: hidden;
}

.fancybox-active {
    height: auto;
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden;
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}

.fancybox-container * {
    box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

.fancybox-bg {
    background: rgb(30, 30, 30);
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible;
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancybox-toolbar {
    right: 0;
    top: 0;
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden;
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    /* Using without prefix would break IE11 */
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
    display: block;
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0;
}

.fancybox-slide--image::before {
    display: none;
}

.fancybox-slide--html {
    padding: 6px;
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.fancybox-container [data-selectable='true'] {
    cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.fancybox-spaceball {
    z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%;
}

.fancybox-slide--video .fancybox-content {
    background: #000;
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
}

.fancybox-video,
.fancybox-iframe {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

/* Fix iOS */
.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0;
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%;
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

/* Buttons */

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
    color: #ccc;
}

.fancybox-button:hover {
    color: #fff;
}

.fancybox-button:focus {
    outline: none;
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none;
}

/* Fix IE11 */
.fancybox-button div {
    height: 100%;
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%;
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
    display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
    display: none;
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 0;
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998;
}

/* Close button on the top right corner of html content */

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401;
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none;
}

/* Navigation arrows */

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px;
}

.fancybox-navigation .fancybox-button div {
    padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right);
}

/* Caption */

.fancybox-caption {
    background: linear-gradient(to top,
    rgba(0, 0, 0, .85) 0%,
    rgba(0, 0, 0, .3) 50%,
    rgba(0, 0, 0, .15) 65%,
    rgba(0, 0, 0, .075) 75.5%,
    rgba(0, 0, 0, .037) 82.85%,
    rgba(0, 0, 0, .019) 88%,
    rgba(0, 0, 0, 0) 100%);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px 44px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996;
}

@supports (padding: max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
    }
}

.fancybox-caption--separate {
    margin-top: -50px;
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none;
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline;
}

/* Loading indicator */

.fancybox-loading {
    animation: fancybox-rotate 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999;
}

@keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg);
    }
}

/* Transition effects */

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1);
}

/* transitionEffect: slide */

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}

/* transitionEffect: zoom-in-out */

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

/* transitionEffect: circular */

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px;
    }

    .fancybox-slide--image {
        padding: 6px 0;
    }

    .fancybox-close-small {
        right: -6px;
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px;
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px;
    }

    @supports (padding: max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right));
        }
    }
}
/* Share */

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center;
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px 0;
}

.fancybox-share p {
    margin: 0;
    padding: 0;
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px 5px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
    color: #fff;
}

.fancybox-share__button:hover {
    text-decoration: none;
}

.fancybox-share__button--fb {
    background: #3b5998;
}

.fancybox-share__button--fb:hover {
    background: #344e86;
}

.fancybox-share__button--pt {
    background: #bd081d;
}

.fancybox-share__button--pt:hover {
    background: #aa0719;
}

.fancybox-share__button--tw {
    background: #1da1f2;
}

.fancybox-share__button--tw:hover {
    background: #0d95e8;
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px;
}

.fancybox-share__button svg path {
    fill: #fff;
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%;
}
/* Thumbs */

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    width: 212px;
    z-index: 99995;
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block;
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px;
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px;
}

.fancybox-thumbs__list a::before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991;
}

.fancybox-thumbs__list a:focus::before {
    opacity: .5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1;
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px;
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px;
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px);
    }
}
/* End */


/* Start:/local/templates/autotown_v4/assets/css/styles.css?1773124298195615*/
:root {
    --white: #FFF;
    --black: #0E1117;
    --gray: #EAEAEA;
    --blue: #009BE9;
    --green: #019F3C;
    --brown: #674800;
    --light-blue: #E0F5FF;
    --light-green: #E6F5EC;
    --light-green-other: #DFFDE9;
    --dark-green: #00521C;
    --yellow-star: #FA7E0C;
	--light-yellow: #FEF4DD;

    --fg-default: #2B2A29;
    --fg-soft: #908F8E;
    --fg-invert: #FFF;
    --fg-muted: #C9CBD0;

	--bg-surface-1: #fff;
	--bg-surface-2: #f6f6f6;
	--bg-surface-3: #ebeaea;
	--bg-surface-4: #363534;
	--bg-surface-5: #2b2a29;

	--border-default: #eaeaec;
	--border-black: #2b2a29;
	--border-medium: #ebeaea;
	--border-hard: #999;

	--accent-default: #e31e24;
	--accent-hover: #881216;

	--status-true: #019f3c;
	--status-warning: #f5851a;
}

* {
	box-sizing: border-box;
}

html,
body {
	margin: 0;
	padding: 0;
	font-family: 'Nagel', sans-serif;
	font-size: 16px;
	line-height: 1.2;
	font-weight: 400;
	color: var(--fg-default);
	background: var(--bg-surface-3);
}

html.fixed body {
    overflow-y: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-family: 'PP Neue Corp', sans-serif;
	font-weight: 500;
}

h1 {
	font-size: 40px;
	line-height: 1;
}

h2 {
	font-size: 40px;
	line-height: 1.1;
}

h3 {
	font-size: 32px;
	line-height: 1;
}

h4 {
	font-size: 24px;
	line-height: 1;
}

h5 {
	font-size: 20px;
	line-height: 1;
}

button {
	font-family: 'Nagel', sans-serif;
	font-size: 20px;
	font-weight: 400;
	color: var(--fg-default);
	border: none;
}

a {
	color: var(--fg-default);
	text-decoration: none;
}

img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

p {
	margin: 0;
	padding: 0;
}

iframe {
	border: none;
}

.container {
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 50px;
}

.container--height {
	height: 100%;
}

.green {
	color: var(--status-true);
}

.dropdown-menu {
	position: absolute;
	top: calc(100% + 6px);
	left: 0;
	z-index: 11;
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: max-content;
	padding: 10px;
	background: var(--white);
	border-radius: 6px;
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.26);
	transition: 0.2s;
	opacity: 0;
	visibility: hidden;
}

.dropdown-menu--small-paddings {
	padding: 4px;
}

.dropdown-active .dropdown-menu {
	opacity: 1;
	visibility: visible;
}

.dropdown-action {
	position: relative;
}

.dropdown-menu.right {
	left: auto;
	right: 0;
}

.dropdown-list {
	min-width: 200px;
	max-height: 250px;
	overflow-y: auto;
}

.dropdown-list__item {
	display: flex;
	align-items: center;
	height: 40px;
	font-size: 14px;
	padding: 0 6px;
	border-radius: 4px;
}

.dropdown-list__item:hover {
	background: var(--bg-surface-2);
}

.dropdown-list::-webkit-scrollbar {
	width: 6px;
	background-color: transparent;
}

.dropdown-list::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background-color: var(--bg-surface-3);
}

.tag {
	display: flex;
	align-items: center;
	gap: 8px;
	max-width: fit-content;
	height: 32px;
	padding: 0 12px;
	font-size: 12px;
	background: var(--bg-surface-2);
	border-radius: 4px;
}

.tag--yellow {
	color: var(--status-warning);
}

.tag--blue {
	color: var(--blue);
}

.tag--green {
	color: var(--status-true);
}

.tag--gray {
	color: var(--fg-soft);
}

.tag svg {
	width: 16px;
	height: 16px;
}

.select-tag {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    max-width: fit-content;
    min-height: 40px;
    padding: 6px 12px;
    font-size: 14px;
	background: var(--white);
    border-radius: 6px;
    border: 1px solid var(--border-medium);
	cursor: pointer;
}

.select-tag--image {
    padding: 6px;
}

.select-tag__icon {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background: var(--fg-muted);
}

.select-tag__info {
	display: flex;
	flex-direction: column;
}

.select-tag__prop {
	color: var(--fg-soft);
}

.select-tag__image-wrap {
    width: 34px;
    height: 34px;
    border-radius: 4px;
}

.select-tag__image {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    object-fit: cover;
}

.select-tag--image .select-tag__icon {
    position: absolute;
    left: 8px;
    bottom: 8px;
    width: 16px;
    height: 16px;
    border: 1px solid var(--white);
}

.select-tag.active {
	border-color: var(--border-black);
}

.select-tag:hover,
.select-tag.active:hover {
	border-color: var(--border-hard);
}

.color-yellow {
	color: var(--status-warning);
}

.color-blue {
	color: var(--blue);
}

.color-green {
	color: var(--status-true);
}

.color-red {
	color: var(--accent-default);
}

/* Header */

.header {
	position: sticky;
	top: 0;
	z-index: 10;
	display: flex;
	flex-direction: column;
	gap: 1px;
	margin-bottom: 10px;
}

.header__top {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	padding: 5px 16px;
	border-radius: 6px;
	background: var(--white);
}

.header__top-menu {
	display: flex;
	align-items: center;
	gap: 20px;
}

.header__dropdown {
	position: relative;
}

.header__dropdown.button.text.active {
	color: var(--fg-default);
}

.header__dropdown.active .dropdown-menu {
	opacity: 1;
	visibility: visible;
}

.header__middle {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 28px;
	padding: 12px 16px;
	background: var(--white);
	border-radius: 6px;
}

.header__logo {
	flex-shrink: 0;
}

.header__search {
	display: flex;
	align-items: center;
	gap: 16px;
	width: 100%;
}

.header-menu {
	display: flex;
	align-items: center;
	gap: 16px;
}

.header__search-wrap {
    position: relative;
    width: 100%;
}

.header__catalog-button rect,
.header__catalog-button rect,
.header__burger-button rect,
.header__burger-button rect {
    transform-origin: 33% center;
    transition: transform 0.3s ease;
    transform: rotate(0);
}

.header__catalog-button.modal-active rect:first-child,
.header__burger-button.burger-active rect:first-child {
    transform: rotate(25deg);
}

.header__catalog-button.modal-active rect:last-child,
.header__burger-button.burger-active rect:last-child {
    transform: rotate(-25deg);
}

.big-search-form {
    position: relative;
    z-index: 3;
}

.big-search-form__actions {
    display: none;
    position: absolute;
    top: 5px;
    left: calc(40px + var(--left-pos));
    z-index: 10;
    align-items: center;
    gap: 10px;
}

.header__catalog-button rect,
.header__catalog-button rect {
    transform-origin: 33% center;
    transition: transform 0.3s ease;
    transform: rotate(0);
}

.header__catalog-button.modal-active rect:first-child {
    transform: rotate(25deg);
}

.header__catalog-button.modal-active rect:last-child {
    transform: rotate(-25deg);
}

.big-search-form {
    position: relative;
    z-index: 3;
}

.big-search-form__actions {
    display: none;
    position: absolute;
    top: 5px;
    left: calc(40px + var(--left-pos));
    z-index: 10;
    align-items: center;
    gap: 10px;
}

@media(max-width: 1279px) {
	.header__top {
		display: none;
	}

    .header__middle {
        padding: 4px 4px 4px 16px;
    }

    .header__search-wrap {
        position: static;
    }
}
@media(max-width: 768px) {
	.header__burger-button{
		font-size: 0;
		gap: 0;
	}
}

/* Header */

/* Footer */

.footer {
	position: relative;
	margin-top: 50px;
	color: var(--white);
	background: var(--bg-surface-5);
	border-radius: 10px;
}

.footer__info {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	padding: 34px;
}

.footer__column {
	flex-basis: calc((100% - 10px) / 2);
	max-width: calc((100% - 10px) / 2);
	display: flex;
	flex-direction: column;
	min-height: 500px;
}

.footer__column-bottom {
	margin-top: auto;
}

.footer__company {
	display: flex;
	align-items: center;
	gap: 56px;
}

.footer__company-description {
	max-width: 200px;
	font-size: 14px;
	color: var(--fg-soft);
}

.footer__widgets {
	display: flex;
	gap: 28px;
}

.footer__widget-item {
	width: 100%;
	max-width: 163px;
	background: var(--white);
	color: var(--fg-soft);
}

.footer-widget {
	font-size: 10px;
	background: var(--white);
	border-radius: 6px;
	color: var(--fg-soft);
}

.footer-widget__top,
.footer-widget__bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 5px;
}

.footer-widget__bottom {
	margin-top: 20px;
	background: var(--gray);
	border-radius: 0 0 6px 6px;
}

.footer-widget__star {
	display: flex;
	align-items: center;
	gap: 8px;
}

.footer-widget__rating--big {
	font-size: 20px;
	font-weight: 500;
	color: var(--fg-default);
}

.footer__menu {
	display: flex;
	gap: 30px;
}

.footer__menu-item {
	flex-basis: calc((100% - 60px) / 3);
	max-width: calc((100% - 60px) / 3);
}

.footer-menu__title {
	margin-bottom: 16px;
	font-size: 14px;
	color: var(--fg-soft);
}

.footer-menu__list {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer-social__items {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.footer-social__title {
	margin-bottom: 18px;
	font-size: 14px;
	color: var(--fg-soft);
}

.footer-social__item.button.medium {
	width: 40px;
	height: 40px;
}

.footer-social__item svg {
	width: 24px;
	height: 24px;
}

.footer-question {
	display: flex;
	flex-direction: column;
	gap: 46px;
	padding: 20px 10px 10px;
	background: var(--bg-surface-4);
	border-radius: 6px;
}

.footer-question__title {
	font-size: 18px;
	text-align: center;
}

.footer-question__button.button {
	max-width: 100%;
}

.footer__copyright {
	display: flex;
	gap: 10px;
	padding: 27px 32px;
	font-size: 14px;
	color: var(--fg-soft);
	border-top: 1px solid var(--fg-soft);
}

.footer__copyright-column {
	flex-basis: calc((100% - 10px) / 2);
	max-width: calc((100% - 10px) / 2);
	display: flex;
	justify-content: space-between;
}

.copyright {
	display: flex;
	gap: 10px;
}

.copyright__item {
	display: flex;
	align-items: center;
	gap: 6px;
	color: var(--fg-soft);
}

.footer__column-star{
	display: grid;
	grid-template-areas:
	"icon title"
	"icon title"
	"desc desc";
	grid-template-columns: 59px 1fr;
	align-items: center;

	background-color: var(--bg-surface-4);
	border-radius: 6px;
	padding: 10px 10px;
	gap: 10px;
	width: 356px;
	margin-top: 20px;
}

.footer__column-star-icon{
	grid-area: icon;
}

.footer__column-star-title{
	grid-area: title;
	font-size: 14px;
	opacity: 0.5;
	line-height: 1.3;
}

.footer__column-star-desc{
	grid-area: desc;
	font-size: 12px;
	color: var(--fg-soft);
	opacity: 0.5;
}

@media (max-width: 1439px) {
	.footer__menu-item .button {
		font-size: 14px;
	}
}

@media (min-width: 1280px) {
	.footer-question {
		position: absolute;
		top: 12px;
		right: 12px;
		width: 100%;
		max-width: 200px;
	}
}

@media (max-width: 1279px) {
	.footer {
		margin-top: 30px;
		margin-bottom: 80px;
	}

	.footer__info {
		gap: 14px;
	}

	.footer__column-star{
		position: absolute;
		right: 16px;
		top: 0;
	}

	.footer__menu{
		margin-top: 130px;
	}

	.footer__column {
		flex-basis: calc(100% - 214px);
		max-width: calc(100% - 214px);
	}

	.footer__column:first-of-type {
		flex-basis: 200px;
		max-width: 200px;
	}

	.footer__company {
		align-items: flex-start;
		flex-direction: column;
		gap: 28px;
	}

	.footer__widgets {
		flex-direction: column;
		gap: 8px;
	}

	.footer__menu {
		gap: 10px;
	}

	.footer__menu-item {
		flex-basis: calc((100% - 10px) / 2);
		max-width: calc((100% - 10px) / 2);
	}

	.footer__contacts {
		display: flex;
		flex-direction: column;
		gap: 30px;
	}

	.footer-question {
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		padding: 10px 10px 10px 20px;
	}

	.footer-question__title {
		font-size: 16px;
	}

	.footer-question__button.button {
		width: 100%;
		max-width: 200px;
		height: 40px;
	}

	.footer__copyright {
		gap: 14px;
	}

	.footer__copyright * {
		font-size: 12px;
	}

	.footer__copyright-column {
		flex-basis: calc(100% - 214px);
		max-width: calc(100% - 214px);
	}

	.footer__copyright-column:first-of-type {
		flex-basis: 200px;
		max-width: 200px;
	}
}

@media (max-width: 767px) {
	.footer__info {
		flex-direction: column;
		gap: 44px;
		padding: 32px 16px 16px;
	}

	.footer__column-star{
		position: static;
		width: 100%;
		order: 2;
		margin-top: -20px;
	}

	.footer__column-star-title{
		font-size: 12px;
	}

	.footer__menu{
		margin-top: 0px;
	}

	.footer__column,
	.footer__column:first-of-type {
		gap: 32px;
		flex-basis: 100%;
		max-width: 100%;
		min-height: auto;
	}

	.footer__column-bottom {
		margin-top: 0;
	}

	.footer__company-description {
		font-size: 12px;
	}

	.footer__company {
		flex-direction: row;
		align-items: center;
		gap: 12px;
	}

	.footer__widgets {
		flex-direction: row;
		gap: 10px;
	}

	.footer__widget-item {
		flex-basis: calc((100% - 10px) / 2);
		max-width: calc((100% - 10px) / 2);
	}

	.footer__menu {
		margin-bottom: 24px;
	}

	.footer-question {
		flex-direction: column;
		gap: 42px;
		padding: 10px;
	}

	.footer-question__button.button {
		max-width: 100%;
	}

	.footer__copyright {
		flex-direction: column;
		align-items: center;
		gap: 12px;
	}

	.footer__copyright-column,
	.footer__copyright-column:first-of-type {
		flex-basis: fit-content;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		gap: 12px;
		max-width: 100%;
	}

	.copyright {
		gap: 30px;
	}
}

/* Footer */

/* Mobile Menu */

.mobile-menu-fixed {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 12px;
	z-index: 10;
	display: flex;
	justify-content: center;
}

.mobile-menu {
	display: flex;
	align-items: center;
	gap: 32px;
	padding: 8px 32px;
	background: var(--white);
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.26);
	border-radius: 10px;
}

.mobile-menu .button-menu:not(:hover):not(:active):not(.active) {
	color: var(--fg-soft);
}

@media (max-width: 1280px){
	.mobile-menu {
		min-width: 550px;
		justify-content: space-between;
	}
}

@media (max-width: 767px) {
	.mobile-menu-fixed {
		bottom: 10px;
	}

	.mobile-menu {
		padding: 8px;
		gap: 10px;
		min-width: 90dvw;
	}
}

/* Mobile Menu */

/* Main banner */

.main-banner {
	display: flex;
	gap: 10px;
}

.main-banner__wrap {
	flex-basis: calc((100% - 10px) / 2);
	max-width: calc((100% - 10px) / 2);
	border-radius: 10px;
}

.main-garage {
	display: flex;
	flex-direction: column;
	gap: 60px;
	padding: 10px;
	background: var(--white);
	border-radius: 10px;
}

.main-garage__title {
	padding: 10px 10px 0;
	font-family: 'PP Neue Corp', sans-serif;
	font-size: 40px;
	line-height: 1.1;
}

.main-garage__title--red {
	color: var(--accent-default);
}

.garage-card {
	display: flex;
	min-height: 282px;
	max-height: 282px;
	background: var(--bg-surface-2);
	border-radius: 6px;
}

.garage-card__info,
.garage-card__form {
	position: relative;
	flex-basis: 50%;
	max-width: 50%;
}

.garage-card__info {
	padding: 5px;
}

.garage-card__description {
	font-size: 18px;
	margin: 10px 0 0 10px;
}

.garage-card--empty .garage-card__info {
	background: url('/local/templates/autotown_v4/assets/css/../images/garage.png') no-repeat left bottom;
}

.garage-card__form {
	display: flex;
	flex-direction: column;
	padding: 10px;
	gap: 6px;
}

.garage-card__form .garage-form {
	margin-top: auto;
}

.garage-card__car-name {
	display: flex;
	flex-direction: column;
	gap: 5px;
	padding: 5px 10px 0;
}

.garage-card__title {
	font-family: 'PP Neue Corp', sans-serif;
	font-size: 24px;
	line-height: 1.1;
	overflow-wrap: break-word;
}

.garage-card__year {
	font-family: 'PP Neue Corp', sans-serif;
	font-size: 24px;
	line-height: 1.1;
	color: var(--fg-soft);
}

.garage-card__tag {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 32px;
	max-width: fit-content;
	padding: 0 12px;
	font-size: 12px;
	color: var(--fg-default);
	background: var(--bg-surface-3);
	border-radius: 3px;
}

.garage-form {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.garage-form__question {
	cursor: pointer;
}

.garage-form .button.muted:not(:hover):not(:active) {
	border-color: var(--border-hard);
}

.garage-card__image-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	background: var(--white);
	border-radius: 6px;
}

.garage-card__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 6px;
}

.garage-card--add .garage-card__image {
	width: auto;
	height: auto;
	object-fit: contain;
}

.garage-card__action {
	position: absolute;
	top: 10px;
	left: 10px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.garage-card__button--other:not(:hover):not(:active) {
	color: var(--fg-soft);
}

.main-advantages {
	display: flex;
	gap: 1px;
	margin-top: 1px;
}

.main-advantages__item {
	flex-basis: calc((100% - 2px) / 3);
	max-width: calc((100% - 2px) / 3);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 128px;
	padding: 6px 20px 14px;
	background: var(--white);
	border-radius: 10px;
}

.main-advantages__icon {
	color: var(--accent-default);
}

.main-banner__slider {
	position: relative;
}

.main-slider__item {
	position: relative;
	border-radius: 10px;
}

.main-slider>.main-slider__item{
	display: none;
}

.main-slider>.main-slider__item:first-child{
	display: block;
}

.main-slider__info {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	gap: 30px;
	max-width: 500px;
	height: 100%;
	padding: 20px 24px 10px;
	color: var(--white);
}

.main-slider__title {
	font-family: 'PP Neue Corp', sans-serif;
	font-size: 40px;
	line-height: 1.1;
}

.main-slider__more {
	margin-top: auto;
	margin-left: -14px;
	padding: 0 28px;
}

.main-slider__more:not(:hover):not(:active) {
	background: var(--white);
	color: var(--accent-default);
}

.main-slider__image-wrap {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.main-slider__image {
	width: 100%;
	/* height: 100%; */
	object-fit: cover;
	border-radius: 10px;
}

.main-slider__arrows {
	position: absolute;
	right: 10px;
	bottom: 10px;
	display: flex;
	align-items: center;
	gap: 6px;
}

.main-slider__arrow.button {
	background: rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(10px);
	color: var(--white);
}

.main-slider,
.main-slider .slick-list,
.main-slider .slick-track,
.main-slider__item,
.main-banner__slider {
	height: 100%;
}

@media (max-width: 1439px) {
	.main-advantages__item {
		height: 120px;
	}
}

@media (max-width: 1279px) {
	.main-banner {
		flex-direction: column;
		margin-top: 10px;
	}

	.main-banner__wrap {
		flex-basis: 100%;
		max-width: 100%;
	}

	.main-slider__item {
		height: 500px;
	}

	.main-slider__title {
		font-size: 32px;
	}
}

@media (max-width: 767px) {
	.main-garage {
		padding: 6px;
	}

	.main-garage__title {
		padding: 6px 6px 0;
		font-size: 24px;
	}

	.garage-card {
		flex-direction: column;
		min-height: auto;
		max-height: 100%;
	}

	.garage-card__info,
	.garage-card__form {
		flex-basis: 100%;
		max-width: 100%;
	}

	.garage-card--empty .garage-card__info {
		min-height: 228px;
		background-size: 268px;
	}

	.garage-card__form {
		padding: 5px;
	}

	.garage-card__description {
		margin: 5px 0 0 5px;
		font-size: 16px;
	}

	.garage-form {
		gap: 6px;
	}

	.garage-card__image-wrap {
		height: 240px;
	}

	.main-advantages__item {
		padding: 6px 10px 10px;
		font-size: 14px;
	}

	.main-slider__info {
		gap: 10px;
		padding: 12px 14px 10px;
	}

	.main-slider__title {
		font-size: 24px;
	}

	.main-slider__more {
		margin-left: -4px;
	}
}

/* Main banner */

/* Main Popular */

.popular-cards {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.popular-cards__item {
	flex-basis: calc((100% - 60px) / 4);
	max-width: calc((100% - 60px) / 4);
	display: flex;
	flex-direction: column;
	gap: 5px;
	padding: 16px;
	background: var(--bg-surface-2);
	border-radius: 10px;
}

.popular-cards__info {
	display: flex;
	gap: 5px;
	height: 154px;
}

.popular-cards__image-wrap {
	position: relative;
	right: -16px;
	flex-basis: 154px;
	max-width: 154px;
}

.popular-cards__title {
	flex-basis: calc(100% - 159px);
	max-width: calc(100% - 159px);
}

.popular-list {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.popular-list__link {
	display: flex;
	align-items: center;
	gap: 4px;
}

.popular-list__count {
	color: var(--fg-soft);
}

.popular-list__link:hover,
.popular-list__link:hover .popular-list__count {
	color: var(--accent-default);
}

.popular-list__icon {
	margin-left: auto;
}

@media (max-width: 1279px) {
	.popular-cards__item {
		flex-basis: calc((100% - 20px) / 2);
		max-width: calc((100% - 20px) / 2);
	}
}

@media (max-width: 767px) {
	.popular-cards {
		gap: 10px;
	}

	.popular-cards__item {
		flex-basis: 100%;
		max-width: 100%;
	}

	.popular-list__link {
		font-size: 14px;
	}
}

/* Main Popular */

/* Main Brands */

.main-brands {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	gap: 14px 100px;
	max-height: 190px;
	transition: 0.5s;
	overflow: hidden;
}

.main-brands__item {
	flex-basis: calc((100% - 400px) / 5);
	max-width: calc((100% - 400px) / 5);
}

.main-brands__link {
	gap: 14px;
}

img.main-brands__image {
	width: 100%;
	height: 100%;
}

.main-brands__show.active svg {
	transform: rotate(180deg);
}

@media (max-width: 1279px) {
	.main-brands {
		max-height: 258px;
		gap: 40px 30px;
	}

	.main-brands__item {
		flex-basis: calc((100% - 90px) / 4);
		max-width: calc((100% - 90px) / 4);
	}
}

@media (max-width: 767px) {
	.main-brands {
		max-height: 496px;
		gap: 32px;
	}

	.main-brands__item {
		flex-basis: calc((100% - 32px) / 2);
		max-width: calc((100% - 32px) / 2);
	}
}

/* Main Brands */

/* Main Middle Banners */

.main-middle-banners {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 50px;
}

.main-middle-banners__item {
	flex-basis: calc((100% - 10px) / 2);
	max-width: calc((100% - 10px) / 2);
}

.main-middle-banner {
	position: relative;
	height: 340px;
	border-radius: 10px;
	background: var(--white);
}

.main-middle-banner.white {
	color: var(--white);
}

.main-middle-banner__info {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	gap: 30px;
	max-width: 460px;
	height: 100%;
	padding: 20px 24px 14px;
}

.main-middle-banner__button {
	min-width: 172px;
	margin-top: auto;
	margin-left: -10px;
}

.main-middle-banner__image-wrap {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}

.main-middle-banner__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}

.main-middle-banner.image-contain .main-middle-banner__image {
	width: auto;
	height: auto;
	object-fit: contain;
}

@media (max-width: 1439px) {
	.main-middle-banner__info {
		gap: 10px;
		padding: 24px 14px 14px;
	}

	.main-middle-banner__title {
		font-size: 36px;
	}

	.main-middle-banner__button {
		margin-left: 0;
	}
}

@media (max-width: 1279px) {
	.main-middle-banners {
		margin-bottom: 30px;
	}

	.main-middle-banner__info {
		padding: 20px 14px 14px;
	}

	.main-middle-banner__title {
		font-size: 24px;
	}
}

@media (max-width: 767px) {
	.main-middle-banners {
		flex-direction: column;
	}

	.main-middle-banners__item {
		flex-basis: 100%;
		max-width: 100%;
	}

	.main-middle-banner__info {
		height: 368px;
		padding: 12px 14px 14px;
	}
}

/* Main Middle Banners */

/* Main Disassembly */

.main-disassembly {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.main-disassembly__item {
	flex-basis: calc((100% - 30px) / 4);
	max-width: calc((100% - 30px) / 4);
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 6px;
	background: var(--white);
	border: 1px solid transparent;
	border-radius: 10px;
}

.main-disassembly__image-wrap {
	height: 190px;
}

.main-disassembly__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 6px;
}

.main-disassembly__info {
	padding: 0 10px;
}

.main-disassembly__title {
	position: relative;
	padding-bottom: 16px;
	font-size: 20px;
}

.main-disassembly__title::before {
	content: '';
	position: absolute;
	top: 100%;
	right: -16px;
	left: -16px;
	height: 1px;
	background: var(--border-medium);
}

.main-disassembly__item:hover {
	border-color: var(--border-hard);
}

.main-disassembly__item:hover .main-disassembly__title {
	color: var(--accent-default);
}

.main-disassembly__date {
    display: flex;
    align-items: center;
    margin-top: auto;
}

.main-disassembly__date-text {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 6px 10px;
	border-radius: 6px;
	background: var(--bg-surface-2);
}

.main-disassembly-params {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 12px 0;
	color: var(--fg-soft);
}

.main-disassembly-params__item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
}

.main-disassembly-params__value {
	display: flex;
	align-items: center;
	gap: 6px;
}

.main-disassembly-params__value--color {
	display: block;
	width: 20px;
	height: 20px;
	border: 1px solid var(--border-medium);
	border-radius: 50%;
}

@media (max-width: 1279px) {
	.main-disassembly__item {
		flex-basis: calc((100% - 10px) / 2);
		max-width: calc((100% - 10px) / 2);
	}
}

@media (max-width: 767px) {
	.main-disassembly__item {
		flex-basis: 100%;
		max-width: 100%;
		gap: 12px;
		font-size: 14px;
	}

	.main-disassembly__title {
		padding-bottom: 12px;
		font-size: 18px;
	}

	.main-disassembly-params {
		padding: 8px 0;
	}
}

/* Main Disassembly */

/* Delivery Price */

.delivery-price {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.delivery-price__item {
	flex-basis: calc((100% - 24px) / 4);
	max-width: calc((100% - 24px) / 4);
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 12px;
	background: var(--bg-surface-2);
	border-radius: 6px;
}

.delivery-price__city {
	display: flex;
	align-items: center;
	gap: 6px;
}

.delivery-price__cost {
	font-size: 14px;
	color: var(--fg-soft);
}

@media (max-width: 767px) {
	.delivery-price__item {
		flex-basis: calc((100% - 8px) / 2);
		max-width: calc((100% - 8px) / 2);
	}
}

/* Delivery Price */

/* Delivery Partners */

.delivery-partners {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.delivery-partners__item {
	flex-basis: calc((100% - 20px) / 3);
	max-width: calc((100% - 20px) / 3);
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100px;
	padding: 10px;
	border: 1px solid var(--border-medium);
	border-radius: 6px;
}

@media (max-width: 767px) {
	.delivery-partners__item {
		flex-basis: calc((100% - 10px) / 2);
		max-width: calc((100% - 10px) / 2);
	}
}

/* Delivery Partners */

/* Delivery Payments */

.delivery-payments {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.delivery-payments__item {
	flex-basis: calc((100% - 30px) / 4);
	max-width: calc((100% - 30px) / 4);
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
	height: 60px;
	border: 1px solid var(--border-medium);
	border-radius: 6px;
}

.payment-details-show svg {
	transition: 0.2s;
}

.payment-details-show.active svg {
	transform: rotate(-180deg);
}

.payment-details {
	display: none;
	flex-direction: column;
	gap: 10px;
}

.payment-detail-item {
	display: flex;
	flex-direction: column;
	gap: 30px;
	padding: 12px 16px;
	background: var(--white);
	border: 1px solid var(--border-medium);
	border-radius: 6px;
}

.payment-detail-item__title {
	font-weight: 500;
}

.payment-detail-item__list {
	display: flex;
	flex-direction: column;
	gap: 8px;
	font-size: 14px;
}

.payment-detail-item__list-item {
	display: flex;
	gap: 16px;
}

.payment-detail-item__name {
	min-width: 140px;
	color: var(--fg-soft);
}

@media (max-width: 767px) {
	.delivery-payments__item {
		flex-basis: calc((100% - 10px) / 2);
		max-width: calc((100% - 10px) / 2);
	}

	.payment-detail-item__list {
		gap: 20px;
	}

	.payment-detail-item__list-item {
		flex-direction: column;
		gap: 8px;
	}
}

/* Delivery Payments */

/* Contacts */

.page-contacts {
	display: flex;
	gap: 10px;
}

.page-contacts__wrap {
	flex-basis: calc((100% - 10px) / 2);
	max-width: calc((100% - 10px) / 2);
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.page-contacts__search {
	padding: 12px;
	background: var(--white);
	border-radius: 10px;
}

.page-contacts__map {
	min-height: 630px;
	background: var(--white);
	border-radius: 10px;
}

.page-contacts__map .ymaps-2-1-79-map,
.page-contacts__map .ymaps-2-1-79-inner-panes {
	border-radius: 10px;
}

.page-contacts__cards {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.contacts-card {
	display: flex;
	flex-direction: column;
	gap: 34px;
	min-height: 230px;
	padding: 12px 16px;
	background: var(--white);
	border-radius: 10px;
}

.contacts-card--empty {
	background: var(--white) url('/local/templates/autotown_v4/assets/css/../images/contacts-car.png') no-repeat 80% bottom;
}

.contacts-card__top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	font-weight: 500;
}

.contacts-card__middle {
	max-width: 320px;
}

.contacts-card__bottom {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	gap: 12px;
	margin-top: auto;
}

.contacts-card__buttons {
	display: flex;
	align-items: center;
	gap: 12px;
}

.contacts-card__info {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.contacts-card__text {
	color: var(--fg-soft);
}

.contacts-card__text span {
	display: block;
}

.contacts-card__phone {
	display: flex;
	flex-direction: column;
	gap: 12px;
	width: 100%;
	max-width: 370px;
}

.contacts-card__phone-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
}

.contacts-card__phone-title {
	font-size: 14px;
	color: var(--fg-soft);
}

@media (max-width: 1279px) {
	.page-contacts {
		flex-direction: column-reverse;
	}

	.page-contacts__wrap {
		flex-basis: 100%;
		max-width: 100%;
	}

	.page-contacts__map {
		min-height: 360px;
	}
}

@media (max-width: 767px) {
	.contacts-card__bottom {
		align-items: flex-start;
		flex-direction: column;
		gap: 42px;
	}

	.page-contacts__map {
		min-height: 340px;
	}

	.contacts-card--empty {
		background-position: 90% 50%;
		background-size: 154px;
	}

	.contacts-card--empty .contacts-card__middle {
		max-width: 154px;
	}
}

/* Contacts */

/* Personal */

.page-personal {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.page-personal__menu {
	flex-basis: 328px;
	max-width: 328px;
}

.page-personal__content {
	flex-basis: calc(100% - 338px);
	max-width: calc(100% - 338px);
}

.profile {
	background: var(--white);
	border-radius: 10px;
}

.profile__row {
	position: relative;
	padding: 24px;
}

.profile__row:not(:last-of-type)::after {
	content: '';
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	height: 1px;
	background: var(--border-medium);
}

.profile-user {
	display: flex;
	align-items: center;
	gap: 20px;
}

.profile-user__avatar {
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 120px;
	min-height: 120px;
	border-radius: 10px;
}

.profile-user__image {
	width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: 10px;
}

.profile-user__avatar--empty {
	background: var(--bg-surface-2);
}

.profile-user__avatar--empty .profile-user__image {
	width: auto;
	height: auto;
	border-radius: 0;
}

.profile-user__name {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 100%;
}

.profile-data {
	display: flex;
	flex-wrap: wrap;
	gap: 100px;
}

.profile-data__item {
	flex-basis: 250px;
	max-width: 250px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.profile-data__title {
	color: var(--fg-soft);
}

.profile-data__value {
	font-size: 18px;
}

.profile-field {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.profile-field__title {
	color: var(--fg-soft);
}

.profile-field__value {
	width: 100%;
	padding: 0;
	font-family: 'Nagel', sans-serif;
	font-size: 18px;
	line-height: 1.2;
	border: none;
	outline: none;
}

.profile-field__value--big {
	font-family: 'PP Neue Corp', sans-serif;
	font-size: 32px;
	line-height: 1.1;
}

.profile-field__value--edit {
	color: var(--fg-muted);
}

.garage-carousel__button-mobile {
	display: none;
}

@media (max-width: 1279px) {

	.page-personal__menu,
	.page-personal__content {
		flex-basis: 100%;
		max-width: 100%;
	}
	/* .page-personal__menu {
		display: none;
	} */
	.garage-carousel__slides {
		display: none;
	}
	.garage-carousel__prev {
		display: none !important;
	}
	.garage-carousel__next {
		display: none !important;
	}
}

@media (max-width: 767px) {
	.profile-user__name {
		gap: 10px;
	}

	.profile-data {
		flex-direction: column;
		gap: 30px;
	}

	.profile-data__item {
		flex-basis: 100%;
		max-width: 100%;
	}
}

/* Personal */

/* Personal Garage */

.garage-profile {
	display: flex;
	flex-direction: column;
	gap: 10px;
	background: var(--white);
	border-radius: 10px;
}

.garage-profile__title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px;
}

.garage-profile__title h3 {
	padding: 10px 0 0 10px;
}

.garage-car {
	display: flex;
	gap: 20px;
	padding: 10px;
}

.garage-car__image-wrap {
	position: relative;
	flex-basis: 348px;
	max-width: 348px;
	height: 250px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid var(--border-medium);
	border-radius: 10px;
}

.garage-car__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}

.garage-car__image--empty {
	width: auto;
	height: auto;
	object-fit: contain;
}

.garage-car__button-load {
	position: absolute;
	top: 10px;
	left: 10px;
}

.garage-car__data {
	flex-basis: calc(100% - 368px);
	max-width: calc(100% - 368px);
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.garage-car__data .button {
	flex-shrink: 0;
}

.garage-car__title {
	display: flex;
	align-items: center;
	gap: 12px;
}

.garage-car__name--year {
	color: var(--fg-soft);
}

.garage-car__main {
	display: flex;
	align-items: center;
	gap: 4px;
	max-width: fit-content;
	height: 30px;
	padding: 0 10px;
	font-size: 14px;
	border: 1px solid var(--border-medium);
	border-radius: 4px;
}

.garage-car__main svg {
	width: 16px;
	height: 16px;
}

.garage-car__spec {
	margin-top: auto;
}

.garage-car-small {
	position: relative;
	display: flex;
	gap: 10px;
	padding: 4px;
	width: 100%;
	max-width: 412px;
	height: 116px;
	border: 1px solid var(--border-medium);
	border-radius: 10px;
}

.garage-car-small--main {
	border: 2px solid var(--fg-default);
}

.garage-car-small__image-wrap {
	position: relative;
	flex-basis: 166px;
	max-width: 166px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.garage-car-small__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.garage-car-small__image--empty {
	width: auto;
	height: auto;
	object-fit: contain;
}

.garage-car-small__main {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 28px;
	height: 28px;
	border: 1px solid var(--border-medium);
	border-radius: 6px;
}

.garage-car-small__main svg {
	width: 16px;
	height: 16px;
}

.garage-car-small__info {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.garage-car-small__name {
	display: flex;
	flex-direction: column;
	gap: 4px;
	font-size: 14px;
}

.garage-car-small__text {
	color: var(--fg-soft);
}

.garage-car-small__more.button.icon {
	position: absolute;
	top: 4px;
	right: 4px;
	width: 28px;
	height: 28px;
}

.garage-profile__carousel {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.garage-profile__carousel .slick-track{
	margin-left: 0;
}

.garage-carousel {
	padding: 10px;
	overflow: hidden;
}

.garage-carousel__slides .garage-car-small {
	display: flex !important;
}

.garage-carousel__slides .garage-car-small:not(:last-of-type) {
	margin-right: 10px;
}

.garage-carousel__slides .slick-list {
	overflow: visible;
}

.garage-carousel__buttons {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 10px;
}

.garage-section {
	display: flex;
	flex-direction: column;
}

.garage-section__title {
	padding: 24px;
}

.garage-section__items {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.garage-section__button.button {
	align-self: center;
	margin: 30px 0 24px;
	max-width: 320px;
}

.garage-car__image-comment {
	display: none;
}
.garage-car__image-main {
	display: none;
}

.modal-garage__button {
	width: 100%;
	max-width: 100%;
	height: 50px;
	flex-shrink: 0;
}
.modal-garage__button::before {
	content: '';
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 16px;
	height: 16px;
	display: block;
	background-image: url('/local/templates/autotown_v4/assets/css/../icons/plus-white.svg');
	flex-shrink: 0;
}

@media (max-width: 1279px) {
	.garage-car__title {
		align-items: flex-start;
		flex-direction: column;
	}

	.garage-section__title {
		padding: 24px 10px;
		font-size: 24px;
	}

	.garage-carousel__buttons {
		display: none;
	}
}

@media (max-width: 767px) {
	.garage-car {
		flex-direction: column;
		gap: 10px;
	}

	.garage-car__image-wrap,
	.garage-car__data {
		flex-basis: 100%;
		max-width: 100%;
		height: 200px;
	}

	.garage-carousel__slides .garage-car-small {
		max-width: 100%;
	}

	.garage-car-small__image-wrap {
		max-width: 100%;
	}

	.garage-car-small__image-wrap img {
		max-width: 177px;
		max-height: 177px;
	}
	.garage-car-small__info {
		padding: 8px;
	}

	.garage-car-small__tag {
		position: absolute;
		top: 4px;
		left: 40px;
		height: 28px;
	}
}

/* Personal Garage */

/* Product Card */

.product-card {
	display: grid;
	grid-template-columns: 246px 1fr 160px;
	gap: 20px;
	padding: 6px;
	background: var(--white);
	border-radius: 10px;
}

.product-card__gallery {
	position: relative;
}

.product-slider {
	position: relative;
	height: 246px;
}

.product-slider__items {
	height: 100%;
}

.product-slider__items>.product-slider__item{
	display: none;
	width: 100%;
	height: 100%;
}
.product-slider__items>.product-slider__item:first-child{
	display: block;
}

.product-slider__image-wrap {
	position: relative;
	display: block;
	height: 100%;
}

.product-slider__icon {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
}

.product-slider__icon svg {
	width: 42px;
	height: 42px;
	color: var(--white);
}

.product-slider__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 4px;
}

.product-slider__video {
	max-width: 100%;
}

.product-slider__dots {
	position: absolute;
	right: 0;
	left: 0;
	bottom: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.product-slider__dots ul {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 4px;
	height: 16px;
	padding: 0 6px;
	background: rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(20px);
	border-radius: 8px;
}

.product-slider__dots li {
	width: 4px;
	height: 4px;
	background: var(--fg-soft);
	border-radius: 50%;
	cursor: pointer;
}

.product-slider__dots li.slick-active {
	background: var(--white);
}

.product-slider__dots li button {
	display: none;
}

.product-card__info {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.product-card__title {
	min-height: 52px;
	margin-top: 10px;
}

.product-card__title:hover a {
	color: var(--accent-default);
}

.product-card__spec {
	margin-top: auto;
}

.product-card__description {
	margin-top: auto;
	word-break: break-all;
}

.product-card__available {
	display: flex;
	align-items: flex-start;
	gap: 6px;
}

.product-card__buy {
	display: flex;
	align-items: flex-end;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 8px;
}

.product-card__price {
	display: flex;
	align-items: flex-end;
	flex-direction: column;
	gap: 6px;
	padding: 10px 10px 0 0;
	font-size: 20px;
	font-weight: 500;
}

.product-card__price-discount {
	margin: 6px 0 4px;
	font-size: 16px;
	font-weight: 400;
	color: var(--fg-muted);
	text-decoration: line-through;
}

.product-discount-tag {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    max-width: fit-content;
    height: 24px;
    font-size: 12px;
    color: var(--blue);
    background: var(--light-blue);
    border-radius: 4px;
}

.product-discount-tag--green {
    color: var(--green);
    background: var(--light-green);
}

.product-card__action {
	display: flex;
	flex-wrap: wrap;
	row-gap: 8px;
	column-gap: 6px;
	width: 100%;
	margin-top: auto;
}
.product-card__action-bottom {
	width: 100%;
}
.product-card__action-share {
	width: calc((100% - 6px) / 2);
	max-width: 100%;
}
.product-card__action-share::after {
	content: '';
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('/local/templates/autotown_v4/assets/css/../icons/share.svg');
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	display: block;
}
.product-card__action-favorite {
	width: calc((100% - 6px) / 2);
	max-width: 100%;
}
.product-card__action-favorite::after {
	content: '';
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('/local/templates/autotown_v4/assets/css/../icons/favorite.svg');
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	display: block;
}

.product-card__action-top {
	display: flex;
	gap: 6px;
	width: 100%;
}

.product-card__button.button.medium {
	width: 100%;
	max-width: 100%;
}

.product-card--not-available .product-card__action-bottom {
	display: none;
}

.product-card-vertical {
    display: grid;
    grid-template-rows: max-content max-content;
    gap: 12px;
    padding: 16px;
    border: 1px solid var(--border-medium);
    border-radius: 8px;
}

.product-card-vertical:hover {
    border-color: var(--border-hard);
}

.product-card-vertical:hover .product-card-vertical__price-current {
    color: var(--accent-default);
}

.product-card-vertical__gallery {
    height: 280px;
}

.product-card-vertical__title {
    display: -webkit-box;
    max-height: 88px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 24px;
    font-weight: 500;
}

.product-card-vertical__title:hover {
    color: var(--accent-default);
}

.product-card-vertical__info {
    align-self: end;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: max-content max-content;
    gap: 10px;
}

.product-card-vertical__tags {
    grid-column: 1 / 3;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.product-card-vertical__price {
    display: grid;
    gap: 4px;
    grid-auto-rows: max-content;
    align-content: end;
    font-size: 24px;
    font-weight: 500;
}

.product-card-vertical__price-old {
    font-size: 16px;
    font-weight: 400;
    color: var(--fg-muted);
    text-decoration: line-through;
}

@media (max-width: 1439px) {
    .product-card-vertical__gallery {
        height: 260px;
    }
}

@media (max-width: 1279px) {
	.product-card {
		grid-template-columns: 235px 1fr 138px;
	}

	.product-slider {
		height: 235px;
	}

	.product-card__title {
		min-height: 44px;
		font-size: 20px;
	}
}

@media (max-width: 767px) {
	.product-card {
		grid-template-columns: 108px 1fr;
		gap: 6px;
	}

	.product-card__buy {
		grid-column: 1 / 3;
		display: grid;
		grid-template-columns: 1fr auto;
		gap: 6px;
	}

	.product-card__info {
		gap: 10px;
	}

	.product-card__info .copy-text {
		display: none;
	}

	.product-slider {
		height: 108px;
	}

	.product-card__title {
		min-height: auto;
		font-size: 14px;
	}

	.product-card__article {
		display: none;
	}

	.product-card .car-spec {
		display: none;
	}

	.product-card__available {
		align-items: flex-start;
		flex-direction: column-reverse;
		gap: 2px;
	}

	.product-card__price {
		align-items: center;
		flex-wrap: wrap;
		flex-direction: row;
		gap: 2px;
		height: 44px;
		padding: 0 8px;
		font-size: 14px;
		background: var(--bg-surface-2);
		border-radius: 4px;
	}

	.product-card__price-big:not(:first-of-type) {
		position: relative;
		margin-left: 14px;
	}

	.product-card__price-big:not(:first-of-type)::before {
		content: '';
		position: absolute;
		top: calc(50% - 1px);
		right: calc(100% + 3px);
		width: 10px;
		height: 2px;
		background: var(--fg-default);
	}

	.product-card__price-discount {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0;
		font-size: 12px;
	}

	.product-card__price-range {
		display: none;
	}

	.product-card__discount {
		grid-column: 1 / 3;
		order: -1;
		margin-top: 16px;
	}

	.product-card__button.button.medium {
		width: auto;
	}

	.product-card__button--favorite.button.medium {
		width: 44px;
	}

	.product-card__button--share {
		display: none;
	}

	.product-card__action {
		flex-basis: 130px;
		flex-direction: row;
		gap: 6px;
		margin-top: 0;
	}

	.product-card--not-available .product-card__price {
		flex-basis: calc(100% - 50px);
		max-width: calc(100% - 50px);
	}

    .product-card--not-available .product-card__action {
        flex-basis: 44px;
        max-width: 44px;
    }

    .product-card-vertical {
        gap: 8px;
        padding: 4px 10px 10px;
    }

    .product-card-vertical__gallery {
        height: 150px;
        margin: 0 -6px;
    }

    .product-card-vertical__title {
        font-size: 12px;
    }

    .product-card-vertical__info {
        grid-template-columns: 1fr 32px;
        gap: 4px;
    }

    .product-card-vertical__tag {
        padding: 0;
        background: transparent;
    }

    .product-card-vertical__price {
        gap: 4px;
        font-size: 20px;
    }

    .product-card-vertical__price-old {
        font-size: 12px;
    }

    .product-card-vertical__actions {
        display: flex;
        align-items: center;
    }

    .product-card-vertical__button {
        height: 32px;
    }

    .product-card-vertical__button svg {
        width: 13px;
        height: 13px;
    }

	.product-card__action {
		flex-wrap: nowrap;
		flex-direction: row;	
	}  
	.product-card__action-share {
		display: none;
	}
	.product-card__action-favorite {
		width: 45px;
		height: 45px;
	}

	.product-card__button--cart::before {
		color: red;
		content: '';
		width: 16px;
		height: 16px;
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		background-image: url('/local/templates/autotown_v4/assets/css/../icons/plus-white.svg');
		display: block;
		flex-shrink: 0;
	}

	.garage-car-small {
		height: 100%;
		flex-direction: column;
	}
	.garage-car-small__name {
		flex-direction: row;
	}
}

/* Product Card */

/* Page Favorites */

.personal-favorites {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

/* Page Favorites */

/* Personal Loyalty */

.personal-loyalty {
	display: flex;
	flex-direction: column;
	gap: 56px;
	padding: 20px;
	background: var(--white);
	border-radius: 10px;
}

.personal-loyalty__content {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.personal-loyalty__card {
	flex-basis: 364px;
	max-width: 364px;
}

.personal-loyalty__info {
	flex-basis: calc(100% - 420px);
	max-width: calc(100% - 420px);
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.personal-loyalty__button {
	margin-top: auto;
}

@media (max-width: 1279px) {
	.personal-loyalty {
		gap: 30px;
	}

	.personal-loyalty__card {
		/* flex-basis: 300px; */
	}

	.personal-loyalty__content {
		gap: 30px;
	}

	.personal-loyalty__info {
		flex-basis: calc(100% - 330px);
		max-width: calc(100% - 330px);
	}
}

@media (max-width: 767px) {
	.personal-loyalty__content {
		flex-direction: column;
	}

	.personal-loyalty__card,
	.personal-loyalty__info {
		flex-basis: 100%;
		max-width: 300px;
		/* max-width: 100%; */
	}
}

/* Personal Loyalty */

/* Personal Orders */

.personal-orders {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.personal-orders__list {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.orders-header {
	display: flex;
	flex-direction: column;
	gap: 16px;
	min-height: 160px;
	padding: 14px 8px 8px;
	background: var(--white);
	border-radius: 10px;
}

.orders-header__info {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.orders-header__wrap {
	display: flex;
	align-items: center;
	gap: 10px;
}

.orders-header__title--count {
	color: var(--fg-muted);
}

.orders-header__buttons {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-top: auto;
}

.orders-header__button {
	min-width: 220px;
	max-width: 220px;
}

.orders-header__button--right {
	margin-left: auto;
}

.order-cards {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.order-card {
	display: flex;
	gap: 4px;
	padding: 20px 10px 10px;
	background: var(--white);
	border-radius: 10px;
}

.order-card__col {
	flex-basis: calc((100% - 4px) / 2);
	max-width: calc((100% - 4px) / 2);
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.order-card__info {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 0 10px;
}

.order-card__tags {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: auto;
}

.order-card__cost {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
	color: var(--fg-soft);
}

.order-card__price {
	font-size: 24px;
	font-weight: 500;
	line-height: 1;
	color: var(--fg-default);
}

.order-card__gallery {
	display: flex;
	align-items: center;
	gap: 10px;
}

.order-card__image-wrap {
	position: relative;
	width: 90px;
	height: 90px;
}

.order-card__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 6px;
}

.order-card__image-overlay {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--white);
	background: rgba(0, 0, 0, 0.5);
	border-radius: 6px;
}

.order-card__actions {
	display: flex;
	align-items: center;
	gap: 10px;
}

.order-detail {
	background: var(--white);
	border-radius: 10px;
}

.order-detail__item {
	display: flex;
	gap: 20px;
	padding: 20px 20px 40px;
}

.order-detail__item--padding-equal {
	padding: 20px;
}

.order-detail__item:not(:last-of-type) {
	border-bottom: 1px solid var(--border-medium);
}

.order-detail__name {
	flex-basis: 300px;
	max-width: 300px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.order-detail__data {
	flex-basis: calc(100% - 320px);
	max-width: calc(100% - 320px);
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.order-detail-product {
	display: flex;
	align-items: center;
	gap: 20px;
}

.order-detail-product__image-wrap {
	flex-shrink: 0;
	flex-basis: 70px;
	max-width: 70px;
	height: 70px;
}

.order-detail-product__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 6px;
}

.order-detail-product__data {
	flex-basis: calc(100% - 90px);
	max-width: calc(100% - 90px);
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

.order-detail-product__subtitle {
	color: var(--fg-soft);
}

.order-detail-product__cost {
	text-align: right;
}

.order-detail-results {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.order-detail-results__item {
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

.order-detail-results__value {
	font-weight: 500;
}

.order-detail-results__value--red {
	color: var(--accent-default);
}

.order-detail-results__value--big {
	font-size: 24px;
	line-height: 1;
}

.order-detail-info {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.order-detail-info__title {
	color: var(--fg-soft);
}

.order-detail-info__data {
	font-weight: 500;
}

.order-detail-actions {
	display: flex;
	align-items: center;
	gap: 10px;
}

@media (max-width: 1279px) {
	.order-card {
		flex-direction: column;
		gap: 10px;
	}

	.order-card__col {
		flex-basis: 100%;
		max-width: 100%;
	}

	.order-card__info {
		padding: 0;
	}

	.order-detail__item {
		flex-direction: column;
	}

	.order-detail__name,
	.order-detail__data {
		flex-basis: 100%;
		max-width: 100%;
	}
}

@media (max-width: 767px) {
	.orders-header__button {
		min-width: auto;
	}

	.order-card__actions {
		flex-direction: column;
	}

	.order-card__image-wrap {
		width: 72px;
		height: 72px;
	}

	.order-detail-product__data {
		flex-direction: column;
		gap: 10px;
	}

	.order-detail-product__cost {
		text-align: left;
	}

	.order-detail-actions {
		flex-direction: column;
	}
}

/* Personal Orders */

/* Reviews */

.page-reviews {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 10px;
}

.page-reviews__widget {
	flex-basis: 440px;
	max-width: 440px;
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding: 24px;
	background: var(--white);
	border-radius: 10px;
}

.page-reviews__items {
	flex-basis: calc(100% - 450px);
	max-width: calc(100% - 450px);
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.review-items {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.review-card {
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding: 20px;
	font-size: 14px;
	background: var(--white);
	border-radius: 10px;
}

.review-card__top {
	display: grid;
	grid-template-columns: 34px max-content max-content 1fr;
	align-items: center;
	gap: 6px 12px;
}

.review-card__image-wrap {
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: var(--bg-surface-2);
}

.review-card__image-wrap--admin {
	background: var(--white);
	border: 1px solid var(--border-medium);
}

.review-card__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}

.review-card__image--default {
	width: 24px;
	height: auto;
	object-fit: contain;
	border-radius: 0;
}

.review-card__name {
	font-weight: 500;
}

.review-card__rating {
	display: flex;
	align-items: center;
}

.review-card__star {
	color: var(--yellow-star);
}

.review-card__star--gray {
	color: var(--fg-muted);
}

.review-card__date {
	justify-self: end;
	color: var(--fg-soft);
}

.review-card__location {
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--fg-soft);
}

.review-card__admin {
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding-top: 20px;
	border-top: 1px solid var(--border-medium);
}

._header__titleBlock_1wkbv_13 {
	color: red;
}

@media (max-width: 1279px) {

	.page-reviews__widget,
	.page-reviews__items {
		flex-basis: 100%;
		max-width: 100%;
	}

	.page-reviews__widget {
		order: -1;
	}
}

@media (max-width: 767px) {
	.review-card__top {
		grid-template-columns: 34px max-content 1fr;
	}

	.review-card__image-wrap {
		grid-row: 1 / 3;
	}

	.review-card__name {
		grid-column: 2 / 4;
	}

	.review-card__date {
		justify-self: start;
	}
}

/* Reviews */

/* Page Company */

.page-company {
	position: relative;
	z-index: 1;
}

.page-company + .footer {
	z-index: 2;
}

.page-company__banner {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 100vh;
}

.page-company__info-wrap {
	position: relative;
	z-index: 9;
	display: flex;
	flex-direction: column;
	gap: 50px;
	margin-bottom: -60px;
	padding-bottom: 60px;
	background: var(--bg-surface-3);
	border-radius: 10px 10px 0 0;
}

.page-company__info::before {
	content: '';
	display: block;
	height: 100vh;
}

.company-banner {
	position: relative;
	margin-top: 116px;
	padding: 12px 16px;
	height: calc(100% - 136px);
	border-radius: 10px;
}

.company-banner__info {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.company-banner__media-wrap {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
}

.company-banner__video {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
	border-radius: 10px;
}

.company-banner__image {
	width: 100%;
	height: 100%;
	border-radius: 10px;
}

.company-banner__title {
	align-self: center;
	max-width: 585px;
	font-size: 60px;
	line-height: 1.1;
	color: var(--white);
	text-align: center;
}

.company-about {
	height: 100vh;
	background: var(--white);
}

.company-menu-fixed {
	position: fixed;
	right: 0;
	left: 0;
	z-index: 11;
	bottom: 30px;
	display: flex;
	justify-content: center;
}

.company-menu {
	display: flex;
	gap: 6px;
	padding: 6px;
	background: var(--white);
	border-radius: 10px;
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.15);
}

.company-menu__button {
	flex-shrink: 0;
}

.company-facts {
	display: flex;
	flex-direction: column;
	gap: 150px;
	padding: 20px 24px 24px;
	background: var(--white);
	border-radius: 10px;
}

.company-facts__top {
	display: flex;
	justify-content: space-between;
	gap: 10px;
}

.company-facts__title {
	max-width: 500px;
	font-size: 36px;
}

.company-facts__title--red {
	display: block;
	color: var(--accent-default);
}

.company-facts__video {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 364px;
	height: 200px;
	background: url('/local/templates/autotown_v4/assets/css/../images/company/company-banner.jpg') no-repeat center;
	background-size: cover;
	border-radius: 6px;
}

.company-facts__video-button {
	font-size: 14px;
	border-radius: 25px;
}

.company-facts__bottom {
	display: grid;
	grid-template-columns: 480px 1fr 360px;
	gap: 10px;
	min-height: 480px;
}

.company-facts__banner {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.company-mini-banner {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 8px;
	width: 100%;
	height: 100%;
	padding: 16px;
	color: var(--white);
	background: var(--fg-default) no-repeat center;
	background-size: cover;
	border-radius: 10px;
}

.company-mini-banner__title,
.company-mini-banner__description {
	position: relative;
	z-index: 1;
}

.company-mini-banner__description {
	max-width: 210px;
}

.company-mini-banner__bottom {
	margin-top: auto;
}

.company-mini-banner--team {
	padding: 20px 24px;
	background-image: url('/local/templates/autotown_v4/assets/css/../images/company/company-team.jpg');
}

.company-mini-banner--team::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 40%;
	backdrop-filter: blur(10px);
	mask-image: linear-gradient(to bottom,
			rgba(0, 0, 0, 1) 30%,
			rgba(0, 0, 0, 0) 100%);
	border-radius: 10px;
}

.company-mini-banner--red {
	background: var(--accent-default);
}

.company-mini-banner--map {
	background: var(--bg-surface-2) url('/local/templates/autotown_v4/assets/css/../images/company/company-map.png') no-repeat right bottom;
	background-size: contain;
}

.company-mini-banner--black {
	color: var(--fg-default);
}

.company-clients {
	display: flex;
}

.company-clients__item {
	position: relative;
	z-index: 5;
	width: 52px;
	height: 52px;
	border-radius: 50%;
}

.company-clients__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}

.company-clients__item:not(:first-of-type) {
	margin-left: -26px;
}

.company-clients__item::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	border-radius: 50%;
}

.company-clients__item:nth-of-type(5) {
	z-index: 1;
}

.company-clients__item:nth-of-type(5)::before {
	background: rgba(0, 0, 0, 0.6);
}

.company-clients__item:nth-of-type(4) {
	z-index: 2;
}

.company-clients__item:nth-of-type(4)::before {
	background: rgba(0, 0, 0, 0.5);
}

.company-clients__item:nth-of-type(3) {
	z-index: 3;
}

.company-clients__item:nth-of-type(3)::before {
	background: rgba(0, 0, 0, 0.4);
}

.company-clients__item:nth-of-type(2) {
	z-index: 4;
}

.company-clients__item:nth-of-type(2)::before {
	background: rgba(0, 0, 0, 0.3);
}

.company-mini-banner__image-wrap {
	height: 240px;
	margin: 0 -8px -8px;
	border-radius: 6px;
}

.company-mini-banner__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 6px;
}

.company-mission {
	display: flex;
	flex-direction: column;
	gap: 30px;
	min-height: 588px;
	height: 100%;
	padding: 20px 24px;
	background: var(--white);
	border-radius: 10px;
}

.company-mission__description {
	font-size: 20px;
}

.company-mission__bottom {
	align-self: center;
	margin-top: auto;
}

.company-mission__image-wrap {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	height: 280px;
}

.company-questions {
	display: flex;
	flex-direction: column;
	gap: 1px;
}

.company-questions__title {
	min-height: 136px;
	padding: 20px 24px;
	background: var(--white);
	border-radius: 10px;
}

.company-history {
	display: flex;
	flex-direction: column;
	gap: 30px;
	background: #dadada;
	border-radius: 10px;
}

.company-history__title {
	padding: 20px 24px 0;
}

.history-slider {
	position: relative;
}

.history-slider::after {
	content: '';
	position: absolute;
	bottom: 15px;
	left: calc(50% - 3px);
	width: 6px;
	height: 60px;
	background: var(--accent-default);
	border-radius: 3px;
}

.history-slider .slick-track {
	padding: 0 0 60px;
}

.history-slider__item {
	position: relative;
	padding: 150px 48px;
}

.history-slider__item::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	height: 30px;
	background: url('/local/templates/autotown_v4/assets/css/../icons/timeline-pattern.svg') repeat-x left bottom;
	background-size: contain;
}

.history-slider__item:first-of-type::after {
	left: 50%;
}

.history-slider__item:last-of-type::after {
	right: 50%;
}

.history-item {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 300px;
	height: 300px;
	padding: 44px 10px 10px;
	background: var(--white);
	border-radius: 10px;
}

.history-item::before {
	content: '';
	position: absolute;
	top: 10px;
	left: 10px;
	width: 14px;
	height: 14px;
	background: var(--accent-default);
	border-radius: 50%;
}

.history-slider__item:not(:last-of-type) .history-item::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 100%;
	width: 96px;
	height: 1px;
	border-bottom: 1px dashed var(--fg-default);
	opacity: 0.3;
}

.history-item__text {
	margin-top: auto;
	overflow: hidden;
	color: var(--fg-soft);
}

.history__image-wrap {
	position: absolute;
	right: -60px;
	bottom: calc(100% - 20px);
	width: 180px;
	height: 120px;
	border-radius: 6px;
}

.history__image-wrap--bottom {
	top: calc(100% - 10px);
	bottom: auto;
}

.history__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 6px;
}

.company-gallery {
	display: flex;
	flex-direction: column;
	gap: 56px;
}

.company-gallery__title {
	max-width: 360px;
}

.company-gallery__slider {
	position: relative;
}

.company-gallery-slider__item {
	width: 330px;
	height: 290px;
	margin: 0 8px;
	border-radius: 10px;
}

.company-gallery-slider__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}

.company-reviews {
	height: 100%;
	min-height: 558px;
	padding: 20px 24px;
	background: var(--white) url('/local/templates/autotown_v4/assets/css/../images/company/company-reviews.png') no-repeat left bottom;
	background-size: contain;
	border-radius: 10px;
}

.pointer-widget-container {
	padding: 10px;
	background: var(--white);
	border-radius: 10px;
}

.company-big-gallery {
	position: relative;
	height: 100%;
	min-height: 590px;
}

.company-big-gallery__image-wrap {
	height: 100%;
	border-radius: 10px;
}

.company-big-gallery__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}

.company-description {
	display: flex;
	flex-direction: column;
	gap: 20px;
	height: 100%;
	padding: 14px 20px 10px;
	background: var(--white);
	border-radius: 10px;
}

.company-description__info {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.company-description__title--small {
	font-size: 36px;
	line-height: 1;
}

.company-description__text {
	font-size: 18px;
	line-height: 1;
}

.company-description__button {
	margin-top: auto;
	margin-left: -10px;
}

@media (max-width: 1439px) {
	.page-company__info-wrap h2 {
		font-size: 36px;
	}

	.history-slider__item {
		padding: 110px 48px;
	}

	.history-item {
		height: 254px;
	}

	.history__image-wrap {
		width: 150px;
		height: 100px;
	}

	.company-big-gallery {
		min-height: 560px;
	}
}

@media (max-width: 1279px) {
	.page-company__banner {
		height: 668px;
	}

	.company-banner {
		margin-top: 68px;
		height: 100%;
	}

	.company-banner__info {
		gap: 60px;
	}

	.page-company__info::before {
		height: 684px;
	}

	.company-banner__title {
		font-size: 40px;
	}

	.company-menu-fixed {
		bottom: 80px;
		left: 16px;
	}

	.company-menu {
		overflow-y: auto;
	}

	.company-menu__button {
		font-size: 14px;
		height: 44px;
	}

	.company-facts {
		gap: 120px;
	}

	h2.company-facts__title {
		max-width: 360px;
		font-size: 24px;
	}

	.company-facts__video {
		max-width: 240px;
		height: 130px;
	}

	.company-facts__bottom {
		grid-template-columns: repeat(2, 1fr);
	}

	.company-facts__banner {
		height: 430px;
	}

	.company-facts__banner:first-of-type {
		grid-column: 1 / 3;
	}

	.company-mini-banner__image-wrap {
		height: 200px;
	}

	.company-questions__title {
		min-height: 120px;
	}

	.history-slider__item {
		padding: 110px 48px 80px;
	}

	.history__image-wrap {
		right: 20px;
		bottom: calc(100% - 40px);
		width: 130px;
		height: 90px;
	}

	.history__image-wrap--bottom {
		top: calc(100% - 30px);
		right: 60px;
	}

	.company-reviews {
		min-height: 500px;
	}

	.company-big-gallery {
		min-height: 500px;
	}

	.company-big-gallery .main-slider__item {
		height: 100%;
	}

	h2.company-description__title {
		font-size: 24px;
	}
}

@media (min-width: 768px) and (max-width: 1279px) {
	.company-description {
		flex-direction: row;
		flex-wrap: wrap;
	}

	.company-description__info,
	.company-description__list {
		flex-basis: calc((100% - 20px) / 2);
		max-width: calc((100% - 20px) / 2);
	}
}

@media (max-width: 767px) {
	.page-company__info-wrap h2 {
		font-size: 24px;
	}

	.page-company__info-wrap {
		gap: 30px;
	}

	.page-company__banner {
		height: 468px;
	}

	.page-company__info::before {
		height: 478px;
	}

	.company-banner__title {
		font-size: 24px;
	}

	.company-menu__button {
		font-size: 12px;
		height: 30px;
	}

	.company-facts__top {
		flex-direction: column;
		gap: 50px;
	}

	h2.company-facts__title {
		font-size: 20px;
	}

	.company-facts__video {
		max-width: 215px;
		height: 120px;
	}

	.company-facts__bottom {
		grid-template-columns: 1fr;
	}

	.company-facts__banner:first-of-type {
		grid-column: 1;
	}

	.company-facts__banner {
		min-height: 320px;
		height: auto;
		flex-direction: column;
	}

	.company-mini-banner--small {
		min-height: 200px;
	}

	h2.company-mini-banner__title {
		font-size: 32px;
	}

	.company-mini-banner__description {
		max-width: 280px;
		font-size: 14px;
	}

	.company-mission {
		min-height: 500px;
	}

	.company-mission__description {
		font-size: 16px;
	}

	.company-mission__image-wrap {
		height: 200px;
	}

	h2.company-history__title {
		font-size: 32px;
	}

	.history-item {
		max-width: 270px;
		height: 270px;
	}

	h2.history-item__title {
		font-size: 32px;
	}

	.company-gallery {
		gap: 30px;
	}

	.company-reviews {
		min-height: 370px;
	}

	.company-big-gallery {
		min-height: 370px;
	}

	.company-description__list {
		margin: 20px 0;
	}
}

/* Page Company */

/* Error */

.error-block {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 30px;
	padding: 50px 16px;
	background: var(--white);
	border-radius: 10px;
}

.error-block__image-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 400px;
	max-height: 200px;
}

.error-block__info {
	display: flex;
	flex-direction: column;
	max-width: 270px;
	gap: 10px;
	text-align: center;
}

.error-block__button {
	min-width: 220px;
}

.error-block__description {
	font-size: 14px;
	color: var(--fg-soft);
}

/* Error */

/* Product Detail */

.product-detail {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 30px;
	background: var(--white);
	border-radius: 10px;
	padding: 10px 10px 32px 16px;
}

.product-detail__top {
	display: flex;
	align-items: center;
	height: 32px;
}

.product-detail__info {
	display: grid;
	grid-template-columns: 420px 1fr 320px;
	grid-template-rows: max-content 1fr;
	grid-template-areas:
		'gallery title title'
		'gallery description actions';
	gap: 24px 32px;
}

.product-detail__gallery {
    grid-area: gallery;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.product-detail__title {
	grid-area: title;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.product-detail__description {
    grid-area: description;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.product-detail__actions {
	grid-area: actions;
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.detail-title {
	font-size: 24px;
	line-height: 1.1;
}

.detail-subtitle {
    font-size: 16px;
    font-weight: 500;
}

.product-detail-buttons {
	position: absolute;
	top: 8px;
	right: 8px;
	display: flex;
	gap: 4px;
}

.detail-spec__item {
	padding: 16px 0;
}

.detail-spec__item:not(:first-child),
.detail-spec__item--border {
    border-top: 1px solid var(--border-medium);
}

.detail-spec__item.detail-spec__item--no-border {
    border: none;
}

.detail-spec__color,
.detail-spec__variants {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.detail-spec__color-list,
.detail-spec__variants-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.detail-description {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.detail-description__title {
	position: relative;
}

.detail-description__title::before {
	content: '';
	position: absolute;
	bottom: -10px;
	right: 0;
	left: 0;
	height: 1px;
	background: var(--border-medium);
}

.detail-description__text {
	font-size: 14px;
	word-break: break-all;
}

.detail-description__text p:not(:last-of-type) {
	margin-bottom: 20px;
}

.detail-description__text ul {
	margin: 20px 0 0;
}

.detail-gallery {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.detail-gallery__slider {
	height: 420px;
}

.detail-gallery .slick-slider,
.product-card-vertical .slick-slider{
    display: grid;
}

.detail-gallery .slick-list,
.detail-gallery .slick-track,
.product-slider .slick-list,
.product-slider .slick-track {
	height: 100%;
}

.detail-gallery__slider .product-slider__image,
.detail-gallery__slider .product-slider__icon {
	border-radius: 12px;
}

.detail-thumb-wrap {
	display: flex;
	align-items: center;
}

.detail-thumb-wrap__button {
	flex-basis: 62px;
	max-width: 62px;
	width: 62px;
	height: 62px;
}

.detail-thumb-wrap__slider {
	flex-basis: calc(100% - 62px);
	max-width: calc(100% - 62px);
}

.detail-thumb-wrap__slider:not(.slick-initialized) {
	display: none;
}

.detail-thumb-slider {
	height: 62px;
}

.detail-thumb-slider__item {
	margin-right: 10px;
	border-radius: 6px;
	border: 1px solid transparent;
	transition: 0.2s;
}

.detail-thumb-slider__image-wrap {
	position: relative;
	height: 100%;
	transition: 0.2s;
}

.detail-thumb-slider__icon {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--white);
	border-radius: 6px;
	backdrop-filter: blur(3px);
}

.detail-thumb-slider__icon svg {
	width: 42px;
	height: 42px;
}

.detail-thumb-slider__item.slick-current {
	border-color: var(--accent-default);
}

.detail-thumb-slider__item.slick-current .detail-thumb-slider__image-wrap {
	padding: 4px;
	border-color: var(--accent-default);
}

.detail-thumb-slider__item.slick-current .detail-thumb-slider__icon {
	top: 4px;
	right: 4px;
	left: 4px;
	bottom: 4px;
}

.detail-thumb-slider__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 6px;
}

.detail-question {
	padding: 16px;
	border: 1px solid var(--border-medium);
	border-radius: 4px;
}

.detail-service-banner {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 14px;
	min-height: 208px;
	background: var(--bg-surface-2) url('/local/templates/autotown_v4/assets/css/../images/service.png') no-repeat right bottom;
	border-radius: 4px;
}

.detail-service-banner__title {
	max-width: 270px;
	font-size: 20px;
	font-weight: 500;
}

.detail-service-banner__text {
	max-width: 180px;
	font-size: 14px;
}

.detail-service-banner__button {
	margin-top: auto;
}

.product-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 10px;
}

.product-list__other {
	display: grid;
	gap: 50px;
	margin-top: 50px;
}

.products-items {
	display: grid;
	grid-template-columns: 328px 1fr;
	gap: 10px;
}

.products-items__list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.product-filters {
	display: grid;
	gap: 20px;
	padding: 0 10px;
	background: var(--white);
	border-radius: 10px;
}

.product-filters__top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	padding: 10px 0;
}

.product-filters__title {
	font-size: 20px;
	font-weight: 500;
}

.product-filter {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 16px 0;
}

.product-filter--row {
	justify-content: space-between;
	flex-direction: row;
}

.product-filter__list-note {
    font-size: 14px;
    color: var(--fg-soft);
}

.product-filter__list--checkbox {
	max-height: 62px;
	overflow: hidden;
	transition: 0.2s;
	flex-shrink: 0;
}

.product-filter__list--checkbox~.button svg {
	transition: 0.2s;
}

.product-filter__list--show~.button svg {
	transform: rotate(180deg);
}

.filter-list {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}

.detail-other-blocks {
    display: grid;
    gap: 50px;
    margin-top: 50px;
}

.detail-more-products {
    display: grid;
    gap: 50px;
    padding: 32px 26px;
    background: var(--bg-surface-1);
    border-radius: 6px;
}

.detail-more-products__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.detail-reviews {
    display: grid;
    justify-items: center;
    gap: 10px;
}

.detail-reviews__widget {
    width: 100%;
}

.detail-reviews__button.button {
    max-width: 280px;
}

.detail-available {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.detail-equip {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.detail-equip__list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.detail-equip__info {
	display: none;
}

.detail-equip__info.active {
	display: grid;
	gap: 8px;
}

.detail-equip__price {
    font-weight: 500;
}

.detail-equip__text {
    font-size: 14px;
}

.detail-equip__options {
	display: grid;
	gap: 8px;
}

.detail-alert {
    display: grid;
    gap: 20px;
    padding: 6px;
    font-size: 14px;
    color: var(--fg-soft);
    background: var(--bg-surface-2);
    border: 1px solid transparent;
    border-radius: 10px;
}

.detail-alert--border {
    color: var(--fg-default);
    border-color: var(--status-warning);
}

.detail-alert__info {
    display: flex;
    gap: 10px;
}

.detail-alert__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    color: var(--status-warning);
    background: var(--bg-surface-3);
    border-radius: 4px;
}

.detail-alert__icon svg {
    width: 16px;
    height: 16px;
}

.detail-alert__button {
    display: flex;
    align-items: center;
    gap: 4px;
    max-width: fit-content;
    height: 20px;
    padding: 0 4px 0 6px;
    font-size: 14px;
    background: var(--bg-surface-3);
    border-radius: 6px;
    cursor: pointer;
}

.detail-alert__button svg {
    width: 16px;
    height: 16px;
}

.detail-alert__button:hover {
    color: var(--white);
    background: var(--accent-default);
}

.detail-alert-mini {
    display: flex;
    align-items: center;
    gap: 4px;
}

.detail-alert-mini__icon {
    width: 16px;
    height: 16px;
    color: var(--fg-muted);
}

.detail-actions {
    display: grid;
    gap: 24px;
    padding: 16px;
    border: 1px solid var(--border-medium);
    border-radius: 6px;
}

.detail-buy {
    display: grid;
    gap: 20px;
    background: var(--bg-surface-1);
}

.detail-buy__info {
    display: grid;
    grid-template-columns: 1fr max-content;
    gap: 2px;
}

.detail-buy__price {
    display: grid;
    gap: 6px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
}

.detail-buy__price-old {
    font-size: 16px;
    font-weight: 400;
    color: var(--fg-muted);
    text-decoration: line-through;
}

.detail-buy__tags {
    display: grid;
    justify-items: end;
    gap: 6px;
}

.detail-buy__buttons {
    display: grid;
    gap: 8px;
}

.detail-advantages {
    display: grid;
    gap: 16px;
}

.detail-advantage {
    display: grid;
    grid-template-columns: 54px 1fr;
    grid-auto-rows: max-content;
    gap: 16px;
    align-items: center;
}

.detail-advantage__icon {
	align-self: start;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 54px;
    border-radius: 6px;
    background: var(--light-green-other);
    color: var(--dark-green);
}

.detail-advantage--yellow .detail-advantage__icon {
    background: var(--light-yellow);
    color: var(--brown);
}

.detail-advantage__icon svg {
    width: 32px;
    height: 32px;
}

.detail-advantage__info {
    display: grid;
    gap: 6px;
}

.detail-advantage__title {
    font-weight: 500;
}

.detail-advantage__description {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 14px;
}

.detail-advantage__description-text {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.detail-advantage__button.text.muted {
    color: var(--fg-muted);
}

.detail-split-container {
    border: 1px solid var(--border-medium);
    border-radius: 6px;
}

@media (min-width: 1280px) {
    .products-items__filters .modal-container {
        position: static;
        background: transparent;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

	.products-items__filters .modal {
		width: 100%;
		max-height: 100%;
		padding: 0;
	}

	.products-items__filters .modal__header {
		display: none;
	}

	.products-items__filters .modal__content {
		max-height: 100%;
		padding: 0;
		overflow: hidden;
	}

	.product-filters__button {
		margin-bottom: 10px;
	}
}

@media (min-width: 768px) {
	.detail-gallery__slider .product-slider__dots {
		display: none;
	}
}

@media (max-width: 1279px) {
	.product-detail {
		gap: 16px;
		padding: 12px 10px 24px;
	}

	.product-detail__top {
		height: auto;
	}

	.product-detail__info {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: max-content max-content 1fr;
		grid-template-areas:
			'gallery title'
			'gallery description'
			'actions description';
		gap: 16px 20px;
	}

	.detail-gallery__slider {
		height: 348px;
	}

	.detail-thumb-slider {
		height: 48px;
	}

	.detail-thumb-wrap__button {
		flex-basis: 48px;
		height: 48px;
	}

	.product-detail-buttons {
		position: static;
	}

	.product-list__other {
		gap: 30px;
		margin-top: 30px;
	}

	.products-items {
		grid-template-columns: 1fr;
	}

    .product-filters {
        width: 430px;
        overflow-y: auto;
        padding: 0 10px 14px;
    }

    .product-filters__fields {
        overflow-y: auto;
        overflow-x: hidden;
    }

    .detail-other-blocks {
        gap: 30px;
        margin-top: 30px;
    }

    .detail-more-products__list {
        grid-template-columns: repeat(2, 1fr);
    }

    .detail-buy {
        position: fixed;
        z-index: 11;
        bottom: 80px;
        left: 50%;
        transform: translate(-50%, 0);
        grid-template-columns: auto auto;
        align-items: center;
        gap: 16px;
        padding: 18px;
        border-radius: 10px;
		box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.15);
    }

    .detail-buy__info {
        grid-template-columns: 1fr;
        grid-auto-rows: max-content;
    }

    .detail-buy__price {
        grid-template-columns: max-content max-content;
    }

    .detail-buy__tags {
        justify-items: start;
    }

    .detail-buy__buttons {
        grid-template-columns: max-content max-content;
    }
}

@media (max-width: 767px) {
	.product-detail {
		padding: 12px 10px 10px;
	}

    .detail-gallery__slider {
        height: 320px;
    }

    .product-detail__gallery {
        align-items: center;
        gap: 8px;
    }

	.product-detail__info {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		grid-template-areas:
			'gallery'
			'title'
			'description'
			'actions';
	}

	.product-detail__title {
		gap: 12px;
	}

	.detail-title {
		font-size: 20px;
	}

	.detail-gallery__thumb {
		display: none;
	}

    .product-filters {
        width: auto;
    }

    .detail-more-products {
        padding: 20px 10px;
    }

    .detail-more-products__title {
        font-size: 24px;
    }

    .detail-buy {
        padding: 8px 10px;
    }

    .detail-buy__price {
        gap: 12px;
    }

    .detail-buy__buttons {
        gap: 0;
    }

    .detail-buy__price-old {
        font-size: 12px;
    }
}

/* Product Detail */

/* Product List */

.disassembly-card {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 6px;
	background: var(--white);
	border: 1px solid transparent;
	border-radius: 10px;
}

.disassembly-card__image-wrap {
	height: 190px;
}

.disassembly-card__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 6px;
}

.disassembly-card__info {
	padding: 0 10px;
}

.disassembly-card__title {
	position: relative;
	padding-bottom: 16px;
	font-size: 20px;
}

.disassembly-card__title::before {
	content: '';
	position: absolute;
	top: 100%;
	right: -16px;
	left: -16px;
	height: 1px;
	background: var(--border-medium);
}

.disassembly-card__date {
    display: flex;
    align-items: center;
    margin-top: auto;
}

.disassembly-card__date-text {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 6px 10px;
	border-radius: 6px;
	background: var(--bg-surface-2);
}

.disassembly-card-params {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 12px 0;
	color: var(--fg-soft);
}

.disassembly-card-params__item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
}

.disassembly-card-params__value {
	display: flex;
	align-items: center;
	gap: 6px;
}

.disassembly-card-params__value--color {
	display: block;
	width: 20px;
	height: 20px;
	border: 1px solid var(--border-medium);
	border-radius: 50%;
}

.disassembly-card:hover {
	border-color: var(--border-hard);
}

.disassembly-card:hover .disassembly-card__title {
	color: var(--accent-default);
}

.product-list-auto {
    display: grid;
    grid-template-rows: max-content;
    gap: 24px;
}

.product-list-auto__items {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}

.product-list-auto__list {
    display: grid;
    gap: 10px;
}

@media (max-width: 1279px) {
	.product-list-auto__items {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 767px) {
	.disassembly-card {
		gap: 12px;
		font-size: 14px;
	}

	.disassembly-card__title {
		padding-bottom: 12px;
		font-size: 18px;
	}

	.disassembly-card-params {
		padding: 8px 0;
	}

	.product-list-auto__items {
		grid-template-columns: 1fr;
	}
}

/* Product List */

/* Form */

.form {
	display: flex;
	flex-direction: column;
	gap: 26px;
	padding: 0 18px 20px;
}

.form__errors:empty {
	display: none;
}

.form--question,
.form--review {
	max-width: 626px;
}

.form--confirm {
	gap: 32px;
}

.form--order {
	padding: 0;
}

.form__button-wrap {
	display: flex;
	justify-content: center;
	gap: 10px;
	margin-top: 32px;
}

.form-auth {
	display: none;
	gap: 32px;
	width: 410px;
}

.form-success {
	max-width: 600px;
	padding: 0 20px 20px;
	text-align: center;
}

.form-password {
	display: none;
}

.form-auth--show {
	display: flex;
}

.form-password--show {
	display: flex;
}

.form-auth__fields {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.form-auth__fields .input-code {
	align-self: center;
}

.form-auth__buttons {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.form-auth__subtitle {
	font-size: 14px;
	text-align: center;
	color: var(--fg-soft);
}

.form-auth__socials {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

.form-auth__social {
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 140px;
	max-width: fit-content;
	height: 50px;
	padding: 10px 0;
	border: 1px solid var(--border-medium);
	border-radius: 6px;
}

.form-auth__social:hover {
	background: var(--bg-surface-2);
	border-color: var(--bg-surface-2);
}

.form-text {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	color: var(--fg-soft);
}

.form-text__subtitle {
	color: var(--fg-default);
}

.profile-field__edit.button:disabled {
	color: var(--status-warning);
}

.search-actions {
    position: absolute;
    top: 0;
    right: 60px;
    left: 0;
    bottom: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 5px;
    background: var(--bg-surface-2);
    border-radius: 6px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.search-actions.search-actions--active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}


.form-search-auto {
    z-index: 10;
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: fit-content;
    height: 40px;
    padding: 0 3px 0 10px;
    background: var(--bg-surface-1);
    border-radius: 20px;
}

.form-search-auto svg {
    width: 24px;
    height: 24px;
}

.form-search-auto__field {
    display: flex;
    align-items: center;
}

.form-search-auto__input {
    width: 200px;
    margin: 0 0 0 10px;
    padding: 0;
    font-family: 'Nagel', sans-serif;
    font-size: 16px;
    line-height: 1.2;
    color: var(--fg-default);
    border: none;
    outline: none;
    transition: 0.2s;
}

.form-search-auto__input::placeholder {
    color: var(--fg-soft);
}

.form-search-auto__button-text {
    display: none;
}

.form-search-auto__button.form-search-auto__button--search .form-search-auto__button-text--search {
    display: inline;
}

.form-search-auto__button:not(.form-search-auto__button--search) .form-search-auto__button-text--manually {
    display: inline;
}

.form-search-auto--manually .form-search-auto__input {
    width: 0;
    margin: 0;
}

@media(max-width: 1279px) {
    .search-actions {
        right: 70px;
        left: 10px;
    }

	.form--password-recovery {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: max-content 1fr max-content;
		gap: 20px 6px;
		align-content: start;
	}

	.form--password-recovery .form__button-wrap {
		grid-column: 1 / -1;
	}
}

@media (min-width: 768px) {
	.form--small {
		width: 410px;
	}
}

@media (max-width: 767px) {
	.form {
		padding: 0 10px 24px;
	}

	.form-auth {
		width: 100%;
	}

	.form-success {
		width: 100%;
	}

	.form--password-recovery {
		padding: 0;
		grid-template-columns: 1fr;
	}
}

/* Form */


/* Search */

.more-result-card {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    min-height: 240px;
    padding: 10px;
    text-align: center;
    background: var(--white);
    border-radius: 10px;
}

.more-result-card__text {
    max-width: 250px;
    font-size: 14px;
    color: var(--fg-soft);
}

.more-result-card__button {
    min-width: 160px;
    margin-top: 20px;
}

.search-not-found {
    min-height: 700px;
}

.search-not-found__title {
    max-width: 200px;
    margin: 0 auto;
}

.search-page {
    display: grid;
    grid-template-columns: 400px 1fr;
    gap: 10px;
}

.search-results-not-found {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 18px;
    height: 100%;
    padding: 50px 10px;
    background: var(--white);
    border-radius: 10px;
}

.search-results-not-found__image-wrap {
    height: 150px;
    margin-bottom: 20px;
}

@media (max-width: 1279px) {
    .search-page {
        grid-template-columns: 1fr;
    }

    .search-page__results {
        order: -1;
    }
}

/* Search */

.main-section {
	display: flex;
	flex-direction: column;
	gap: 50px;
	margin: 50px 0;
	padding: 20px 24px;
	background: var(--white);
	border-radius: 10px;
}

.main-section--disassembly {
	gap: 30px;
	padding: 0;
	background: transparent;
}

.main-section--disassembly .main-section__title {
	padding: 0 24px;
}

.main-section__button {
	align-self: center;
	width: 100%;
	max-width: 320px;
}

.page-header {
	display: flex;
	flex-direction: column;
	gap: 32px;
	margin: 10px 0;
	padding: 20px 8px 8px 20px;
	background: var(--white);
	border-radius: 10px;
}

.page-header__title {
	font-size: 32px;
}

.page-header__title--count {
	color: var(--fg-muted);
}

.page-header__links {
	display: flex;
	gap: 10px;
	margin-top: auto;
	margin-left: -12px;
	overflow-y: auto;
}

.page-header__button {
	flex-shrink: 0;
}

.page-header__actions {
	display: flex;
	gap: 20px;
	justify-content: space-between;
	align-items: flex-end;
}

.page-header__buttons {
	display: flex;
	align-items: center;
	gap: 10px;
}

.page-header__car {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: -22px;
}

.page-header__count {
	color: var(--fg-soft);
}

.page-header__button.button.active {
	color: var(--white);
	background: var(--bg-surface-5);
	cursor: default;
}

.page-header[data-fast-page] .breadcrumbs {
	display: none;
}

.breadcrumbs {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 26px;
	font-size: 14px;
	color: var(--fg-soft);
}

.breadcrumbs__item {
	position: relative;
	color: var(--fg-soft);
	white-space: nowrap;
}

.breadcrumbs__item:not(:last-child)::after {
	content: '/';
	position: absolute;
	top: 0;
	right: -18px;
}

a.breadcrumbs__item:hover,
a.breadcrumbs__item:active {
	color: var(--accent-default);
}

a.breadcrumbs__item:hover::after,
a.breadcrumbs__item:active::after {
	color: var(--fg-soft);
}

.page-content {
	background: var(--white);
	border-radius: 10px;
}

.page-content__item {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	padding: 20px 20px 80px;
}

.page-content__item:not(:last-of-type) {
	border-bottom: 1px solid var(--border-medium);
}

.page-content__wrap {
	flex-basis: calc((100% - 10px) / 2);
	max-width: calc((100% - 10px) / 2);
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.page-content__title {
	max-width: 500px;
}

.list {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.list__item {
	position: relative;
	padding-left: 22px;
	line-height: 120%;
}

.list__item::after {
	content: '';
	position: absolute;
	top: 5px;
	left: 2px;
	width: 8px;
	height: 10px;
	background: var(--accent-default);
	transform: skew(-20deg);
}

.alert {
	position: relative;
	padding: 40px 20px 14px;
	font-weight: 500;
	background: var(--bg-surface-2);
	border-radius: 6px;
}

.alert::before {
	position: absolute;
	top: 16px;
	left: 20px;
	content: '';
	width: 16px;
	height: 16px;
	background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 8V5M8 10.2236V10.25M14 8C14 11.3137 11.3137 14 8 14C4.68629 14 2 11.3137 2 8C2 4.68629 4.68629 2 8 2C11.3137 2 14 4.68629 14 8Z' stroke='%23FF6F00' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") no-repeat center;
}

.alert--round {
    display: flex;
    align-items: center;
    max-width: fit-content;
    height: 40px;
    padding: 0 10px 0 36px;
    font-weight: 400;
    border-radius: 20px;
}

.alert--round::before {
    top: calc(50% - 8px);
    left: 10px;
}

.alert--success::before {
	background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 8V5M8 10.2236V10.25M14 8C14 11.3137 11.3137 14 8 14C4.68629 14 2 11.3137 2 8C2 4.68629 4.68629 2 8 2C11.3137 2 14 4.68629 14 8Z' stroke='rgba(1, 159, 60, 1)' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") no-repeat center;
} 

.left-menu {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 6px;
	background: var(--white);
	border-radius: 10px;
}

.left-menu__item {
	display: flex;
	align-items: center;
	gap: 14px;
	height: 50px;
	padding: 12px 18px;
	border-radius: 6px;
}

.left-menu__item:hover:not(.active) {
	color: var(--accent-default);
	background: var(--bg-surface-2);
}

.left-menu__item.active {
	font-weight: 500;
	background: var(--bg-surface-2);
}

.left-menu__icon {
	width: 24px;
	height: 24px;
}

.left-menu__icon-fill {
	fill: none;
}

.left-menu__item.active .left-menu__icon-fill {
	fill: currentColor;
}

.car-spec {
	display: flex;
	flex-direction: column;
	gap: 8px;
	font-size: 14px;
}

.car-spec__item {
	display: flex;
	align-items: flex-start;
	gap: 16px;
}

.car-spec__name {
	min-width: 120px;
	max-width: 140px;
	color: var(--fg-soft);
}

.car-spec__value {
	position: relative;
	display: flex;
	flex-direction: column;
	word-break: break-all;
}

.car-spec__row {
	display: flex;
	align-items: center;
	gap: 4px;
}

.car-spec__more-container {
	height: 0;
	overflow: hidden;
	transition: 0.5s;
}

.car-spec__value--show-more .car-spec__more-container {
	margin-bottom: 24px;
}

.car-spec__value--show-more .show-more-spec {
	position: absolute;
	top: calc(100% - 16px);
	left: 0;
	word-break: normal;
}

.car-spec__value--show-more .show-more-spec svg {
	transform: rotate(-90deg);
}

.appropriate-tag {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 6px;
	max-width: fit-content;
	min-height: 50px;
	padding: 6px 8px;
	font-size: 14px;
	text-align: left;
	background: var(--bg-surface-2);
	border-radius: 4px;
}

.appropriate-tag__name {
	display: flex;
	gap: 4px;
	color: var(--status-true);
}

.appropriate-tag svg {
	flex-shrink: 0;
	width: 16px;
	height: 16px;
}

.appropriate-tag--horizontal {
	flex-direction: row;
	min-height: 24px;
	padding: 4px 6px;
	font-size: 12px;
}

.appropriate-tag.warning .appropriate-tag__name {
	color: var(--status-warning);
}

.copy-text {
	position: relative;
	display: flex;
	align-items: center;
	gap: 6px;
	max-width: fit-content;
	font-size: 14px;
	color: var(--fg-muted);
	cursor: pointer;
}

.copy-text:hover {
	color: var(--fg-default);
}

.copy-text:focus {
	color: var(--fg-muted);
}

.copy-text__button {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 16px;
	height: 16px;
	padding: 0;
	background: transparent;
	color: var(--fg-muted);
	border: none;
	cursor: pointer;
}

.copy-text:hover .copy-text__button {
	color: var(--fg-default);
}

.copy-text__alert {
	position: absolute;
	left: calc(100% + 6px);
	color: var(--fg-soft);
}

.pagination {
    display: grid;
    grid-template-columns: 1fr max-content max-content 1fr;
    grid-template-rows: max-content;
    gap: 10px;
    justify-items: center;
}

.pagination__buttons {
	display: flex;
	align-items: center;
	gap: 12px;
}

.pagination::before {
	content: '';
}

.pagination__count {
	grid-column: 4;
	justify-self: end;
	display: flex;
	align-items: center;
	gap: 10px;
	color: var(--fg-soft);
}

.pagination__input {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 46px;
	height: 50px;
	background: var(--white);
	border-radius: 6px;
}

.two-equal-col {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.two-equal-col__item {
	flex-basis: calc((100% - 10px) / 2);
	max-width: calc((100% - 10px) / 2);
}

.accordion-list {
	display: flex;
	flex-direction: column;
	gap: 1px;
}

.accordion-item {
	background: var(--white);
	border-radius: 10px;
}

.accordion-item__trigger {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	padding: 10px 10px 23px;
	cursor: pointer;
	gap: 40px;
}

.accordion-item__image-wrap {
	width: 32px;
	height: 32px;
}

.accordion-item__image {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.accordion-item__button {
	margin-left: auto;
}

.accordion-item__image-wrap,
.accordion-item__button {
	flex-shrink: 0;
}

.accordion-item__button svg {
	transition: 0.3s;
}

.accordion-item__text {
	display: flex;
	flex-direction: column;
	justify-content: end;
	min-height: 0;
	max-height: 0;
	padding: 0 10px 0 82px;
	font-size: 18px;
	transition: 0.3s;
	overflow: hidden;
}

.accordion-item__text p {
	max-width: 440px;
	margin-top: 0;
	overflow: hidden;
}

.accordion-item__text p:last-child {
	margin: 0;
}

.accordion-item.active .accordion-item__button svg {
	transform: rotate(180deg);
}

.accordion-item.active .accordion-item__text {
	max-height: 156px;
	min-height: 156px;
	padding: 0 10px 30px 82px;
}

.big-small-col {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.big-small-col--revert .big-small-col__small {
	order: -1;
}

.big-small-col__small {
	flex-basis: 440px;
	max-width: 440px;
}

.big-small-col__big {
	flex-basis: calc(100% - 450px);
	max-width: calc(100% - 450px);
}

.list-icon {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.list-icon__item {
	display: flex;
	gap: 16px;
}

.list-icon__image-wrap {
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 46px;
	height: 46px;
}

.list-icon__image {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.list-icon__text {
	max-width: 280px;
}

.modal-container {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 101;
    opacity: 0;
    display: flex;
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
    visibility: hidden;
    justify-content: center;
    pointer-events: none;
}

.modal-container.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.modal-container[data-create-modal] {
    z-index: 100;
}

.modal-container[data-create-modal="iframe-map"] .modal {
    width: 100%;
    height: 100%;
    max-width: 600px;
    max-height: 400px;
}

.modal-container[data-create-modal="iframe-map"] .modal__content {
    height: 100%;
    max-height: 100%;
}

.modal {
	display: flex;
	flex-direction: column;
	max-height: 620px;
	padding: 5px 0 0;
	background: var(--white);
	border-radius: 10px;
}

.modal--big {
    max-height: 100vh;
}

.modal--search {
    position: relative;
    background-color: transparent;
    padding: 0;
}

.modal--search.active > .modal__backdrop {
    position: fixed;
    inset: 0;
    z-index: 0;
    background: rgba(0, 0, 0, 0.5);
}

.modal--search.active {
    overflow: visible;
}

.modal--search .modal__close {
    display: none;
    margin-left: auto;
    margin-right: 0;
}

.modal--search.active .modal__close {
    display: block;
}

.modal--search .modal__header,
.modal--search .modal__content {
    display: none;
}

.modal--search.active .modal__inner {
    background-color: var(--bg-surface-1);
    z-index: 2;
}

.modal--search.active .modal__header {
    position: absolute;
    top: -10px;
    left: -10px;
    width: calc(100% + 94px);
    padding: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    z-index: 2;
}

.modal--search.active .modal__header {
    display: flex;
    background-color: var(--bg-surface-1);
}

.modal--search .modal__content {
    display: none;
}

.modal--search.active .modal__content {
    display: flex;
    position: absolute;
    top: 100%;
    left: -10px;
    padding-top: 20px;
    width: calc(100% + 94px);
    min-height: calc(100vh - 600px);
    max-height: calc(100vh - 150px);
    background-color: var(--bg-surface-1);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    z-index: 2;
}

.modal__title {
	padding-top: 10px;
}

@media (max-width: 1279px) {
    .modal--search.active  {
        position: fixed;
        inset: 0;
    }

    .modal--search.active .modal__inner {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        border-radius: 6px;
        width: 100%;
        max-width: 736px;
        margin: 0 auto;
        padding: 4px 10px;
    }

    .modal--search.active .modal__search-wrap {
        flex-grow: 1;
        order: 1;
    }

    .modal--search.active .modal__header {
        position: static;
        width: fit-content;
        margin-bottom: 0;
        padding: 0;
        order: 2;
    }

    .modal--search.active .modal__content {
        position: static;
        width: 100%;
        order: 3;
    }
}

@media (max-width: 767px) {
    .header__search-wrap {
        display: none;
    }

    .modal--search.active {
        width: auto;
        top: 64px;
        margin: 10px;
    }

    .modal--search.active .header__search-wrap ,
    .header.burger-active .header__search-wrap {
        display: flex;
    }

    .modal--search.active .modal__inner {
        flex-direction: column;
        flex-wrap: nowrap;
        overflow: hidden;
    }

    .modal--search.active .modal__header {
        position: static;
        width: 100%;
    }

    .modal--search.active .modal__close {
        margin-left: auto;
    }

    .modal--search.active .modal__search-wrap {
        flex-grow: 0;
        order: 2;
    }
    
    .modal--search.active .modal__content {
        order: 3;
        padding-top: 0;
        max-height: none;
        min-height: none;
    }

    .modal--search.active .modal-search-list,
    .modal--search.active .modal-search-popular,
    .modal--search.active .modal-select-car {
        padding: 0;
    }

    .modal--search.active .modal__inner {
        align-content: stretch;
        padding: 12px;
        flex-grow: 1;
    }

    .big-search-form__actions {
        position: static;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .big-search-form--manually ~ .search-actions {
        background-color: var(--bg-surface-1);
    }

    .big-search-form--manually ~* .search-chip,
    .big-search-form--manually .button-add-car {
        display: none;
    } 

    .search-actions {
        position: relative;
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        max-height: 0;
        right: 0;
        left: 0;
    }

    .search-actions.search-actions--active {
        max-height: 100%;
    }

    .search-actions .form-search-auto {
        flex-direction: column;
        align-items: flex-start;
        height: fit-content;
        padding: 0;
        background-color: transparent;
    }

    .search-actions .form-search-auto--manually {
        flex-direction: row;
        align-items: center;
    }   

   .form-search-auto__input {
        margin-left: 0;
        padding: 10px;
        border-radius: 20px;
    }

    .form-search-auto__icon {
        position: absolute;
        top: 10px;
        right: 10px;
    }

    .form-search-auto--manually .form-search-auto__icon {
        position: static;
    }

    .form-search-auto--manually .form-search-auto__input {
        padding: 0;
    }
}

.modal__header {
    position: relative;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 20px;
    padding: 0 20px;
}

.modal__close {
	flex-shrink: 0;
	margin: 0 -15px 0 0;
}

.modal__content {
    position: relative;
    display: flex;
    flex-direction: column;
    max-height: 100%;
	margin: 0 2px;
    overflow-y: auto;
	border-radius: 0 0 10px 10px;
}

.social-circle {
	display: flex;
	gap: 16px;
}

.social-circle__link {
	width: 104px;
	height: 104px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--border-medium);
	border-radius: 50%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.social-circle__link::after {
	content: '';
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.social-circle__link_icon-vk::after {
	background-image: url('/local/templates/autotown_v4/assets/css/../icons/vk.svg');
}

.social-circle__link_icon-tiktok::after {
	background-image: url('/local/templates/autotown_v4/assets/css/../icons/tiktok.svg');
}

.social-circle__link_icon-dzen::after {
	background-image: url('/local/templates/autotown_v4/assets/css/../icons/dzen.svg');
}

.two-equal-col_mb-50 {
	margin-bottom: 50px;
}

.quality {
	margin: 0 0 50px 0;
}

.quality__title {
	font-weight: 500;
	font-size: 40px;
	line-height: 110%;
	letter-spacing: -0.01em;
	color: var(--fg-default);
	margin: 0 0 42px 20px;
	max-width: 670px;
}

.quality__content {
	position: relative;
	height: 470px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('/local/templates/autotown_v4/assets/css/../images/vacancies/quality-decor.svg');
}

.quality__content::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 350px;
	height: 123px;
	background-image: url('/local/templates/autotown_v4/assets/css/../images/vacancies/quality-logo.png');
	z-index: 1;
}

.quality__wrapper {
	height: 100%;
	position: relative;
}

.quality__elem {
	color: var(--white);
	font-size: 16px;
	font-weight: 400;
	border-radius: 999px;
	padding: 8px 12px;
	white-space: nowrap;
	background-color: var(--fg-default);
	position: absolute;
	z-index: 2;
}

.quality__elem:nth-child(1) {
	top: 2%;
	left: 0;
}

.quality__elem:nth-child(2) {
	top: 2%;
	left: 25%;
}

.quality__elem:nth-child(3) {
	top: 2%;
	right: 25%;
}

.quality__elem:nth-child(4) {
	top: 2%;
	right: 0;
}

.quality__elem:nth-child(5) {
	top: 22%;
	left: 0;
}

.quality__elem:nth-child(6) {
	top: 22%;
	left: 30%;
}

.quality__elem:nth-child(7) {
	top: 22%;
	right: 35%;
}

.quality__elem:nth-child(8) {
	top: 22%;
	right: 0;
}

.quality__elem:nth-child(9) {
	top: 40%;
	left: 15%;
}

.quality__elem:nth-child(10) {
	top: 40%;
	right: 15%;
}

.quality__elem:nth-child(11) {
	top: 60%;
	left: 12%;
}

.quality__elem:nth-child(12) {
	top: 60%;
	right: 12%;
}

.quality__elem:nth-child(13) {
	bottom: 2%;
	left: 0;
}

.quality__elem:nth-child(14) {
	bottom: 2%;
	left: 20%;
}

.quality__elem:nth-child(15) {
	bottom: 2%;
	left: 38%;
}

.quality__elem:nth-child(16) {
	bottom: 2%;
	right: 30%;
}

.quality__elem:nth-child(17) {
	bottom: 2%;
	right: 0;
}

.conditions {
	margin: 0 0 50px 0;
}

.conditions__title {
	font-weight: 500;
	font-size: 40px;
	line-height: 110%;
	letter-spacing: -0.01em;
	color: var(--fg-default);
	margin: 0 20px 50px 20px;
}

.conditions__wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 1px;
}

.conditions__elem {
	background-color: var(--white);
	border-radius: 10px;
	width: calc((100% - 2px) / 3);
}

.conditions__top {
	display: flex;
	gap: 23px;
	padding: 16px 16px 0 16px;
}

.conditions__top-title {
	font-weight: 500;
	font-size: 24px;
	line-height: 110%;
	letter-spacing: -0.01em;
	color: var(--fg-default);
}

.conditions__number {
	font-size: 24px;
	letter-spacing: -0.01em;
	color: var(--fg-soft);
}

.conditions__body {
	height: 296px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.conditions__body img {
	max-height: 165px;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.conditions__bottom {
	display: flex;
	gap: 46px;
	padding: 0 24px 20px 16px;
}

.conditions__bottom::before {
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('/local/templates/autotown_v4/assets/css/../icons/arrow-long.svg');
	flex-shrink: 0;
}

.conditions__bottom p {
	font-weight: 400;
	font-size: 18px;
	line-height: 100%;
	letter-spacing: -0.02em;
	color: var(--fg-default);
}

.vacancies {
	margin-bottom: 50px;
}

.vacancies__top {
	background: var(--white);
	margin: 0 0 10px 0;
	border-radius: 10px;
	padding: 8px;
}

.vacancies__title {
	font-weight: 500;
	font-size: 40px;
	line-height: 110%;
	letter-spacing: -0.01em;
	margin: 12px 0 42px 16px;
}

.vacancies__control {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.vacancies__control-elem {
	border-radius: 6px;
	padding: 0 18px;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--bg-surface-2);
	font-size: 14px;
	white-space: nowrap;
	color: var(--fg-default);
}

.vacancies__control-elem.active {
	background-color: var(--fg-default);
	color: var(--white);
}

.vacancies__wrapper {
	display: none;
}

.vacancies__wrapper.active {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.vacancies__elem {
	width: calc((100% - 30px) / 4);
}

.expertise-social {
	overflow-x: hidden;
}

.expertise-social__title {
	font-weight: 500;
	font-size: 40px;
	line-height: 110%;
	letter-spacing: -0.01em;
	color: var(--fg-default);
	margin: 0 20px 32px 20px;
	max-width: 670px;
}

.expertise-social__wrapper {
	margin: 0 0 18px 0;
}

.expertise-social__elem {
	margin: 0 5px;
	position: relative;
}

.expertise-social__elem a {
	position: absolute;
	display: block;
	width: 100%;
	height: 460px;
	top: 0;
	left: 0;
	z-index: 2;
}

.expertise-social__frame {
	border-radius: 10px;
	height: 460px;
	overflow: hidden;
	margin: 0 0 12px 0;
	position: relative;
}

.expertise-social__frame iframe {
	width: 100%;
	height: 100%;
	border-radius: 10px;
	border: none;
	overflow: hidden;
}

.expertise-social__text {
	font-family: 'Nagel', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 120%;
	color: var(--fg-soft);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	margin-top: 8px;
}

.expertise-social__control {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
}

.expertise-social__button {
	backdrop-filter: blur(20px);
	background: rgba(0, 0, 0, 0.1);
	flex-shrink: 0;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.expertise-social__button::after {
	content: '';
	display: block;
	flex-shrink: 0;
	width: 16px;
	height: 16px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url('/local/templates/autotown_v4/assets/css/../icons/arrow-long-left.svg');
}

.expertise-social__button_right::after {
	background-image: url('/local/templates/autotown_v4/assets/css/../icons/arrow-long.svg');
}

.hero-vacancies {
	display: flex;
	gap: 10px;
	margin: 0 0 50px 0;
}

.hero-vacancies__left {
	position: relative;
	width: 100%;
}

.hero-vacancies__img {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	height: 100%;
}

.hero-vacancies__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hero-vacancies__img::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(360deg,
			rgba(0, 0, 0, 0) 40.86%,
			rgba(0, 0, 0, 0.7) 100%);
}

.hero-vacancies__img-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	padding: 20px 22px;
}

.hero-vacancies__breadcrumbs {
	margin: 0 0 22px 0;
}

.hero-vacancies__breadcrumbs .breadcrumbs__item {
	color: var(--white);
}

.hero-vacancies__title {
	font-size: 36px;
	color: var(--white);
}

.hero-vacancies__right {
	flex-shrink: 0;
	width: 327px;
}

.hero-vacancies__right-top {
	background: var(--white);
	border-radius: 10px;
	padding: 20px;
	height: 162px;
	font-size: 36px;
	margin: 0 0 10px 0;
}

.hero-vacancies__wrapper {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 0 0 10px 0;
}

.vacancies-block {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background: var(--white);
	padding: 12px;
	height: 162px;
	border-radius: 10px;
}

.vacancies-block__top {
	display: flex;
	justify-content: space-between;
	gap: 8px;
}

.vacancies-block__title {
	font-size: 20px;
	font-weight: 500;
	color: var(--fg-default);
}

.vacancies-block__arrow {
	width: 32px;
	height: 32px;
	flex-shrink: 0;
	border-radius: 3px;
	background: var(--bg-surface-2);
	display: flex;
	align-items: center;
	justify-content: center;
}

.vacancies-block__arrow::before {
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	background-image: url('/local/templates/autotown_v4/assets/css/../icons/arrow-top-right.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.vacancies-block__bottom {
	display: flex;
	gap: 4px;
	align-items: center;
}

.vacancies-block__bottom-text {
	font-size: 16px;
	color: var(--fg-default);
	display: flex;
	align-items: center;
	gap: 8px;
}

.vacancies-block__bottom-text_ml-auto {
	margin-left: auto;
}

.vacancies-block__bottom-text_icon-locate::after {
	content: '';
	display: block;
	flex-shrink: 0;
	width: 16px;
	height: 16px;
	background-image: url('/local/templates/autotown_v4/assets/css/../icons/map.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.vacancies-block__salary {
	flex-shrink: 0;
}

.vacancies-block__location {
	text-align: right;
}

.hero-vacancies__button {
	width: 100%;
	max-width: 100%;
}

.life-slider {
	background-color: var(--white);
	border-radius: 10px;
	margin: 0 0 50px 0;
	overflow: hidden;
}

.life-slider__top {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	gap: 20px;
	padding: 20px 20px 0 20px;
	margin: 0 0 60px 0;
}

.life-slider__start {}

.life-slider__title {
	font-size: 40px;
	font-weight: 500;
	display: flex;
	gap: 16px;
	align-items: center;
	margin: 0 0 24px 0;
}

.life-slider__title::before {
	content: '';
	width: 29px;
	height: 29px;
	border-radius: 50%;
	flex-shrink: 0;
	background-color: var(--accent-default);
}

.life-slider__text {
	font-size: 18px;
	font-weight: 400;
	max-width: 420px;
	width: 100%;
	color: var(--fg-default);
	line-height: 120%;
}

.life-slider__end {}

.life-slider__wrapper .slick-list {
	width: 120%;
	margin-left: -10%;
}

.life-slider__elem {
	margin: 0 23px;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
}

.life-slider__elem-img {
	max-height: 466px;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.life-slider__elem-video {
	height: 466px;
	width: 100%;
	max-width: 256px;
	object-fit: cover;
	border-radius: 10px;
	cursor: pointer;
}

.life-slider__elem-label {
	position: absolute;
	top: 6px;
	left: 6px;
	background-color: var(--white);
	padding: 6px 10px;
	border-radius: 6px;
	font-size: 14px;
}

.life-slider .slick-dots {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 21px;
	margin: 60px 30px 36px 30px;
	padding: 0;
}

.life-slider .slick-dots li {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
	padding: 0 22px 0 0;
	border-right: 1px solid var(--border-medium);
	height: 30px;
}

.life-slider .slick-dots button {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	font-size: 0;
	background-color: var(--fg-default);
	flex-shrink: 0;
}

.life-slider .slick-dots li:first-child button,
.life-slider .slick-dots li:last-child button {
	opacity: 10%;
}

.life-slider .slick-dots li:last-child {
	padding: 0;
	border: 0;
}

.life-slider .slick-dots li:nth-child(2) button,
.life-slider .slick-dots li:nth-last-child(2) button {
	opacity: 50%;
}

.life-slider .slick-dots li.slick-active button {
	background-color: var(--accent-default);
	opacity: 100%;
}

.social-circle {
	display: flex;
	gap: 16px;
}

.social-circle__link {
	width: 104px;
	height: 104px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--border-medium);
	border-radius: 50%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.social-circle__link::after {
	content: '';
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.social-circle__link_icon-vk::after {
	background-image: url('/local/templates/autotown_v4/assets/css/../icons/vk.svg');
}

.social-circle__link_icon-tiktok::after {
	background-image: url('/local/templates/autotown_v4/assets/css/../icons/tiktok.svg');
}

.social-circle__link_icon-dzen::after {
	background-image: url('/local/templates/autotown_v4/assets/css/../icons/dzen.svg');
}

.two-equal-col_mb-50 {
	margin-bottom: 50px;
}

.quality {
	margin: 0 0 50px 0;
}

.quality__title {
	font-weight: 500;
	font-size: 40px;
	line-height: 110%;
	letter-spacing: -0.01em;
	color: var(--fg-default);
	margin: 0 0 42px 20px;
	max-width: 670px;
}

.quality__content {
	position: relative;
	height: 470px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('/local/templates/autotown_v4/assets/css/../images/vacancies/quality-decor.svg');
}

.quality__content::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 350px;
	height: 123px;
	background-image: url('/local/templates/autotown_v4/assets/css/../images/vacancies/quality-logo.png');
	z-index: 1;
}

.quality__wrapper {
	height: 100%;
	position: relative;
}

.quality__elem {
	color: var(--white);
	font-size: 16px;
	font-weight: 400;
	border-radius: 999px;
	padding: 8px 12px;
	white-space: nowrap;
	background-color: var(--fg-default);
	position: absolute;
	z-index: 2;
}

.quality__elem:nth-child(1) {
	top: 2%;
	left: 0;
}

.quality__elem:nth-child(2) {
	top: 2%;
	left: 25%;
}

.quality__elem:nth-child(3) {
	top: 2%;
	right: 25%;
}

.quality__elem:nth-child(4) {
	top: 2%;
	right: 0;
}

.quality__elem:nth-child(5) {
	top: 22%;
	left: 0;
}

.quality__elem:nth-child(6) {
	top: 22%;
	left: 30%;
}

.quality__elem:nth-child(7) {
	top: 22%;
	right: 35%;
}

.quality__elem:nth-child(8) {
	top: 22%;
	right: 0;
}

.quality__elem:nth-child(9) {
	top: 40%;
	left: 15%;
}

.quality__elem:nth-child(10) {
	top: 40%;
	right: 15%;
}

.quality__elem:nth-child(11) {
	top: 60%;
	left: 12%;
}

.quality__elem:nth-child(12) {
	top: 60%;
	right: 12%;
}

.quality__elem:nth-child(13) {
	bottom: 2%;
	left: 0;
}

.quality__elem:nth-child(14) {
	bottom: 2%;
	left: 20%;
}

.quality__elem:nth-child(15) {
	bottom: 2%;
	left: 38%;
}

.quality__elem:nth-child(16) {
	bottom: 2%;
	right: 30%;
}

.quality__elem:nth-child(17) {
	bottom: 2%;
	right: 0;
}

.conditions {
	margin: 0 0 50px 0;
}

.conditions__title {
	font-weight: 500;
	font-size: 40px;
	line-height: 110%;
	letter-spacing: -0.01em;
	color: var(--fg-default);
	margin: 0 20px 50px 20px;
}

.conditions__wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 1px;
}

.conditions__elem {
	background-color: var(--white);
	border-radius: 10px;
	width: calc((100% - 2px) / 3);
}

.conditions__top {
	display: flex;
	gap: 23px;
	padding: 16px 16px 0 16px;
}

.conditions__top-title {
	font-weight: 500;
	font-size: 24px;
	line-height: 110%;
	letter-spacing: -0.01em;
	color: var(--fg-default);
}

.conditions__number {
	font-size: 24px;
	letter-spacing: -0.01em;
	color: var(--fg-soft);
}

.conditions__body {
	height: 296px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.conditions__body img {
	max-height: 165px;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.conditions__bottom {
	display: flex;
	gap: 46px;
	padding: 0 24px 20px 16px;
}

.conditions__bottom::before {
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('/local/templates/autotown_v4/assets/css/../icons/arrow-long.svg');
	flex-shrink: 0;
}

.conditions__bottom p {
	font-weight: 400;
	font-size: 18px;
	line-height: 100%;
	letter-spacing: -0.02em;
	color: var(--fg-default);
}

.vacancies {
	margin-bottom: 50px;
}

.vacancies__top {
	background: var(--white);
	margin: 0 0 10px 0;
	border-radius: 10px;
	padding: 8px;
}

.vacancies__title {
	font-weight: 500;
	font-size: 40px;
	line-height: 110%;
	letter-spacing: -0.01em;
	margin: 12px 0 42px 16px;
}

.vacancies__control {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.vacancies__control-elem {
	border-radius: 6px;
	padding: 0 18px;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--bg-surface-2);
	font-size: 14px;
	white-space: nowrap;
	color: var(--fg-default);
	cursor: pointer;
}

.vacancies__control-elem.active {
	background-color: var(--fg-default);
	color: var(--white);
}

.vacancies__wrapper {
	display: none;
}

.vacancies__wrapper.active {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.vacancies__elem {
	width: calc((100% - 30px) / 4);
}

.expertise-social {
	overflow-x: hidden;
}

.expertise-social__title {
	font-weight: 500;
	font-size: 40px;
	line-height: 110%;
	letter-spacing: -0.01em;
	color: var(--fg-default);
	margin: 0 20px 32px 20px;
	max-width: 670px;
}

.expertise-social__wrapper {
	margin: 0 0 18px 0;
}

.expertise-social__elem {
	margin: 0 5px;
	position: relative;
}

.expertise-social__elem a {
	position: absolute;
	display: block;
	width: 100%;
	height: 460px;
	top: 0;
	left: 0;
	z-index: 2;
}

.expertise-social__frame {
	border-radius: 10px;
	height: 460px;
	overflow: hidden;
	margin: 0 0 12px 0;
	position: relative;
}

.expertise-social__frame iframe {
	width: 100%;
	height: 100%;
	border-radius: 10px;
	border: none;
	overflow: hidden;
}

.expertise-social__text {
	font-family: 'Nagel', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 120%;
	color: var(--fg-soft);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	margin-top: 8px;
}

.expertise-social__control {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
}

.expertise-social__button {
	backdrop-filter: blur(20px);
	background: rgba(0, 0, 0, 0.1);
	flex-shrink: 0;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.expertise-social__button::after {
	content: '';
	display: block;
	flex-shrink: 0;
	width: 16px;
	height: 16px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url('/local/templates/autotown_v4/assets/css/../icons/arrow-long-left.svg');
}

.expertise-social__button_right::after {
	background-image: url('/local/templates/autotown_v4/assets/css/../icons/arrow-long.svg');
}

.modal--search.active .big-search-form .big-search-form__actions {
    display: flex;
}

.modal--search.active .big-search-form input::placeholder {
    color: transparent;
}

.modal--search.active .modal__search-wrap {
    position: relative;
}

.tag-car {
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: fit-content;
    height: 40px;
    padding: 3px 2px 3px 10px;
    background: var(--white);
    border: 1px solid var(--border-medium);
    border-radius: 20px;
}

.tag-car + svg {
    width: 24px;
    height: 24px;
}

.expert-banner {
    display: grid;
    gap: 10px;
    grid-template-rows: max-content;
    min-height: 460px;
    padding: 10px;
    color: var(--white);
    background: url('/local/templates/autotown_v4/assets/css/../images/autotown-employee.png') no-repeat center bottom, linear-gradient(180deg, #2B2A29 33.98%, #E31E24 129.49%);
    background-size: 260px auto;
    border-radius: 8px;
}

.expert-banner__info {
    display: grid;
    gap: 10px;
    max-width: 230px;
    padding: 0 6px;
}

.expert-banner__title {
    max-width: 280px;
}

.expert-banner__text {
    font-size: 14px;
}

.expert-banner__button {
    margin-top: auto;
}

.toggle-text__wrap {
    max-height: 100px;
    overflow: hidden;
    transition: 0.2s;
}

.toggle-text .button svg {
    transition: 0.2s;
}

.toggle-text--active .button svg {
    transform: rotate(180deg);
}

.toggle-text__button {
	margin-top: 8px;
}

.removed-card {
    display: grid;
    grid-template-columns: 54px 1fr 22px;
    align-items: center;
    gap: 10px;
    padding: 4px;
    background: var(--bg-surface-2);
    border-radius: 4px;
}

.removed-card__image-wrap {
    height: 54px;
}

.removed-card__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 3px;
}

.removed-card__info {
    display: grid;
    gap: 6px;
}

.removed-card__title {
    font-weight: 500;
}

.removed-card__text {
    font-size: 14px;
    font-weight: 400;
}

.removed-card__text--year {
    color: var(--fg-soft);
}

.removed-card__icon {
    align-self: start;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 22px;
}

.removed-card__icon svg {
    width: 16px;
    height: 16px;
}

.removed-card:hover .removed-card__title {
    color: var(--accent-default);
}

@media (pointer:coarse) {
	.breadcrumbs {
		flex-wrap: nowrap;
		overflow-y: scroll;
		scrollbar-width: none;
		overscroll-behavior-x: contain;
		scroll-snap-type: x mandatory;
	}

	.breadcrumbs__item {
		scroll-snap-align: start;
	}
}

@media (max-width: 1440px) {
	.container {
		max-width: 1280px;
		padding: 0 16px;
	}

	.quality__content {
		background-image: url('/local/templates/autotown_v4/assets/css/../images/vacancies/quality-decor-1280.svg');
	}

	.vacancies__elem {
		width: calc((100% - 20px) / 3);
	}

	.expertise-social__elem {
		margin: 0 15px;
	}

	.quality__content {
		height: 427px;
	}
}

@media (min-width: 1280px) {
	html.fixed body {
		padding-right: 15px;
	}

	.hide-desktop {
		display: none;
	}

	.modal *::-webkit-scrollbar {
		width: 6px;
		height: 6px;
		background-color: transparent;
	}

	.modal *::-webkit-scrollbar-thumb {
		border-radius: 3px;
		background-color: var(--fg-muted);
	}
}

@media (max-width: 1279px) {
	h2 {
		font-size: 32px;
	}

	.container {
		max-width: 768px;
	}

	.hide-tablet {
		display: none;
	}

	.page-header__title {
		font-size: 24px;
	}

	.page-header__links {
		scrollbar-width: none;
		overscroll-behavior-x: contain;
		scroll-snap-type: x mandatory;
	}

	.page-header__links .button {
		scroll-snap-align: start;
	}

	.main-section {
		margin: 30px 0;
		gap: 30px;
	}

	.main-section__title {
		margin-bottom: 18px;
	}

	.main-section__button {
		max-width: 300px;
	}

	.main-section--disassembly .main-section__title {
		padding: 0 10px;
	}

	.page-content__item {
		flex-direction: column;
		gap: 50px;
		padding: 20px 20px 40px;
	}

	.page-content__wrap {
		flex-basis: 100%;
		max-width: 100%;
		gap: 30px;
	}

	.two-equal-col__item {
		flex-basis: 100%;
		max-width: 100%;
	}

	.big-small-col__small,
	.big-small-col__big {
		flex-basis: 100%;
		max-width: 100%;
	}

	.big-small-col--revert .big-small-col__small {
		order: 1;
	}

	.hero-vacancies {
		flex-direction: column;
	}

	.hero-vacancies__left,
	.hero-vacancies__right {
		width: 100%;
	}

	.hero-vacancies__title {
		font-size: 32px;
	}

	.hero-vacancies__wrapper {
		flex-direction: row;
	}

	.hero-vacancies__elem {
		width: calc((100% - 10px) / 2);
		height: 140px;
	}

	.hero-vacancies__elem:nth-child(n + 3) {
		display: none;
	}

	.life-slider__title {
		font-size: 36px;
	}

	.life-slider__elem {
		margin: 0 9px;
	}

	.life-slider__wrapper .slick-list {
		width: 126%;
		margin-left: -13%;
	}

	.life-slider .slick-dots {
		margin: 40px 0 36px 0;
	}

	.life-slider__top {
		margin: 0 0 40px 0;
	}

	.social-circle {
		gap: 8px;
	}

	.social-circle__link {
		width: 98px;
		height: 98px;
	}

	.conditions__title {
		font-size: 36px;
		margin: 0 0 50px 0;
	}

	.conditions__elem {
		width: 100%;
	}

	.conditions__body {
		height: 240px;
	}

	.conditions__body img {
		max-height: 165px;
	}

	.vacancies__elem {
		width: calc((100% - 10px) / 2);
	}

	.expertise-social__title {
		font-size: 36px;
		margin: 0 0 32px 0;
	}

	.expertise-social__frame {
		height: 406px;
	}

	.expertise-social__elem {
		margin: 0 11px;
	}

	.quality__title {
		font-size: 36px;
		margin: 0 0 42px 0;
	}

	.quality__content {
		background-image: url(/local/templates/autotown_v4/assets/css/../images/vacancies/quality-decor-768.svg);
	}

	.quality__elem:nth-child(7) {
		right: 0;
	}

	.quality__elem:nth-child(8) {
		top: 40%;
		left: 0;
		right: unset;
	}

	.quality__elem:nth-child(9) {
		top: 40%;
		left: 45%;
	}

	.quality__elem:nth-child(10) {
		left: unset;
		right: 0;
	}

	.quality__elem:nth-child(11) {
		left: 0;
	}

	.quality__elem:nth-child(12) {
		right: unset;
		left: 40%;
	}

	.quality__elem:nth-child(13) {
		top: 60%;
		bottom: unset;
		left: unset;
		right: 0;
	}

	.quality__elem:nth-child(14) {
		left: 0;
	}

	.quality__elem:nth-child(15) {
		left: 15%;
	}

	.quality__elem:nth-child(16) {
		right: 40%;
	}

	.quality__content::after {
		background-image: url(/local/templates/autotown_v4/assets/css/../images/vacancies/quality-logo-1279.png);
	}

    .expert-banner--mobile-horizontal {
        grid-template-columns: 1fr 190px;
        min-height: 130px;
        background-position: center top;
        background-size: 150px auto;
    }

    .expert-banner--mobile-horizontal .expert-banner__button {
        height: 44px;
        margin-top: 0;
        font-size: 14px;
    }
}

@media (min-width: 768px) {
    .hide-mobile-tabled {
        display: none;
    }
}

@media (max-width: 767px) {
	h2 {
		font-size: 24px;
	}

	h4 {
		font-size: 20px;
	}

	.container {
		padding: 0 10px;
	}

	.hide-mobile {
		display: none;
	}

	.page-header {
		padding: 20px 8px 8px 16px;
	}

	.page-header__title {
		font-size: 20px;
	}

	.page-header__links {
		gap: 6px;
		margin-left: -8px;
	}

	.page-content__item {
		padding: 20px 10px 40px;
	}

	.page-content__title {
		font-size: 24px;
	}

	.appropriate-tag--mobile {
		flex-direction: row;
		min-height: 24px;
		padding: 4px 6px;
		font-size: 12px;
	}

	.pagination {
		grid-template-columns: 1fr max-content 1fr;
		justify-items: start;
	}

	.pagination::before {
		content: none;
	}

	.pagination__button--next {
		order: 2;
		justify-self: end;
	}

	.pagination__button-text {
		display: none;
	}

	.pagination__count {
		justify-self: center;
		grid-column: 2;
	}

	.accordion-item__trigger {
		gap: 20px;
		padding: 10px 10px 36px;
	}

	.accordion-item__title {
		order: 1;
		flex-basis: 100%;
		max-width: 100%;
	}

	.button.medium.accordion-item__button {
		width: 32px;
		height: 32px;
	}

	.accordion-item__text {
		padding: 0 10px;
	}

	.accordion-item.active .accordion-item__text {
		padding: 10px;
	}

	.modal-container {
		align-items: flex-end;
	}

	.modal {
		width: 100%;
		max-height: calc(100% - 72px);
		margin: 0 10px 10px;
	}

	.modal__header {
		padding: 0 12px;
	}

	.modal__close {
		margin: 0 -7px 0 0;
	}

    .modal-container[data-modal="iframe-map"] .modal {
        width: 100%;
        max-height: calc(100vh - 72px);
        max-width: 100%;
    }

	.modal-container[data-modal='iframe-map'] .modal {
		width: 100%;
		max-height: calc(100vh - 72px);
		max-width: 100%;
	}

	.conditions {
		margin: 0 0 30px 0;
	}

	.conditions__title {
		font-size: 24px;
		margin: 0 0 24px 0;
	}

	.conditions__top {
		padding: 12px 12px 0 12px;
	}

	.conditions__top-title {
		font-size: 20px;
	}

	.conditions__body {
		height: 233px;
	}

	.conditions__bottom {
		padding: 0 12px 24px 12px;
	}

	.conditions__bottom p {
		font-size: 16px;
	}

	.two-equal-col_mb-50 {
		margin-bottom: 30px;
	}

	.vacancies {
		margin-bottom: 30px;
	}

	.vacancies__title {
		margin: 0 0 42px 0;
	}

	.vacancies__elem {
		width: 100%;
	}

	.expertise-social__title {
		font-size: 24px;
	}

	.expertise-social__wrapper .slick-list {
		width: 270%;
		margin-left: -85%;
	}

	.expertise-social__elem {
		margin: 0 4px;
	}

	.quality {
		margin: 0 0 30px 0;
	}

	.quality__title {
		font-size: 24px;
		margin: 0 0 24px 0;
	}

	.quality__content {
		background-image: unset;
		height: 516px;
	}

	.quality__elem {
		font-size: 14px;
	}

	.quality__elem:nth-child(n + 13) {
		display: none;
	}

	.quality__elem:nth-child(2) {
		left: unset;
		right: 0;
	}

	.quality__elem:nth-child(3) {
		top: 16%;
		right: 50%;
		transform: translateX(50%);
	}

	.quality__elem:nth-child(4) {
		top: 29%;
		left: 0;
		right: unset;
	}

	.quality__elem:nth-child(5) {
		top: 29%;
		left: unset;
		right: 0;
	}

	.quality__elem:nth-child(6) {
		top: 42%;
		left: 50%;
		transform: translateX(-50%);
	}

	.quality__elem:nth-child(7) {
		top: 55%;
		left: 0;
		right: unset;
	}

	.quality__elem:nth-child(8) {
		top: 55%;
		left: unset;
		right: 0;
	}

	.quality__elem:nth-child(9) {
		top: 68%;
		left: 50%;
		transform: translateX(-50%);
	}

	.quality__elem:nth-child(10) {
		top: 81%;
		left: 0;
		right: unset;
	}

	.quality__elem:nth-child(11) {
		top: 81%;
		left: unset;
		right: 0;
	}

	.quality__elem:nth-child(12) {
		top: 94%;
		left: 50%;
		transform: translateX(-50%);
	}

		.modal-container[data-modal='iframe-map'] .modal {
		width: 100%;
		max-height: calc(100vh - 72px);
		max-width: 100%;
	}

	.hero-vacancies {
		margin: 0 0 30px 0;
	}

	.hero-vacancies__left {
		height: 520px;
	}

	.hero-vacancies__wrapper {
		flex-direction: column;
	}

	.hero-vacancies__elem {
		width: 100%;
	}

	.hero-vacancies__title {
		font-size: 24px;
	}

	.hero-vacancies__img-content {
		padding: 12px;
	}

	.hero-vacancies__breadcrumbs {
		padding: 10px 8px 0 8px;
	}

	.hero-vacancies__right-top {
		font-size: 32px;
		padding: 12px;
		height: 140px;
	}

	.life-slider {
		margin: 0 0 30px 0;
	}

	.life-slider__top {
		margin: 0 0 20px 0;
		flex-direction: column;
		align-items: flex-start;
		padding: 12px 12px 0 12px;
	}

	.life-slider__title {
		font-size: 32px;
	}

	.life-slider__title::before {
		width: 20px;
		height: 20px;
	}

	.life-slider__text {
		font-size: 16px;
	}

	.life-slider__wrapper .slick-list {
		width: 270%;
		margin-left: -85%;
	}

	.conditions {
		margin: 0 0 30px 0;
	}

	.conditions__title {
		font-size: 24px;
		margin: 0 0 24px 0;
	}

	.conditions__top {
		padding: 12px 12px 0 12px;
	}

	.conditions__top-title {
		font-size: 20px;
	}

	.conditions__body {
		height: 233px;
	}

	.conditions__bottom {
		padding: 0 12px 24px 12px;
	}

	.conditions__bottom p {
		font-size: 16px;
	}

	.two-equal-col_mb-50 {
		margin-bottom: 30px;
	}

	.vacancies {
		margin-bottom: 30px;
	}

	.vacancies__title {
		margin: 0 0 42px 0;
	}

	.vacancies__elem {
		width: 100%;
	}

	.expertise-social__title {
		font-size: 24px;
	}

	.expertise-social__wrapper .slick-list {
		width: 270%;
		margin-left: -85%;
	}

	.expertise-social__elem {
		margin: 0 4px;
	}

	.quality {
		margin: 0 0 30px 0;
	}

	.quality__title {
		font-size: 24px;
		margin: 0 0 24px 0;
	}

	.quality__content {
		background-image: unset;
		height: 516px;
	}

	.quality__elem {
		font-size: 14px;
	}

	.quality__elem:nth-child(n + 13) {
		display: none;
	}

	.quality__elem:nth-child(2) {
		left: unset;
		right: 0;
	}

	.quality__elem:nth-child(3) {
		top: 16%;
		right: 50%;
		transform: translateX(50%);
	}

	.quality__elem:nth-child(4) {
		top: 29%;
		left: 0;
		right: unset;
	}

	.quality__elem:nth-child(5) {
		top: 29%;
		left: unset;
		right: 0;
	}

	.quality__elem:nth-child(6) {
		top: 42%;
		left: 50%;
		transform: translateX(-50%);
	}

	.quality__elem:nth-child(7) {
		top: 55%;
		left: 0;
		right: unset;
	}

	.quality__elem:nth-child(8) {
		top: 55%;
		left: unset;
		right: 0;
	}

	.quality__elem:nth-child(9) {
		top: 68%;
		left: 50%;
		transform: translateX(-50%);
	}

	.quality__elem:nth-child(10) {
		top: 81%;
		left: 0;
		right: unset;
	}

	.quality__elem:nth-child(11) {
		top: 81%;
		left: unset;
		right: 0;
	}

	.quality__elem:nth-child(12) {
		top: 94%;
		left: 50%;
		transform: translateX(-50%);
	}

    .expert-banner--mobile-horizontal {
        grid-template-columns: 1fr;
        gap: 30px;
        min-height: auto;
        background: linear-gradient(180deg, #2B2A29 33.98%, #E31E24 129.49%);
    }

    .expert-banner--mobile-horizontal .expert-banner__title {
        padding-left: 6px;
    }

    .expert-banner--mobile-horizontal .expert-banner__button {
        height: 30px;
        font-size: 12px;
    }
}

/* Catalog */
.page-header__container {
    padding-bottom: 12px;
}

.pick-vechicle-chip {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;

    padding: 3px;
    max-width: fit-content;

    border-radius: 20px;
    border: 1px solid var(--border-default);
}

.pick-vechicle-chip__icon {
    margin-left: 5px;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.page-catalog .breadcrumbs,
.page-category .breadcrumbs {
    flex-wrap: wrap;
}

.page-catalog__search {
    display: grid;
    grid-template-columns: 1fr 2fr;
	align-items: flex-start;
    gap: 10px;
}

.page-catalog__content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

@media screen and (max-width: 1279px) {
    .page-catalog__search {
        grid-template-columns: 1fr;
    }

    .tree-list {
        display: none;
    }
}

/* Выпадающее меню каталога. Мобильный и планшет */

.mobile-catalog {
    display: none;
}

.mobile-menu-wrapper.modal-active {
    position: relative;
}

.mobile-menu-wrapper.modal-active>.mobile-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.mobile-menu-wrapper.modal-active>.mobile-catalog {
    position: absolute;
    display: flex;
    inset: 0;
}

.mobile-catalog__backdrop {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: -1;
}

.mobile-catalog__container {
    position: absolute;
    display: flex;
    bottom: calc(100% - 1px);
    width: 100%;
    background-color: var(--bg-surface-1);
    border-radius: 6px 6px 0 0;
    max-height: calc(100vh - 145px);
    min-height: 75vh;
}

.mobile-catalog__content-wrapper {
    position: relative;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    gap: 10px;
    padding: 12px;
}

.mobile-catalog-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
}

.mobile-catalog__content {
    overflow: hidden;
}

.mobile-catalog__categories {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 100%;
}

.mobile-catalog__banner {
    margin-top: auto;
}

@media (min-width: 768px) {
    .mobile-catalog-header {
        display: none;
    }
}

@media (max-width: 767px) {
    .mobile-catalog__content-wrapper {
        gap: 14px;
    }
}

/* Общие компоненты модального окна каталога */

/* Добавление гаража */

.catalog-add-garage {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin: auto;
    padding: 10px;
}

.catalog-add-garage__image {
    max-width: 209px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.catalog-add-garage__description {
    font-size: 14px;
    line-height: 1.2;
    color: var(--fg-soft);
}

.catalog-add-garage__button {
    margin-top: 20px;
}

@media (max-width: 1279px) {
    .catalog-add-garage__image {
        max-height: 165px;
        object-fit: contain;
    }

    .catalog-add-garage__button {
        margin-top: 0px;
    }
}

@media (max-width: 767px) {
    .catalog-add-garage {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        padding: 12px;
        margin: auto;
    }

    .catalog-add-garage__button {
        margin-top: 10px;
        font-size: 14px;
    }
}

@media (max-height: 767px) {
    .catalog-add-garage__image {
        display: none;
    }
}

/* Выбор авто */

.catalog-pick-vehicle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px;
    border-radius: 6px;
    border: 1px solid var(--border-default);
}

.catalog-pick-vehicle__content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.catalog-pick-vehicle__image {
    width: 88px;
    height: 52px;
    margin-right: 10px;
    object-fit: cover;
}

.catalog-pick-vehicle__year {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 500;
    font-family: 'PP Neue Corp', sans-serif;
    color: var(--fg-soft);
}

.catalog-pick-vehicle__tag {
    padding: 9px 12px;
    font-size: 12px;
    line-height: 1.2;
    background: var(--bg-surface-2);
    border-radius: 4px;
}

@media (min-width: 768px) {
    .catalog-pick-vehicle__icon {
        display: none;
    }
}

@media (max-width: 1279px) {
    .catalog-pick-vehicle__tag {
        display: none;
    }
}

@media (max-width: 767px) {
    .catalog-pick-vehicle {
        padding: 8px 10px;
        border: none;
        justify-content: flex-start;
    }

    .catalog-pick-vehicle__image {
        display: none;
    }

    .button.small.catalog-pick-vehicle__content {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .button.small.catalog-pick-vehicle__button {
        padding: 0;
        width: 32px;
        height: 32px;
        border-radius: 50%;
    }

    .button.small.catalog-pick-vehicle__button svg {
        width: 50px;
        max-width: 100%;
        padding: 0;
    }

    .catalog-pick-vehicle__button span {
        display: none;
    }

    .catalog-pick-vehicle__title,
    .catalog-pick-vehicle__year {
        font-size: 16px;
        line-height: 1.2;
        font-weight: 400;
        font-family: 'Nagel', sans-serif;
        color: var(--fg-default);
    }
}

/* Баннер */

.catalog-banner {
    position: relative;
    display: flex;
    min-height: 360px;
    border-radius: 6px;
    overflow: clip;
    background-color: var(--bg-surface-4);
    color: var(--fg-invert);
}

.catalog-banner__image {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.catalog-banner__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}

.catalog-banner__content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    padding: 16px;
}

.catalog-banner__title--mobile {
    display: none;
}

.catalog-banner__description {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.2;
}

.catalog-banner__button {
    margin-top: auto;
    max-width: none;
}

.catalog-banner__button svg {
    display: none;
}

@media (max-width: 1279px) {
    .catalog-banner {
        min-height: 130px;
        gap: 10px;
    }

    .catalog-banner__content {
        position: relative;
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-content: space-between;
        gap: 16px;
        padding: 16px 10px 10px 10px;
        color: var(--fg-invert);
        z-index: 1;
    }

    .catalog-banner__title {
        grid-column: 1 / 2;
    }

    .catalog-banner__description {
        grid-column: 1 / 2;
    }

    .catalog-banner__button {
        grid-column: 2 / 3;
        grid-row: 1 / 3;
        justify-self: end;
    }
}

@media (max-width: 767px) {
    .catalog-banner {
        min-height: 84px;
    }

    .catalog-banner__content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-right: auto;
        padding: 10px;
    }

    .catalog-banner__title--desktop-tablet {
        display: none;
    }

    .catalog-banner__title--mobile {
        display: block;
        font-family: 'Nagel', sans-serif;
        font-size: 16px;
        line-height: 1.2;
        font-weight: 400;
        max-width: 230px;
        margin-right: auto;
        text-wrap: balance;
    }

    .catalog-banner__description {
        display: none;
    }

    .catalog-banner__button svg {
        display: initial;
    }

    .button.muted.catalog-banner__button {
        height: auto;
        padding: 0;
        font-size: 12px;
        background: transparent;
        border-radius: 0;
        background: transparent;
        color: var(--fg-invert);
    }

    .button.muted.catalog-banner__button:active {
        color: var(--fg-soft);
    }
}

@media (max-height: 360px) {
    .catalog-banner {
        display: none;
    }
}

/* Категории */

.categories {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
    max-height: 70dvh;
    overflow-y: auto;
}

.categories__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
	margin-bottom: 40px;
}

.categories__list-item {
    min-height: 50px;
}

.categories__list-item .categories__list{
	display: none;
}

.categories__list-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 15px;
    transition: color 0.2s ease;
    box-sizing: border-box;
    border-radius: 6px;
}

.categories__list-link:hover,
.categories__list-link:active,
.categories__list-link.active {
    background-color: var(--bg-surface-2);
    font-weight: 500;
}

.categories__list-link svg {
    width: 16px;
    height: 16px;
    stroke: currentColor;
}

.categories__back {
    display: none;
}

@media (max-width: 1279px) {
    .categories {
        gap: 4px;
    }

    .categories__list {
        gap: 12px;
    }

    .categories__list-item {
        min-height: 32px;
    }

    .categories__list-link {
        font-size: 12px;
        line-height: 1.2;
        padding: 9px 12px;
    }
}

@media (max-width: 767px) {
    .categories {
        grid-template-columns: 1fr;
    }

	.categories > .categories__list {
		display: none;
	}

	.categories > .categories__list:last-child{
		display: flex;
	}

    .categories__list-item {
        min-height: none;
    }

    .categories__list-link {
        padding: 14px 18px;
    }

    .button.small.categories__back {
        display: none;
        padding: 0 12px;
        margin-left: -18px;
        margin-bottom: 24px;
        gap: 6px;
    }
	
	.button.small.categories__back.categories__back--active{
		display: flex;
	}
}

/* Category page */

.page-category {}

.car-part-block {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.car-part-block__scheme {
    position: relative;
    display: flex;
    max-width: 100%;
    overflow: auto;
}

.car-part-block__scheme,
.car-part-block__table {
    padding: 10px;
}

.car-part-block__button {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
}

@media (max-width: 1279px) {
    .car-part-block {
        grid-template-columns: 1fr;
    }
}

/* Интерактивная схема детали */

#viewport.car-part-scheme {
    display: inline-block;
    position: relative;
    overflow: auto;
}

#viewport.car-part-scheme>.g_highlight, 
#viewport.car-part-scheme>.g_highlight_over {
    border: 2px solid transparent;
    border-radius: 6px;
    cursor: pointer;
}

#viewport.car-part-scheme--big>.g_highlight:hover {
    border-color: var(--border-medium);
    background-color: rgba(0, 0, 0, 0.02);
}

#viewport.car-part-scheme>.g_highlight_lock,
#viewport.car-part-scheme>.g_highlight_over {
    background-color: rgb(227, 30, 36, 0.2);
    border-color: var(--accent-default);
    overflow: visible;
}

.tooltip {
    position: absolute;
    display: none;
    left: calc(100% + 20px);
    top: 0;
    bottom: 0;
    min-height: fit-content;
    max-width: 200px;
    text-wrap: balance;
    padding: 10px;
    background-color: var(--bg-surface-4);
    color: var(--fg-invert);
    border-radius: 6px;
}

.tooltip--active,
#viewport.car-part-scheme>.g_highlight_lock>.tooltip {
    display: block;
}

.tooltip::before {
    content: " ";
    position: absolute;
    right: 100%;
    top: 16px;
    transform: translateY(-50%);
    border-width: 8px;
    border-style: solid;
    border-color: transparent var(--bg-surface-4) transparent transparent;
}

.tooltip__title {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 500;
    color: var(--fg-invert);
}

.tooltip__description {
    font-size: 12px;
    line-height: 1.2;
    color: var(--fg-soft);
}

.tooltip__button {
    margin-top: 16px;
}

#viewport.car-part-scheme img {
    /* object-fit: contain; */
}

#viewport.car-part-scheme--big img {
    max-width: none !important;
    max-height: none !important;
}

.modal-car-part-scheme {
    padding: 10px;
}

/* Интерактивная таблица деталей */

.car-part-table table#viewtable {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.car-part-table table#viewtable td {
    padding: 10px;
    overflow: clip
}

.car-part-table table#viewtable td:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.car-part-table table#viewtable td:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

#viewtable .car-part-table__name span {
    display: block;
    margin-bottom: 10px;
}

#viewtable .car-part-table__name a,
#viewtable .car-part-table__number {
    color: var(--fg-soft);
}

#viewtable .car-part-table__number {
    vertical-align: top;
    padding-right: 16px;
}

#viewtable .car-part-table__search {
    text-align: right;
}

#viewtable .car-part-table__search>.button {
    display: inline-flex;
}

#viewtable tr {
    cursor: pointer;
}

#viewtable tr.g_highlight_over,
#viewtable tr.g_highlight_lock {
    background-color: var(--bg-surface-2);
}

#viewtable tr.g_highlight_over .car-part-table__name span,
#viewtable tr.g_highlight_lock .car-part-table__name span {
    color: var(--accent-default);
}

#viewtable tr.g_highlight_over .car-part-table__name a,
#viewtable tr.g_highlight_lock .car-part-table__name a {
    color: var(--fg-default);
}

.tabs {
    padding: 10px;
}

.tabs__back {
    display: none;
}

.tabs__buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;

    padding: 6px;

    border-radius: 6px;
    background-color: var(--bg-surface-2)
}

.tabs__button {
    padding: 10px 20px;
    font-size: 16px;
    line-height: 1.2;

    background-color: transparent;
    color: var(--fg-soft);
    border-radius: 6px;

    cursor: pointer;
}

.tabs__button.active {
    background-color: var(--bg-surface-1);
    color: var(--fg-default);
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
}

.tabs__button:hover {
    background-color: var(--bg-surface-2);
    color: var(--fg-default);
}

.tabs__button:disabled,
.tabs__button.disabled {
    background-color: transparent;
    color: var(--fg-soft);

    cursor: not-allowed;
}

.tabs__content-item {
    visibility: collapse;
    max-height: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.tabs__content-item.active {
    visibility: visible;
    max-height: none;
    opacity: 1;
}

.tabs__content-item.active .input {
    margin-block-start: 20px;
}

@media (max-width: 1279px) {
    .tabs.modal-active {
        z-index: 100;
    }

    .tabs.modal-active .tabs__modal-container {
        position: fixed;
        inset: 0;
        height: 100%;
        overflow: hidden;
        z-index: 100;
    }

    .tabs.modal-active .tabs__modal-backdrop {
        position: absolute;
        inset: 0;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: -1;
    }

    .tabs.modal-active .tabs__modal-wrapper {
        position: relative;
        display: flex;
        flex-direction: column;
        margin: 0 auto;
        padding: 12px 16px;
        width: 100%;
        height: 100%;
        max-height: 100%;
        max-width: 768px;
        z-index: 1;
    }

    .tabs.modal-active .tabs__modal-content {
        flex-grow: 1;
        background-color: var(--bg-surface-1);
        padding: 0 10px;
        border-radius: 6px;
        overflow: auto;
    }

    .tabs.modal-active .tabs__back {
        display: flex;
    }

    .tabs.modal-active .tabs__back svg {
        width: 16px;
        height: 16px;
    }

    .tabs.modal-active .tabs__header {
        position: sticky;
        top: 0;
        display: flex;
        justify-content: center;
        padding: 10px;
        background-color: var(--bg-surface-1);
        z-index: 3;
    }

    .tabs.modal-active .tabs__buttons {
        margin-left: auto;
        margin-right: auto;
    }

    .tabs.modal-active .tabs__button {
        font-size: 14px;
        line-height: 1.2;
        padding: 8px 16px;
    }

    .tabs.modal-active .tree-list {
        display: block;
        margin-top: 10px;
    }

    .tabs.modal-active .tree-item--active.tree-item--branch {
        position: relative;
    }

    .tabs.modal-active .tree-item .tree-list  {
        display: none;
        margin-block-start: 0;
        margin-inline-start: 0;
    }

    .tabs.modal-active .tree-item .tree-list {
        display: block;
    }

    .tabs.modal-active .tree-list {
        min-width: none;
    }

    .tabs.modal-active .tree-item--active {
        border-radius: 6px;
        background-color: var(--bg-surface-2);
    }

    .tabs.modal-active .tree-item__link {
        background-color: transparent;
        padding: 10px 15px;
    }

    .tabs.modal-active .tree-item__link-icon {
        width: 16px;
        height: 16px;
    }

	.garage-carousel__button-mobile.button {
		display: flex;
		max-width: 100%;
		height: 45px;
	}
}

@media (max-width: 767px) {
    .tabs.modal-active .tabs__modal-wrapper {
        padding-left: 10px;
        padding-right: 10px;
    }

    .tabs.modal-active .tabs__back span {
        display: none;
    }
}

/* Tree - дерево узлов/категорий каталога */

.tree-list {
    margin-top: 20px;
}

.tree-item .tree-list {
    margin-inline-start: 20px;
    /* min-width: max-content; */
}

.tree-item {
    width: 100%;
    min-width: 250px;
}

.tree-item + .tree-item {
    margin-top: 10px;
}

.tree-item__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 15px;
    transition: color 0.2s ease;
    box-sizing: border-box;
    border-radius: 6px;

    background-color: var(--bg-surface-2);
}

.tree-item__link:hover {
    color: var(--accent-hover);
}

.tree-item--active>.tree-item__link,
.tree-item__link:active {
    font-weight: 500;
}

.tree-item__link-icon {
    transition: transform 0.3s ease;
}

.tree-item--active>.tree-item__link>.tree-item__link-icon {
    transform: rotate(90deg);
}

.tree-item__accordion-outer {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.3s ease;
    visibility: collapse;
}

.tree-item__accordion-inner {
    overflow-y: hidden;
}

.tree-item--active>.tree-item__accordion-outer {
    grid-template-rows: 1fr;
    visibility: visible;
}

/* Результаты поиска в каталоге */
.page-catalog__search-results-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.category-card {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 30px;
    padding: 10px;
}

.category-card__image-block {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}

.category-card__image {
    width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 6px;
    background-color: var(--bg-surface-2);
}

.category-card__text-block {
    padding: 10px;
}

.category-card__title {
    position: relative;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.1;
    margin-top: 6px;
    padding-bottom: 30px;
}

.category-card__title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--border-default);
}

.category-card__list {
    padding-top: 30px;
}

.category-card__list-item {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
    padding: 10px;
    font-size: 16px;
    line-height: 1.2;
}

.category-card__link {
    transition: opacity 0.2s ease;
}

.category-card__link:hover {
    opacity: 0.7;
}

.category-card__name {
    color: var(--fg-default);
}

.category-card__code {
    color: var(--fg-soft);
}

.category-card__name+.category-card__code {
    margin-top: 10px;
}

@media screen and (max-width: 767px) {
    .category-card {
        grid-template-columns: 1fr;
    }
}

/* Выпадающее меню каталога. Десктопный хэддер и бургер меню */

.header.modal-active,
.header.search-active {
    z-index: 11;
}

.header.burger-active {
    z-index: 12;
}

.header.modal-active>.header__middle,
.header.burger-active>.header__middle {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    z-index: 2;
}

.header.modal-active>.header-catalog,
.header.burger-active>.header-burger {
    display: flex;
    inset: 0;
    z-index: 1;
}

.header-catalog,
.header-burger {
    display: none;
}

.header-catalog__container,
.header-burger__container {
    position: absolute;
    display: flex;
    margin-bottom: auto;
    top: calc(100% - 1px);
    width: 100%;
    background-color: var(--bg-surface-1);
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    overflow: auto;
}

.header-catalog__container {
    min-height: calc(100vh - 600px);
    max-height: calc(100vh - 150px);
}

.header-catalog__backdrop,
.header-burger__backdrop {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: -1;
}

/* Меню бургера */

.burger-menu {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.burger-menu__section {
    padding: 20px 16px;
}

.burger-menu__section--top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.burger-menu__section--bottom {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
}

.burger-menu__select-city,
.burger-menu__phone {
    text-align: left;
}

.burger-menu__title {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400;
    font-family: 'Nagel', sans-serif;
    color: var(--fg-soft);
}

.burger-menu__section + .burger-menu__section {
    border-top: 1px solid var(--border-default);
}

.burger-menu__buttom {
    margin-top: 10px;
    margin-left: -6px;
    margin-right: -6px;
    max-width: none;
}

.burger-menu__list {
    margin-block-start: 10px
}

.burger-menu__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 0;
}

.burger-menu__link svg {
    stroke: var(--fg-soft);
    width: 16px;
    height: 16px;
}

.burger-social {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding-top: 16px;
    padding-bottom: 16px;
    margin-bottom: auto;
}

@media (max-width: 767px) {
    .header.burger-active .header__middle {
        flex-wrap: wrap;
    }
    
    .header.burger-active .header__search {
        order: 3
    }

    .header-burger__container {
        height: calc(100vh - 100% - 10px);
    }

    .header.burger-active .modal.modal--search:not(.active) {
        margin-left: -10px;
        margin-right: 0;
        flex-grow: 1;
    }

    .header__burger-button span {
        display: none;
    }

	.garage-car__main {
		display: none;
	}
	.garage-car__data .button {
		display: none;
	}
	.garage-car__image-comment {
		display: flex;
		position: absolute;
		top: 6px;
		right: 6px;
	}
	.garage-car__image-main {
		display: flex;
		position: absolute;
		bottom: 6px;
		left: 6px;
	}
	.garage-car__button-load {
		top: 6px;
		left: 6px;
	}
}

/* Выпадающее меню каталога */

.header-catalog__content-wrapper {
    display: grid;
    grid-template-columns: auto 268px;
    gap: 10px;
    padding: 10px;
    flex-grow: 1;
}

.header-catalog__content {
    grid-column: 1 / 2;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.header-catalog__banner {
    display: flex;
    grid-column: 2 / 3;
    margin-bottom: auto;
}

.header-catalog__categories {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 100%;
	width: 100%;
}

/* Корзина и оформление заказа */

.order,
.page-header--cart {
    display: grid;
    grid-template-columns: 2fr 450px
}

.page-header--cart {
    gap: 40px 10px;
}

.page-header--cart,
.page-header--order {
    min-height: 196px;
}

.page-header--cart > .page-header__title,
.page-header--order > .page-header__title {
	font-size: 40px;
}

.page-header--cart > .page-header__title,
.page-header--cart > .page-header__actions {
    grid-column: 1 / 2;
}

.page-header__button-medium.button.medium {
    padding: 6px 10px;
    height: fit-content;
}

@media (max-width: 1279px) {
    .page-header--cart {
        grid-template-columns: 1fr;
    }

    .page-header--cart > .page-header__title,
    .page-header--order > .page-header__title {
        font-size: 36px;
    }
}

@media (max-width: 767px) {
    .page-header--cart,
    .page-header--order {
        min-height: 240px;
    }

    .page-header--cart > .page-header__title,
    .page-header--order > .page-header__title {
        font-size: 32px;
    }
}

.orders-list {
    display: grid;
    gap: 10px;
}

.checkbox__item--plain {
    padding-left: 0;
    padding-right: 0;
    gap: 10px;
    border: none;
    background: none;
}

.empty-cart-container {
	display: grid;
	gap: 12px;
	padding: 20px 20px 50px;
	background: var(--white);
	border-radius: 10px;
}

.empty-cart {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin: auto;
    text-align: center;
}

.empty-cart__image-wrap {
	max-width: 270px;
}

.empty-cart__image {
    object-fit: contain;
}

.empty-cart__info {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	max-width: 220px;
}

.empty-cart__description {
    font-size: 14px;
    line-height: 1.2;
    color: var(--fg-soft);
    text-wrap: balance;
}

.empty-cart__button {
    margin-top: 20px;
}

@media (max-width: 1279px) {
    .empty-cart__button {
        margin-top: 0;
    }
}

@media (max-width: 767px) {
	.empty-cart-container {
		gap: 40px;
		padding: 20px 20px 90px;
	}

	.empty-cart__image-wrap {
		max-width: 190px;
	}

    .empty-cart__button {
        margin-top: 10px;
        font-size: 14px;
    }
}

@media (max-height: 767px) {
    .empty-cart__image {
        display: none;
    }
}

.order__header,
.order__footer {
    display: none;
}

.order__list {
    border-right: 1px solid var(--border-default);
    padding: 6px 6px 10px 6px;
}

.order__item {
    display: flex;
    gap: 20px;
    padding: 10px;
    border-radius: 6px;
    border: 1px solid transparent;
}

.order__item:hover {
    border-color: var(--border-default);
}

.order--sticky > .order__summary {
    position: sticky;
    top: 74px;
    align-self: start;
}

@media (max-width: 1279px) {
    .order {
        grid-template-columns: 1fr;
    }

    .order__header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        padding: 12px 16px;
    }

    .order__summary {
        position: static;
    }

    .order__header,
    .order__footer {
        display: flex;
        background: var(--bg-surface-1);
    }

    .order__footer {
        flex-direction: column;
        gap: 10px;
        padding: 10px;
    }

    .order--sticky > .order__header,
    .order--sticky > .order__footer {
        position: sticky;
        z-index: 1;
    }

    .order--sticky > .order__footer {
        bottom: 70px;
        border-radius: 0 0 10px 10px;
        border-top: 1px solid var(--border-default);
    }

    .order--sticky > .order__header {
        top: 55px;
        border-radius: 10px 10px 0 0 ;
        border-bottom: 1px solid var(--border-default);
    }


    .order__summary {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

@media (max-width: 767px) {
    .order__header-title {
        font-size: 18px;
        font-family: 'Nagel' , sans-serif;
        font-weight: 400;
    }

    .order__item {
        padding: 6px;
        gap: 10px;
        align-items: flex-start;
    }

    .order__item-checkbox .checkbox__item {
        padding: 0;
    }

    .order__summary {
        margin-top: 0;
        margin-bottom: 0;
    }
}

.order-info {
    padding: 24px;
}

.order-info__list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 40px;
}

.order-info__total {
    border-top: 1px solid var(--border-default);
}

.order-info__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
}

.order-info__item-label,
.order-info__total-label {
    color: var(--fg-muted);
}

.order-info__item-value {
    font-weight: 500;
    color: var(--fg-default);
}

.order-info__item-value--discount {
    color: var(--accent-default);
}

.order-info__divider {
    height: 1px;
    background: var(--border-default);
    margin: 20px 0;
}

.order-info__total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    margin-top: 10px;
    padding-top: 16px;
}

.order-info__total-value {
    font-size: 24px;
    font-weight: 600;
    color: var(--fg-default);
}

.order-info__note {
    font-size: 12px;
    color: var(--fg-muted);
    text-align: center;
    margin-bottom: 20px;
    line-height: 1.4;
}

.order__header-count,
.order-info__count,
.order__count {
    font-size: 14px;
    color: var(--fg-muted);
    text-align: center;
}

.order-info__header {
    display: grid;
	grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.order-info__badge {
    position: relative;
    top: -10px;
    right: -10px;
    display: grid;
    gap: 4px;
    padding: 6px 10px;
    font-size: 14px;
    background: var(--bg-surface-2);
    border-radius: 6px;
}

.order-info__badge-title {
    display: flex;
    align-content: center;
    gap: 4px;
}

.order-info__badge-subtitle {
    color: var(--fg-soft);
}

.order-info--order {
    padding: 20px;
}

.order-info__errors {
	margin-top: 20px;
}

@media (max-width: 1279px) {
    .order-info {
        padding: 10px;
    }

    .order-info--cart .order-info__title,
    .order-info--cart .order-info__button {
        display: none;
    }

    .order-info__list {
        margin-top: 10px;
        margin-bottom: 0;
    }

    .order-info__note {
        margin-bottom: 10px;
    }

    .order-info__badge {
        position: static;
    }
}

@media (max-width: 767px) {
    .order-info {
        padding: 10px;
        border-top: 1px solid var(--border-default);
        
    }

    .order-info__list {
        gap: 12px;
    }

    .order-info__item {
        font-size: 14px;
    }

    .order-info__total {
        margin-top: 0;
    }

    .order-info__total-label {
        font-size: 16px;
    }

    .order-info__total-value {
        font-size: 16px;
    }

    .order-info__button {
        padding: 14px;
        font-size: 14px;
    }

    .order-info__note {
        margin-top: 10px;
        margin-bottom: 0;
    }
}

.product-card--cart {
    padding: 0;
    grid-template-columns: 120px 1fr max-content;
    gap: 16px;
    flex-grow: 1;
}

.product-card--cart .product-card__gallery img {
    aspect-ratio: 1 / 1;
    object-fit: contain;
    width: 100%;
    border-radius: 6px;
}

.product-card--cart .product-card__title {
    font-size: 18px;
    line-height: 1;
    font-family: 'Nagel' , sans-serif;
    font-weight: 400;
    min-height: fit-content;
}

.product-card--cart .product-card__info {
    gap: 10px;
}

.product-card--cart > .product-card__buy {
	display: grid;
	grid-auto-columns: max-content;
	align-items: flex-start;
    padding-right: 10px;
	gap: 16px;
}

.product-card--cart .product-card__action {
	grid-column: 1 / 3;
    flex-direction: row;
    flex: 1 1 100%;
    justify-content: flex-end;
	min-width: 150px;
	margin-right: -6px;
}

.product-card--cart .product-card__icon-button {
    flex-grow: 1;
    max-width: 77px;
}

.product-card--cart  .product-card__price {
    padding: 0;
}

.product-card--cart .product-card__price-discount {
    margin-left: auto;
}

@media (max-width: 767px) {    
    .product-card--cart {
        grid-template-columns: 80px 1fr;
        gap: 10px;
    }

    .product-card--cart .product-card__gallery {
        height: 80px;
    }

    .product-card--cart .product-card__action {
        margin-right: 0;
    }

    .product-card--cart .product-card__title {
        margin-top: 0;
        font-size: 14px;
    }

    .product-card--cart .product-card__buy {
        grid-column: 1 / 3;
		gap: 6px;
        padding-right: 0;
    }

    .product-card--cart .product-card__discount {
        margin-top: 6px;
    }

	.product-card--cart .product-card__action {
		grid-column: auto;
		min-width: auto;
	}

    .product-card--cart .product-card__price {
        gap: 0;
        padding: 6px 8px;
    }

    .product-card--cart .product-card__icon-button {
		max-width: 44px;
        padding: 14px;
    }
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
    min-width: 0; 
}

.order-form__content {
    display: grid;
    grid-template-columns: 2fr 450px;
    align-items: start;
	gap: 26px;
    padding: 0;
}

.order-form__summary {
    position: sticky;
    top: 74px;
    align-self: start;
}

.order-form__fields {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

.order-form__group {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 10px;
}

.order-form__group--comment {
    padding: 20px;
}

.order-form__group-content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    gap: 20px;
    padding: 10px;
}

.order-form__group-content-item {
	display: grid;
	gap: 20px;
}

.order-form__group-content--delivery {
    padding: 0;
    gap: 10px;
}

.order-form__group-content--payment {
    padding: 0;
    gap: 10px;
    grid-template-columns: repeat(2, 1fr);
}

.order-form__group-header {
    display: flex;
    align-items: center;
    gap: 16px;
}

.order-form__group-title,
.order-form__group-number {
    font-family: 'PP Neue Corp', sans-serif;
    font-weight: 500;
    line-height: 1;
}

.order-form__group-number {
    padding: 5px 10px;
    height: 30px;
    min-width: 30px;
    font-size: 20px;
    line-height: 1.1;
    color: var(--fg-invert);
    background-color: var(--accent-default);
    border-radius: 6px;
}

.order-form__group-title {
    font-size: 24px;
}

.order-form__section-title {
    font-size: 20px;
}

.order-form__input-passport,
.order-form__is-recipient {
    grid-column: 1 / -1;
}

.order-form__is-recipient {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.order-form .switch {
    line-height: 1;
}

.order-form__input {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
    border: 1px solid var(--border-default);
    border-radius: 8px;
    cursor: pointer;
}

.order-form__input:hover {
    border-color: var(--accent-default);
}

.order-form__input-icon {
    width: 32px;
    height: 32px;
    color: var(--accent-default);
}

.order-form__input-title {
    font-weight: 500;
}

.order-form__input--delivery {
	display: none;
}

.order-form__input--delivery.order-form__input--active {
	display: flex;
}

.order-form__input--delivery .order-form__input-title {
    margin-bottom: 20px;
    margin-top: 10px;
}

.order-form__input-description {
    font-size: 14px;
    line-height: 1.2;
    color: var(--fg-soft);
}

.order-form__input--delivery .order-form__input-description {
    margin-top: auto;
}

.order-form__payment-icons {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px 6px;
    align-items: center;
    justify-items: center;
}

.order-form__input--payment:has(input:checked) {
    border-color: var(--border-black);
}

.order-form__input--payment .order-form__input-description {
    margin-bottom: 24px;
}

.order-form__payment-icons,
.order-form__input--payment .order-form__input-icon {
    margin-top: auto;
}

.order-form__payment-icon {
    max-height: 20px;
    object-fit: contain;
}

.order-form__payment-image-wrap {
	margin-top: auto;
}

.order-form__payment-image {
	max-height: 100px;
}

.order-form__promo {
    display: flex;
    gap: 10px;
}

.order-form__promo-btn {
    max-width: none;
    min-width: 200px;
    width: auto;
}

.order-form__group-accordion {
    display: grid;
    grid-template-rows: 1fr;
    margin-top: 60px;
    transition: grid-template-rows 0.3s ease;
}

.order-form__group-accordion-inner {
    overflow-y: hidden;
}

.order-form__group--collapse {
    gap: 0;
}

.order-form__group--collapse .order-form__group-number {
    background-color: var(--bg-surface-2);
    color: var(--fg-soft);
}

.order-form__group--collapse .switch {
    display: none;
}

.order-form__group--collapse>.order-form__group-accordion {
    margin-top: 0;
    grid-template-rows: 0fr;
    visibility: collapse;
}

.order-info__agreement {
    display: grid;
    gap: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid var(--border-default);
}

.order-info__agreement .checkbox {
    display: flex;
    gap: 10px;
}

.order-info__agreement .checkbox__text {
    font-size: 14px;
    line-height: 1.2;
    color: var(--fg-soft);
}

.order-info__agreement .checkbox__item {
	gap: 10px;
	border: none;
	padding: 0;
}

.order-info__agreement a {
    color: var(--fg-soft);
	text-decoration: underline;
}

.order-info__agreement .link {
    text-decoration: underline;
}

@media (max-width: 1279px) {
	.order-info--order {
		padding: 20px;
	}

    .order-form__summary {
        position: static;
    }

    .order-form__content {
        grid-template-columns: 1fr;
    }

    .order-form__input {
        min-height: 200px;
    }

    .order-form__input--payment {
        padding-top: 14px;
        padding-bottom: 14px;
    }
}

@media (min-width: 768px) {
	.order-form__group-content-item--passport {
		grid-column: 1 / 4;
	}
}

@media (max-width: 767px) {
	.order-info--order {
		padding: 10px;
	}

	.order-form__group--comment {
		padding: 10px;
	}

    .order-form__group-content {
        grid-template-columns: 1fr;
    }

    .order-form__is-recipient,
    .order-form__group-header--delivery {
        flex-wrap: wrap;
    }

    .order-form__is-recipient > .switch,
    .order-form__group-header--delivery > .switch {
        margin-top: 16px;
        flex-basis: 100%;
    }

    .order-form__group-number,
    .order-form__group-title {
        font-size: 20px;
        line-height: 1.1;
    }

    .order-form__promo {
        flex-direction: column;
    }

    .order-form__group-accordion {
        margin-top: 30px;
    }

    .order-form__input {
        min-height: 170px;
    }
}

.delivery-option {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    border: 1px solid var(--border-default);
    border-radius: 8px;
    padding: 14px 20px;
    grid-column: 1 / -1;
    min-height: 160px;
}

.delivery-option__address,
.order-info__badge-title {
    position: relative;
    padding-left: 20px;
}

.delivery-option__address::before,
.order-info__badge-title::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M8.00009%2014.3999C8.00009%2014.3999%2013.0088%209.94776%2013.0088%206.60863C13.0088%203.84241%2010.7663%201.59994%208.00009%201.59994C5.23386%201.59994%202.99139%203.84241%202.99139%206.60863C2.99139%209.94776%208.00009%2014.3999%208.00009%2014.3999Z%22%20stroke%3D%22currentColor%22%3E%3C/path%3E%3Cpath%20d%3D%22M9.6003%206.40004C9.6003%207.28369%208.88395%208.00004%208.00029%208.00004C7.11664%208.00004%206.40029%207.28369%206.40029%206.40004C6.40029%205.51638%207.11664%204.80004%208.00029%204.80004C8.88395%204.80004%209.6003%205.51638%209.6003%206.40004Z%22%20stroke%3D%22currentColor%22%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
}

.delivery-option__address::before {
	left: 12px;
}

.delivery-option__header {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
}

.delivery-option__title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 500;
}

.delivery-option__icon {
    width: 32px;
    height: 32px;
    color: var(--accent-default);
}

.delivery-option__content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.delivery-option__content--tk {
	margin-top: auto;
}

.delivery-option__address {
    font-size: 14px;
    padding: 8px 12px 8px 32px;
    background-color: var(--bg-surface-2);
    border-radius: 6px;
    width: fit-content;
}

.delivery-option__contacts {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}

.delivery-option__contact {
    display: grid;
    gap: 10px;
}

.delivery-option__contact-label,
.delivery-option__contact-price {
    font-size: 14px;
    color: var(--fg-soft);
}

.delivery-option__company {
    display: grid;
    grid-template-columns: 120px 200px;
    gap: 6px 16px;
}

.delivery-option__company-logo {
	display: flex;
	justify-content: center;
	align-items: center;
    width: 120px;
    height: 60px;
    padding: 8px;
    background-color: var(--bg-surface-1);
    border-radius: 6px;
    border: 1px solid var(--border-default);
    grid-column: 1 / 2;
    grid-row: 1 / 3;
}

@media (max-width: 767px) {
    .delivery-option__title {
        flex-wrap: wrap;
    }

    .delivery-option__company {
        grid-template-columns: 1fr;
    }

    .delivery-option__company-logo {
        grid-column: 1 / -1;
    }

    .delivery-option__contacts {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .delivery-option__contact-value {
        font-size: 14px;
    }
}

.success {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin: auto;
    text-align: center;
    max-width: 400px;
    padding-top: 50px;
    padding-bottom: 50px;
}

.success__image {
    object-fit: contain;
    width: 250px;
    height: 250px;
}

.success__image--order {
    width: 400px;
    height: 200px;
}

.success__description {
    font-size: 14px;
    line-height: 1.2;
    color: var(--fg-soft);
    text-wrap: balance;
}

.success__button {
    margin-top: 20px;
	width: 100%;
    max-width: 218px;
}

.contract-parts__item {
	height: 450px;
}
.contract-parts__text-title {
	font-weight: 500;
	font-size: 20px;
}
.contract-parts__title {
	margin-bottom: 85px;
}
.form-contract {
  max-width: 667px;
}
.form-contract-border {
  border-radius: 6px;
  border: 1px solid var(--border-medium);
  padding: 16px;
}
.checkbox-border__item {
  border: 0;
  padding: 0;
}
.form-contract__button {
  max-width: 100%;
  width: 100%;
  height: 50px;
}

.contract-parts__item {
	height: 450px;
}
.contract-parts__text-title {
	font-weight: 500;
	font-size: 20px;
}
.contract-parts__title {
	margin-bottom: 85px;
}
.form-contract {
  max-width: 667px;
}
.form-contract-border {
  border-radius: 6px;
  border: 1px solid var(--border-medium);
  padding: 16px;
}
.checkbox-border__item {
  border: 0;
  padding: 0;
}
.form-contract__button {
  max-width: 100%;
  width: 100%;
  height: 50px;
}

@media (max-width: 1279px) {
    .success__button {
        margin-top: 0px;
    }
}

@media (max-width: 767px) {
    .success {
        display: flex;
        flex-direction: column;
        align-items: center;
		flex-grow: 1;
        gap: 10px;
        padding-left: 12px;
        padding-right: 12px;
        margin: auto;
    }

    .success__button {
        margin-top: 10px;
        font-size: 14px;
    }

    .success__image {
		width: 100%;
        max-width: 280px;
        height: auto;
    }

	.contract-parts__item {
		height: 224px;
	}
}

/* Poppers */

*.popper-active {
    position: relative;
}

.popper {
    position: absolute;
    top: calc(100% + 16px);
    left: 0;
    width: max-content;
	max-width: 210px;
    padding: 12px;
    background-color: var(--bg-surface-5);
	border-color: var(--bg-surface-5);
	color: var(--fg-invert);
    border-radius: 6px;
	box-shadow: 6px 6px 12px 6px rgba(255, 255, 255, 0.1);
	z-index: 10;
}

.popper::before {
    content: "";
    position: absolute;
}

.popper__header {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 4px;
}

.popper__close {
	position: static !important;
	z-index: 0 !important;
    margin-right: -12px;
    margin-top: -12px;
}

.popper__title {
    font-weight: 500;
}

.popper__description {
    font-size: 14px;
    line-height: 1.2;
    color: var(--fg-muted);
    text-wrap: balance;
}

.popper__button {
	margin-top: 16px;
}

.popper::before {
    content: " ";
    position: absolute;
    left: 16px;
    top: -8px;
    transform: translateY(-50%);
    border-width: 8px;
    border-style: solid;
	border-color: transparent transparent var(--bg-surface-5);
}

.popper--bottom-right {
	top: calc(100% + 8px);
    right: 0;
	left: auto;
}

.popper--bottom-right::before {
    left: auto;
    right: 20px;
}

.popper--wide {
	max-width: 400px;
}

.popper--city {
	top: -5px;
	left: calc(100% + 16px);
}

.popper--city::before {
    content: " ";
    position: absolute;
    left: -16px;
    top: 16px;
    transform: translateY(-50%);
    border-width: 8px;
    border-style: solid;
    border-color: transparent var(--bg-surface-5) transparent transparent;
}

@media (max-width: 1279px) {
    .popper--city {
        left: auto;
		right: 0;
		top: calc(100% + 16px);
    }

    .popper--city::before {
		left: auto;
        right: 24px;
		top: -8px;
		border-color: transparent transparent var(--bg-surface-5) transparent;
    }

	.popper--wide {
		max-width: 340px;
	}
}

/* Notifications */

.notifications-container {
	position: fixed;
	inset: 0 0 20px 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 10px;
	max-width: 1400px;
	margin: 0 auto;
	max-height: calc(100vh - 20px);
    padding: 0 16px;
	z-index: 10;
	overflow-y: auto;
	pointer-events: none;
}

.notification {
    display: flex;
    flex-direction: column;
    gap: 10px;
	margin-left: auto;
    padding: 12px;
	max-width: 400px;
    background-color: var(--bg-surface-5);
    border-radius: 6px;
    box-shadow: 0px 0px 12px 2px rgba(255, 255, 255, 0.1);
	color: var(--fg-invert);
	pointer-events: auto;
}

.notification--white {
	background-color: var(--bg-surface-1);
	color: var(--fg-default);
    box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.1)
}

.notification__close {
	position: static !important;
	z-index: 0 !important;
    margin-right: -12px;
    margin-top: -12px;
}

.notification__content {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.notification__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.notification__title {
    font-size: 16px;
    font-weight: 500;
}

.notification__text {
    font-size: 14px;
    line-height: 1.2;
    text-wrap: balance;
}

.add-item-modal__title {
	margin: 9px 0 0 0;
}
.add-item {
	padding: 20px;
	width: 432px;
}
.quantity-block {
	display: flex;
	gap: 12px;
	margin: 0 0 20px 0;
}
.quantity-block__button {
	flex-shrink: 0;
	width: 50px;
	max-width: none;
}
.quantity-block__input {
}
.quantity-block__input-filed  {
    -moz-appearance: textfield;
	text-align: center;
}
.quantity-block__input-filed::-webkit-outer-spin-button,
.quantity-block__input-filed::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.availability {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}
.availability__elem {
	background-color: var(--bg-surface-2);
	padding: 6px 8px;
	border-radius: 4px;
}
.availability__title {
	font-size: 14px;
	font-weight: 400;
	color: var(--fg-soft);
	margin: 0 0 4px 0;
}
.availability__text {
	color: var(--fg-default);
	display: flex;
	align-items: center;
	gap: 5px;
}
.availability__text::before {
	content: '';
	display: block;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url('/local/templates/autotown_v4/assets/css/../icons/map.svg');
	width: 16px;
	height: 16px;
	flex-shrink: 0;
}

@media (max-width: 1279px) {
    .notifications-container {
        max-width: 554px;
		bottom: 90px;
    }

	.notification {
		margin-right: auto;
	}
}

@media (max-width: 767px) {
    .notifications-container {
        max-width: 100%;
		bottom: 80px;
    }
	.add-item {
		padding: 12px;
		width: 100%;
	}
}

/* Password Recovery */

.change-password {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	padding: 20px;
	min-height: 512px;
}

@media (max-width: 1279px) {
	.change-password {
		grid-template-columns: 1fr;
		min-height: 370px;
	}
}

@media (max-width: 767px) {
	.change-password {
		min-height: 460px;
	}
}

.modification-card {
	display: grid;
	gap: 30px;
	padding: 10px;
	background: var(--white);
	border: 1px solid var(--border-medium);
	border-radius: 10px;
}

.promo-result {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
}

.promo-result__button {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20px;
	height: 20px;
	padding: 0;
	background: transparent;
	border-radius: 2px;
	cursor: pointer;
}

.container-sms {
	display: grid;
	gap: 10px;
}

.container-sms__button--hidden {
	display: none;
}

.products-items__filters .modal__content{
	overflow: visible;
	overflow-x: visible;
	overflow-y: visible;
}

.products-items__filters #modef{
	position: sticky;
	bottom: 0px;
}

@media (max-width: 1280px) {
	.products-items__filters .modal__content{
		overflow-y: auto;
	}
}

[data-modal-container="webcall-form"] [type="submit"],
[data-modal-container="main-feedback"] [type="submit"],
[data-modal-container="product-photo"] [type="submit"],
[data-modal-container="product-own-price"] [type="submit"],
.js-ReviewForm [type="submit"],
.form--question [type="submit"]
{
	position: sticky;
	bottom: 24px;
	z-index: 10;
	box-shadow: 1px 5px 0px 20px #fff;
	margin-top: 15px;
}

.form--question [type="submit"] {
	max-width: 100%;
}

/* End */
/* /local/components/tiqum/header.search/templates/.default/style.css?177243678846 */
/* /local/components/tiqum/garage.user.cars/templates/search/style.css?17693587421263 */
/* /local/components/tiqum/garage.user.cars/templates/menu/style.css?17721797391212 */
/* /local/components/tiqum/garage.user.cars/templates/catalog/style.css?17692581191212 */
/* /local/templates/autotown_v4/components/bitrix/system.auth.authorize/popup/style.css?177243695292 */
/* /local/templates/autotown_v4/assets/css/fonts.css?1772437574843 */
/* /local/templates/autotown_v4/assets/css/buttons.css?177243757512431 */
/* /local/templates/autotown_v4/assets/css/inputs.css?177243757418478 */
/* /local/templates/autotown_v4/assets/css/slick.css?17724375721895 */
/* /local/templates/autotown_v4/assets/css/modals.css?177243757414421 */
/* /local/templates/autotown_v4/assets/css/fancybox.css?177243757418278 */
/* /local/templates/autotown_v4/assets/css/styles.css?1773124298195615 */