@import "../fonts/Montserrat/stylesheet.css";

:root {
    --primary: #d96b1c;
    --bg: linear-gradient(135deg, #313439 16.83%, #0E1014 100%);
}

*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
.app-header {
    position: sticky;
    top: 0;
    z-index: 2;
}
.header__nav {
    background: #292c31;
}
*:focus {
    outline: none;
}

html {
    scroll-behavior: smooth;
    overflow: auto;
}

html, body {
    width: 100%;
    height: 100%;
}

body {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    background: #292C31;
    color: #ffffff;
    position: relative;
    min-height: 100%;
    z-index: 1;
}

.car-card__short-info {
    display: none;
}

.container,
.container-fluid {
    width: 100%;
    padding-right: 16px;
    padding-left: 16px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

.container {
    max-width: 1352px;
}

input, button, textarea {
    font-family: 'Montserrat', sans-serif;
}

#app-modals {
    display: none;
}

.lazy.loaded {
    opacity: 1;
}

.lazy {
    opacity: 0;
    -webkit-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

a, img {
    display: block;
    text-decoration: none;
    color: inherit;
}

.mobile-menu {
    display: none;
}

.header__top {
    background: #030303;
    padding: 13px 0;
}

.header__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
}

.header__content {
    display: flex;
    align-items: center;
    justify-content: center;
}

.header__open-menu {
    display: none;
}

.header__logo-image {
    width: 190px;
    height: 42px;
    object-fit: scale-down;
}

.header__grid-col:last-child {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.header__info {
    font-size: 18px;
    background: url('data:image/svg+xml,<svg width="16" height="20" viewBox="0 0 16 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.00138 0.835938C3.95796 0.835938 0.668043 4.12585 0.668043 8.16469C0.64146 14.0726 7.72271 18.9713 8.00138 19.1693C8.00138 19.1693 15.3613 14.0726 15.3347 8.16927C15.3347 4.12585 12.0448 0.835938 8.00138 0.835938ZM8.00138 11.8359C5.97554 11.8359 4.33471 10.1951 4.33471 8.16927C4.33471 6.14344 5.97554 4.5026 8.00138 4.5026C10.0272 4.5026 11.668 6.14344 11.668 8.16927C11.668 10.1951 10.0272 11.8359 8.00138 11.8359Z" fill="%23F08436"/></svg>') center left no-repeat;
    padding-left: 32px;
}

.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border: 2px solid transparent;
    padding: 0 40px;
    font-size: 20px;
    font-weight: 600;
    height: 64px;
    border-radius: 10px;
}

.btn.btn_outline {
    border-color: var(--primary);
    background-color: transparent;
    color: #fff;
}

.btn.btn_outline:hover {
    color: var(--primary);
    background-color: #fff;
}

.header__grid-col .btn {
    font-size: 16px;
    height: 40px;
}

.header__nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
    padding: 25px 0;
}

.header__nav-item:hover {
    color: var(--primary);
}

.app-section {
    padding: 80px 0;
}

.app-section.section-hero {
    padding: 40px 0;
}

.hero-carousel__slide {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
}

.hero-carousel__image {
    background-position: center;
    background-size: cover;
    background-color: #16181d;
    border-radius: 20px;
}

.hero-carousel__content {
    background: var(--bg);
    padding: 70px 50px;
    border-radius: 20px;
    display: grid;
    grid-gap: 40px;
}

.hero-carousel__texts {
    display: grid;
    grid-gap: 25px;
}

.hero-carousel__title {
    font-size: 36px;
    font-weight: 600;
    line-height: 110%;
}

.hero-carousel__desc {
    font-size: 24px;
}

.hero-carousel__buttons {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
}

.hero-carousel__buttons .btn {
    padding: 0 10px;
}

.btn.btn_primary {
    background-color: var(--primary);
    color: #fff;
}

.btn.btn_primary:hover {
    background-color: #fff;
    color: var(--primary);
}

.swiper-pagination.swiper-lines-pagination {
    position: relative;
    left: unset;
    right: unset;
    top: unset;
    bottom: unset;
    margin: 30px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.swiper-pagination.swiper-lines-pagination .swiper-pagination-bullet {
    width: 100px;
    height: 2px;
    border-radius: 0;
    opacity: 1;
    background: #6D7381;
}

.swiper-pagination.swiper-lines-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--primary);
}

.section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 60px;
}

.section-header__title {
    font-size: 35px;
    font-weight: 600;
}

.marks {
    display: grid;
    grid-gap: 60px;
}

.marks__inner {
    background: var(--bg);
    border-radius: 20px;
    padding: 30px;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-gap: 40px 0;
    height: 408px;
    overflow: hidden;
}

.mark-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.mark-link__icon {
    width: 56px;
    height: 56px;
    -o-object-fit: scale-down;
    object-fit: scale-down;
    /*-webkit-filter: invert(1) grayscale(1);*/
    /*filter: invert(1) grayscale(1);*/
}

.mark-link__title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-weight: 500;
    color: #A4A9B3;
}

.mark-link__title span:last-child {
    color: #6D7381;
}

.marks__bottom {
    display: flex;
    align-items: center;
    justify-content: center;
}

.car-card__thumb-img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}
.deal-timer__item {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.deal-timer__count {
    border-radius: 7px;
    border: 1px solid #F08436;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 23px;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 100% */
}

.deal-timer__text {
    color: #FFF;
    text-align: center;
    font-size: 8px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.2px;
}

.car-card__thumb {
    position: relative;
    background: url(../img/car-card-bg.webp) center/cover no-repeat;
    height: 205px;
}

.deal-timer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    position: absolute;
    right: 20px;
    top: 8px;
}

.deal-badge {
    position: absolute;
    width: 67px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 8px;
    left: 20px;
    color: #FFF;
    font-size: 14px;
    border-radius: 10px;
    background: #F08436;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 128.571% */
}

.car-card {
    border-radius: 20px;
    overflow: hidden;
}

.car-card__content {
    background: #fff;
    color: #292C31;
    padding: 20px;
}

.car-card__title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 5px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
}

.car-card__count {
    font-size: 14px;
}

.car-card__price {
    margin: 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.car-card__price-value {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
}

.car-card__price-old {
    font-size: 14px;
    font-weight: 600;
    color: #6D7381;
    text-decoration: line-through;
}

.car-card__price-credit {
    font-size: 14px;
    line-height: 23px;
}

.car-card__actions {
    display: grid;
    grid-gap: 10px;
}

.btn.btn_outline_dark {
    border-color: var(--primary);
    background-color: transparent;
    color: #292C31;
}

.btn.btn_outline_dark:hover {
    background-color: var(--primary);
    color: #fff;
}

.car-card__actions .btn {
    height: 47px;
    font-size: 14px;
    font-weight: 600;
}

.catalog-carousel {
    padding-top: calc(60px * 2);
    margin-top: calc(-60px * 2);
}

.catalog-carousel__top-nav {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.cctn-block {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 40px;
}

.cctn-block__nav-btns {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.carousel-prev, .carousel-next {
    width: 50px;
    height: 50px;
    border: 2px solid var(--primary);
    border-radius: 10px;
    position: relative;
    top: unset;
    bottom: unset;
    right: unset;
    left: unset;
    margin: 0;
    color: var(--primary);
}

.carousel-prev:after, .carousel-next:after {
    font-size: 13px;
}

.carousel-prev.swiper-button-disabled, .carousel-next.swiper-button-disabled {
    border-color: #A4A9B3;
    color: #A4A9B3;
    opacity: 1;
}

.car-card__actions .btn.btn_primary:hover {
    border-color: var(--primary);
}

.futures {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    align-items: center;
}

.futures__asset {
    width: 100%;
}

.futures__title {
    font-size: 45px;
    font-weight: 600;
    margin-bottom: 50px;
}

.futures__list {
    display: grid;
    grid-gap: 30px;
}

.fu-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 40px;
}

.fu-item__content {
    flex: 1;
    display: grid;
    grid-gap: 10px;
}

.fu-item__icon-svg {
    width: 80px;
    height: 80px;
    object-fit: scale-down;
}

.fu-item__title {
    font-size: 30px;
    font-weight: 600;
}

.fu-item__text {
    font-size: 20px;
}

.service-card {
    border-radius: 20px;
    border: 2px solid #6D7381;
    overflow: hidden;
    background: var(--bg);
    position: relative;
    z-index: 1;
    height: 570px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.service-card__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.service-card__content {
    text-align: center;
    padding-bottom: 30px;
}

.service-card__title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
}

.service-card__description {
    font-size: 16px;
    margin-bottom: 40px;
}

.arrow-right-link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: var(--primary);
    font-size: 16px;
    font-weight: 600;
}

.arrow-right-link:after {
    content: "";
    background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 8H15M15 8L8 1M15 8L8 15" stroke="%23F08436" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') center/contain no-repeat;
    width: 14px;
    height: 14px;
}

.credit-offer {
    background: var(--bg);
    border-radius: 20px;
    padding: 70px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 90px;
    position: relative;
    z-index: 1;
}

.credit-offer__content {
    flex: 1;
}

.credit-offer__form {
    flex: 0 0 420px;
}

.wrapped-form__title {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 30px;
}

.wrapped-form__inputs {
    display: grid;
    grid-gap: 15px;
    margin-bottom: 30px;
}

.app-label {
    display: grid;
    grid-gap: 10px;
}

.app-input {
    width: 100%;
    height: 60px;
    border-radius: 10px;
    border: 2px solid transparent;
    padding: 0 30px;
    font-size: 18px;
    background: #fff;
}

.wrapped-form__submit {
    display: grid;
    grid-gap: 15px;
}

.main-form-checkbox {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    cursor: pointer;
}

.main-form-checkbox__input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.main-form-checkbox__checkmark {
    width: 16px;
    height: 16px;
    border: 1px solid var(--primary);
    border-radius: 4px;
    position: relative;
    z-index: 1;
}

.main-form-checkbox__text {
    font-size: 12px;
    line-height: 120%;
    flex: 1;
}

.main-form-checkbox__text a {
    display: inline;
    text-decoration: underline;
}

.main-form-checkbox__checkmark:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('data:image/svg+xml,<svg width="9" height="6" viewBox="0 0 9 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.83464 0.5L3.2513 5.08333L1.16797 3" stroke="%23F08436" stroke-linecap="round" stroke-linejoin="round"/></svg>') center no-repeat;
    opacity: 0;
}

.main-form-checkbox__input:checked ~ .main-form-checkbox__checkmark:after {
    opacity: 1;
}

.credit-offer__title {
    font-size: 70px;
    font-weight: 600;
    margin-bottom: 30px;
    line-height: 110%;
}

.credit-offer__asset {
    position: absolute;
    right: 21%;
    top: 27%;
    z-index: -1;
}

.credit-offer__desc {
    font-size: 24px;
    max-width: 375px;
    margin-bottom: 40px;
}

.credit-offer__futures {
    display: grid;
    grid-gap: 32px;
    max-width: calc(210px + 80px);
}

.credit-offer__futures-item {
    position: relative;
    z-index: 1;
    font-size: 20px;
    padding-left: 80px;
}

.credit-offer__futures-item:after {
    content: "";
    background: url('data:image/svg+xml,<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1" y="1" width="58" height="58" rx="29" stroke="%23F08436" stroke-width="2"/><path d="M44 28.72V30.008C43.9983 33.027 43.0207 35.9646 41.2131 38.3826C39.4054 40.8006 36.8646 42.5695 33.9695 43.4255C31.0744 44.2815 27.9802 44.1787 25.1483 43.1324C22.3164 42.0862 19.8985 40.1525 18.2553 37.6199C16.6122 35.0873 15.8317 32.0913 16.0303 29.0788C16.229 26.0664 17.3961 23.1989 19.3576 20.9039C21.3191 18.609 23.9699 17.0095 26.9147 16.3442C29.8594 15.6789 32.9404 15.9833 35.698 17.212M44 18.808L30 32.822L25.8 28.622" stroke="%23F08436" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') center no-repeat;
    width: 60px;
    height: 60px;
    position: absolute;
    top: -7px;
    left: 0;
}

.gifts {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(2, 1fr);
}

.questions {
    background: var(--bg);
    padding: 60px;
    border-radius: 20px;
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 120px;
}

.gift-card {
    background: var(--bg);
    border-radius: 20px;
    padding: 40px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.gift-card__asset {
    position: absolute;
    right: 6px;
    top: 15px;
    bottom: 0;
    margin: auto;
    width: 100%;
    max-width: 260px;
    z-index: -2;
}

.gift-card__title {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 10px;
}

.gift-card__description {
    font-size: 18px;
    margin-bottom: 40px;
}

.gift-card__title, .gift-card__description {
    max-width: 375px;
}

.gift-card:last-child .gift-card__asset {
    max-width: 360px;
    right: -48px;
}

.gift-card:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 20px;
    background: linear-gradient(183deg, rgba(40, 40, 40, 0.00) 2.27%, #282828 124%);
}

.gift-card .btn {
    font-size: 16px;
    height: 50px;
}

.wrapped-form {
    background: #E4E4E4;
    border-radius: 20px;
    color: #292C31;
    padding: 30px;
}

.questions__title {
    font-size: 45px;
    font-weight: 600;
    color: #E4E4E4;
    margin-bottom: 20px;
}

.questions__desc {
    font-size: 20px;
    color: #E4E4E4;
    max-width: 536px;
}

.questions__assets {
    position: absolute;
    max-width: 600px;
    left: 3%;
    top: 40%;
    z-index: -1;
    pointer-events: none;
}

.questions__assets__1 {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.questions__assets__2 {
    position: absolute;
    right: -19%;
    top: -14%;
    max-width: 176px;
    z-index: -1;
}

.app-textarea {
    background: #fff;
    border-radius: 10px;
    border: 2px solid transparent;
    padding: 15px 30px;
    resize: none;
    height: 100px;
}

.footer__main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 40px;
    border-bottom: 1px solid #A4A9B3;
    margin-bottom: 40px;
}

.footer__nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 25px;
}

.footer__nav-item {
    font-size: 18px;
    border-bottom: 1px solid transparent;
    padding-bottom: 5px;
    margin-bottom: -5px;
}

.footer__nav-item:hover {
    border-color: #fff;
}

.footer__logo-image {
    max-width: 187px;
}

.app-footer {
    padding: 40px 0;
}

.footer__bottom {
    display: grid;
    grid-template-columns: 1fr 280px;
    grid-gap: 70px;
}

.footer__text {
    font-size: 14px;
    line-height: 120%;
}

.footer__links {
    display: grid;
    grid-gap: 20px;
    text-align: right;
}

.contacts-block__logo {
    margin-bottom: 40px;
}

.contacts-block__phone-text {
    font-size: 32px;
    font-weight: 600;
}

.contacts-block__phone {
    display: -ms-grid;
    display: grid;
    grid-gap: 12px;
    margin-bottom: 40px;
}

.contacts-block__phone-time {
    font-size: 16px;
}

.contacts-block__geo {
    display: -ms-grid;
    display: grid;
    grid-gap: 5px;
}

.contacts-block__geo-title {
    font-size: 20px;
    font-weight: 600;
}

.contacts-block__geo-value {
    font-size: 16px;
}

.contacts-block__btn {
    margin-top: 40px;
}

.contacts-block__btn .btn {
    height: 50px;
}

.modal {
    background: var(--bg);
    border-radius: 20px;
    width: 100%;
    max-width: 580px;
}

.contacts-block__btn .btn {
    font-size: 20px;
    font-weight: 600;
}

.contacts-block {
    width: 460px;
}

.modal__title {
    text-align: center;
    font-size: 40px;
    font-weight: 600;
    line-height: 110%;
    margin-bottom: 20px;
}

.modal__desc {
    font-size: 20px;
    text-align: center;
    margin-bottom: 10px;
}

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

.modal.modal_grid {
    max-width: 1096px;
}

.modal.modal_grid .modal__title {
    text-align: left;
}

.modal.modal_grid .modal__desc {
    text-align: left;
}

.modal__car {
    height: 200px;
    width: 366px;
    object-fit: scale-down;
}

#modal-success .modal__desc {
    margin-bottom: 0;
}

html.--loaded .marks__inner {
    height: auto;
    overflow: unset;
    padding: 24px 12px;
}

.app-section.section-breadcrumbs {
    padding: 40px 0 60px;
}

.breadcrumbs__item {
    display: inline-block;
    color: var(--primary);
}

.breadcrumbs__item:not(:last-child):after {
    content: "/";
    margin-left: 10px;
}

.breadcrumbs__item:not(:last-child) {
    margin-right: 10px;
}

.breadcrumbs__item:last-child {
    color: #E4E4E4;
}

.app-section.section-breadcrumbs + .app-section {
    padding-top: 0;
}

.types {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 20px;
}

.type-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    height: 150px;
    background: var(--bg);
    border-radius: 20px;
    padding: 20px;
}

.type-card__icon {
    height: auto;
    width: 100%;
}

.type-card__title {
    width: 100%;
    font-size: 18px;
}

.type-card:hover {
    filter: brightness(0.9);
}

.catalog__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}

.catalog {
    display: grid;
    grid-gap: 40px;
}

.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.pagination__prev, .pagination__next {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--primary);
    border-radius: 10px;
}

.pagination__links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.pagination__item {
    font-size: 22px;
    font-weight: 600;
    color: #A4A9B3;
}

.pagination__next {
    background: url('data:image/svg+xml,<svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.40029 4.88006L1.81029 0.29006C1.62293 0.103809 1.36948 -0.000732422 1.10529 -0.000732422C0.841105 -0.000732422 0.587653 0.103809 0.400291 0.29006C0.306562 0.383023 0.232168 0.493624 0.181399 0.615483C0.130631 0.737343 0.104492 0.868048 0.104492 1.00006C0.104492 1.13207 0.130631 1.26278 0.181399 1.38464C0.232168 1.5065 0.306562 1.6171 0.400291 1.71006L5.00029 6.29006C5.09402 6.38302 5.16841 6.49362 5.21918 6.61548C5.26995 6.73734 5.29609 6.86805 5.29609 7.00006C5.29609 7.13207 5.26995 7.26278 5.21918 7.38464C5.16841 7.5065 5.09402 7.6171 5.00029 7.71006L0.400291 12.2901C0.211987 12.477 0.105672 12.7312 0.104734 12.9965C0.103797 13.2619 0.208314 13.5168 0.395291 13.7051C0.582269 13.8934 0.836391 13.9997 1.10176 14.0006C1.36712 14.0016 1.62199 13.897 1.81029 13.7101L6.40029 9.12006C6.96209 8.55756 7.27765 7.79506 7.27765 7.00006C7.27765 6.20506 6.96209 5.44256 6.40029 4.88006Z" fill="%23F08436"/></svg>') center no-repeat;
}

.pagination__prev {
    background: url('data:image/svg+xml,<svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.59971 9.11994L6.18971 13.7099C6.37707 13.8962 6.63052 14.0007 6.89471 14.0007C7.1589 14.0007 7.41235 13.8962 7.59971 13.7099C7.69344 13.617 7.76783 13.5064 7.8186 13.3845C7.86937 13.2627 7.89551 13.132 7.89551 12.9999C7.89551 12.8679 7.86937 12.7372 7.8186 12.6154C7.76783 12.4935 7.69344 12.3829 7.59971 12.2899L2.99971 7.70994C2.90598 7.61698 2.83159 7.50638 2.78082 7.38452C2.73005 7.26266 2.70391 7.13195 2.70391 6.99994C2.70391 6.86793 2.73005 6.73722 2.78082 6.61536C2.83159 6.4935 2.90598 6.3829 2.99971 6.28994L7.59971 1.70994C7.78801 1.52296 7.89433 1.26884 7.89526 1.00347C7.8962 0.738111 7.79169 0.483242 7.60471 0.294938C7.41773 0.106635 7.16361 0.000318591 6.89824 -0.000618847C6.63288 -0.00155629 6.37801 0.102962 6.18971 0.289939L1.59971 4.87994C1.03791 5.44244 0.722347 6.20494 0.722347 6.99994C0.722347 7.79494 1.03791 8.55744 1.59971 9.11994Z" fill="%23F08436"/></svg>') center no-repeat;
}

.pagination__item.--active {
    color: var(--primary);
}

.model-tabs__content-tab {
    display: none;
}

.model-opt-item__hidden {
    display: none;
}

.model-page {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 40px;
}

.model-page__preview {
    background: url(../img/car-card-bg.webp) center/cover no-repeat;
    border-radius: 20px;
    width: 100%;
    height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.model-page__preview-img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}

.model-page__col:first-child {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.model-page__colors-title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.model-page__colors-title span {
    font-size: 16px;
}

.model-page__colors {
    display: grid;
    grid-gap: 20px;
}

.model-page__colors-list {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
}

.model-page__colors-item {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    transition: all 300ms ease;
}

.model-page__colors-item.--active {
    transform: scale(1.5);
    cursor: default;
    pointer-events: none;
}

.model-props {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px 40px;
    border-bottom: 1px solid #A4A9B3;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.model-props__item {
    display: grid;
    grid-gap: 10px;
}

.model-props__item-value {
    font-size: 17px;
    font-weight: 600;
}

.model-pricing {
    display: grid;
    grid-gap: 10px;
    margin-bottom: 30px;
}

.model-pricing__credit {
    font-size: 20px;
    font-weight: 500;
}

.model-pricing__main {
    font-size: 35px;
    font-weight: 600;
}

.model-buttons {
    display: grid;
    grid-gap: 30px;
}

.btn.btn_secondary {
    background: #6D7381;
    color: #fff;
}

.btn.btn_secondary:hover {
    background: #fff;
    color: #6D7381;
}

.app-section.section-model-page + .app-section.section-model-tabs {
    padding-top: 0;
}

.model-tabs__nav {
    border-bottom: 1px solid #A4A9B3;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    margin-bottom: 60px;
}

.model-tabs__nav-item {
    font-size: 22px;
    font-weight: 600;
    cursor: pointer;
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    padding: 20px 10px;
    color: #fff;
}

.model-tabs__nav-item.--active {
    border-color: #fff;
}

.model-opt-section:not(:last-child) {
    margin-bottom: 60px;
}

.model-opt-section__header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 50px;
    margin-bottom: 30px;
}

.model-opt-section__title {
    font-size: 30px;
    font-weight: 600;
}

.model-opt-section__description {
    font-size: 18px;
}

.model-opt-item__main {
    border-bottom: 1px solid #A4A9B3;
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.model-opt-item__price {
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
    position: relative;
    width: max-content;
    color: #FFF;
    font-size: 22px;
    font-weight: 600;
}

.model-opt-item__price-old {
    font-size: 20px;
    text-decoration: line-through;
    color: #FFF;
}

.model-opt-item__price-new {
    font-size: 22px;
    font-weight: 600;
}

.model-opt-item__checklist-icon {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImNoZWNrIj4KPHBhdGggaWQ9Ikljb24iIGQ9Ik0xMy4zMzI3IDRMNS45OTkzNSAxMS4zMzMzTDIuNjY2MDIgOCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPC9zdmc+Cg==") center no-repeat;
  background-color: #14191B;
  width: 24px;
  height: 24px;
  justify-content: center;
  gap: 10px;
  border-radius: 20px;
}

.model-opt-item__checklist__item {
  display: flex;
  align-items: center;
  gap: 8px;
}

.model-opt-item__checklist__title {
  flex: 1 0 0;  
}

.model-opt-item__checklist__value {
  width: fit-content;
  color: #292C31;
  font-size: 16px;
  font-weight: 600;
}

.model-opt-item__dropdown-list__minimal-price, .model-opt-item__dropdown-list__footer {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.model-opt-item__checklist__price-bottom {
  color: #292C31;
  font-size: 22px;
  font-weight: 600;
}

.model-opt-item__checklist__price-top {
  color: #292C31;
  font-size: 22px;
  font-weight: 600;
}

.model-opt-item__dropdown-list__checklist {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.model-opt-item__dropdown-list {
  z-index: 2;
  position: absolute;
  padding: 12px 16px;
  box-shadow: 0px 0px 10px 0px rgba(16, 16, 16, 0.20);
  background: #E4E4E4;
  top: calc(100% + 8px);
  border-radius: 8px;
  width: 402px;
  display: none;
  flex-direction: column;
  gap: 10px;
}

.model-opt-item__dropdown-icon {
  cursor: pointer;
  position: relative;
  width: 24px;
  height: 24px;
  margin-left: 8px;
}

.model-opt-item__dropdown-icon.active::before {
  background-color: #fff;
  transform: translate(-50%, -50%) rotate(180deg);
}

.model-opt-item__dropdown-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  background-color: #fff;
  mask-image: url('data:image/svg+xml,<svg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L6.00081 5.58L11 1" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  mask-position: center;
  mask-repeat: no-repeat;
}

.mc-prop__title {
  color: #292C31;
  font-size: 14px;
  font-weight: 400;
}

.model-opt-item__button {
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    flex: 1;
    padding-right: 10%;
    text-align: left;
}

.model-opt-item__button:after {
    content: "";
    background: url('data:image/svg+xml,<svg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L6.00081 5.58L11 1" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') center/contain no-repeat;
    width: 10px;
    height: 5px;
}

.model-opt-item.--active .model-opt-item__button:after {
    transform: rotate(180deg);
}

.compare-description {
    padding-top: 30px;
    column-count: 4;
    column-fill: balance;
    column-gap: 20px;
}

.compare-description__heading {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
}

.compare-description__list {
    list-style: none;
    display: grid;
    grid-gap: 10px;
    opacity: .8;
}

.compare-description__block {
    margin-bottom: 30px;
}

.gallery {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}

.gallery-item:first-child {
    grid-column: 2 span;
    grid-row: 2 span;
}

.gallery-item__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery-item {
    border-radius: 20px;
    overflow: hidden;
}

.gallery-item:nth-child(n+6) {
    display: none;
}

.gallery-item:hover {
    opacity: .8;
}

.credit-calc {
    background: var(--bg);
    border-radius: 20px;
    padding: 40px;
    display: grid;
    grid-gap: 60px;
}

.credit-calc__form {
    display: grid;
    grid-template-columns: 1fr .58fr;
    grid-gap: 90px;
}

.credit-calc__form-title {
    font-size: 50px;
    font-weight: 600;
    line-height: 110%;
    margin-bottom: 20px;
}

.credit-calc__form-desc {
    font-size: 24px;
    margin-bottom: 40px;
}

.credit-calc__form-ranges {
    display: grid;
    grid-gap: 30px;
}

.irs--flat .irs-line {
    background-color: #E4E4E4;
    height: 2px;
    top: 7px;
}

.app-range .app-input {
    background: #E4E4E4;
}

.irs--flat .irs-bar {
    height: 2px;
    background-color: var(--primary);
    top: 7px;
}

.irs--flat .irs-handle>i:first-child {
    display: none;
}

.irs--flat .irs-handle {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--primary);
    cursor: pointer;
    top: 0;
}

.app-range {
    position: relative;
    z-index: 1;
    display: block;
}

.irs--flat.irs-with-grid {
    height: 40px;
}

.irs-grid-pol {
    display: none;
}

.irs--flat .irs-grid-text {
    font-size: 14px;
    line-height: 120%;
    color: #E4E4E4;
    cursor: pointer;
}

.app-range__input + .app-range__slider {
    margin-top: -9px;
    margin-top: 15px;
}

.credit-calc__total {
    background: #292C31;
    border-radius: 10px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
    padding: 20px 40px;
}

.credit-calc__total-item {
    display: grid;
    grid-gap: 10px;
}

.credit-calc__total-value {
    font-size: 24px;
    font-weight: 600;
}

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

.ben-block {
    background: #E4E4E4;
    border-radius: 20px;
    color: #292C31;
    padding: 30px 20px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 30px;
}

.ben-block__number {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--primary);
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ben-block__content {
    flex: 1;
    display: grid;
    grid-gap: 15px;
}

.ben-block__title {
    font-size: 24px;
    font-weight: 600;
}

.fp-form .btn {
    font-size: 18px;
    padding: 0 25px;
}

.finance-page {
    display: grid;
    grid-gap: 60px;
    transition: all 300ms ease;
    opacity: 0;
}

.fp-steps {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 40px;
}

.fp-steps__item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 30px;
    position: relative;
    z-index: 1;
}

.fp-steps__item-number {
    border: 2px solid #6D7381;
    color: #6D7381;
    font-size: 30px;
    font-weight: 500;
    width: 75px;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 50%;
}

.fp-steps__item-text {
    font-size: 20px;
    color: #6D7381;
    flex: 1;
}

.fp-steps__divider {
    background: url('data:image/svg+xml,<svg width="41" height="15" viewBox="0 0 41 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M40.7071 8.20711C41.0976 7.81658 41.0976 7.18342 40.7071 6.79289L34.3431 0.428932C33.9526 0.0384078 33.3195 0.0384078 32.9289 0.428932C32.5384 0.819457 32.5384 1.45262 32.9289 1.84315L38.5858 7.5L32.9289 13.1569C32.5384 13.5474 32.5384 14.1805 32.9289 14.5711C33.3195 14.9616 33.9526 14.9616 34.3431 14.5711L40.7071 8.20711ZM0 8.5H40V6.5H0V8.5Z" fill="%236D7381"/></svg>') center/contain no-repeat;
    width: 41px;
    height: 15px;
}

.fp-form {
    background: #E4E4E4;
    border-radius: 20px;
    padding: 50px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 40px;
    color: #292C31;
}

.fp-car-placeholder {
    width: 100%;
    height: 310px;
    border-radius: 20px;
    background: url('data:image/svg+xml,<svg width="136" height="136" viewBox="0 0 136 136" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M67.1863 40.5613H64.3882C63.9096 40.5613 63.4825 40.2521 63.3426 39.7883L61.6564 34.4284C61.5534 34.0897 61.6123 33.729 61.8184 33.4418C62.0246 33.1621 62.356 32.9927 62.7094 32.9927H67.1863C68.2024 32.9633 69.1965 33.3535 69.9328 34.0676C70.6617 34.7744 71.0741 35.7536 71.0741 36.777C71.0741 37.8004 70.6617 38.7795 69.9328 39.4937C69.1964 40.2078 68.2024 40.5907 67.1863 40.5686L67.1863 40.5613ZM65.2056 38.3526H67.1863C67.5987 38.3526 68.0037 38.1906 68.3056 37.8961C68.7547 37.447 68.8873 36.7623 68.6443 36.1733C68.4013 35.5843 67.8196 35.2015 67.1863 35.2015H64.2116L65.2056 38.3526Z" fill="%23B4B4B4"/><path d="M66.1043 61.1618H27.0281C23.8104 61.1618 21.1963 58.5555 21.1963 55.3382V47.7625C21.1963 44.5452 23.8103 41.9389 27.0281 41.9389H66.1043C69.3221 41.9389 71.9286 44.5452 71.9362 47.7625V55.3382C71.9288 58.5555 69.3222 61.1618 66.1043 61.1618ZM27.0281 44.1475C25.0253 44.1475 23.4054 45.7672 23.4054 47.7698V55.3382C23.4054 57.3335 25.0253 58.9532 27.0281 58.9606H66.1043C68.1072 58.9532 69.7198 57.3335 69.7271 55.3382V47.7625C69.7198 45.7672 68.0998 44.1475 66.1043 44.1475H27.0281Z" fill="%23B4B4B4"/><path d="M65.5087 44.148H27.6238C27.2704 44.148 26.939 43.9861 26.7328 43.6989C26.5267 43.4192 26.4604 43.0511 26.5709 42.7198L31.1435 28.0465V28.0392C31.8062 25.6906 33.9416 24.0634 36.3861 24.0487H56.7536C59.1245 24.0414 61.2231 25.5875 61.9227 27.855L66.5688 42.7122V42.7196C66.6719 43.0509 66.613 43.419 66.3995 43.6988C66.1933 43.9859 65.8621 44.148 65.5087 44.148ZM29.1186 41.9319H64.0063L59.8682 28.6798C59.5 27.2589 58.2262 26.2575 56.7536 26.2355H36.3861C34.9723 26.2281 33.7278 27.1484 33.3156 28.4957L29.1186 41.9319Z" fill="%23B4B4B4"/><path d="M28.7435 40.5613H25.9454C24.9219 40.5908 23.9279 40.208 23.1989 39.4938C22.4626 38.7796 22.0503 37.8004 22.0503 36.7771C22.0503 35.7537 22.4626 34.7745 23.1989 34.0604C23.9279 33.3463 24.922 32.9634 25.9454 32.9929H30.4149C30.761 32.9929 31.0924 33.1622 31.2985 33.442C31.5121 33.7217 31.571 34.0898 31.4679 34.4212L29.7964 39.781V39.7884C29.6565 40.2449 29.2295 40.5613 28.7435 40.5613ZM25.9454 35.2015C25.0692 35.2015 24.3623 35.9082 24.3623 36.7844C24.3623 37.204 24.5243 37.6016 24.8262 37.8961C25.1281 38.1906 25.5257 38.3525 25.9454 38.3525H27.9409L28.9202 35.2014L25.9454 35.2015Z" fill="%23B4B4B4"/><path d="M32.8409 69.106C30.3374 69.106 27.5365 67.0741 27.5365 64.5783V60.0505C27.5365 59.4394 28.0299 58.9462 28.641 58.9462H35.4889C36.1 58.9462 37.8636 59.4394 37.8636 60.0505V64.5783C37.8636 67.0814 35.3444 69.106 32.8409 69.106ZM29.7454 61.1546V64.5707C29.75 66.0682 31.5596 66.8899 32.8409 66.8899C34.1222 66.8899 35.4889 66.0682 35.4889 64.5783V61.1618L29.7454 61.1546Z" fill="%23B4B4B4"/><path d="M46.57 86.4817C33.2351 86.4817 20.7831 79.8262 13.3769 68.7457C5.96942 57.658 4.58507 43.6105 9.68797 31.3011C14.7907 18.9838 25.7032 10.0316 38.7812 7.43252C51.8584 4.82627 65.3692 8.92708 74.7942 18.3509C82.2754 25.8385 86.4798 35.9912 86.4798 46.5715C86.4798 57.1586 82.2753 67.3114 74.7942 74.792C67.3057 82.2796 57.1517 86.4817 46.57 86.4817ZM46.57 8.88982C34.8475 8.89718 23.7954 14.3526 16.6606 23.6513C9.53302 32.9573 7.13247 45.0471 10.1735 56.3613C13.2146 67.6772 21.3437 76.9391 32.1753 81.423C43.0068 85.8993 55.31 85.082 65.457 79.2216C75.6036 73.3537 82.4442 63.1054 83.9684 51.4798C85.4852 39.8619 81.5164 28.1935 73.2253 19.91C66.1566 12.8348 56.5702 8.87512 46.57 8.88982Z" fill="%23B4B4B4"/><path d="M127.197 136C126.903 136 126.623 135.882 126.417 135.676L83.4746 92.7393C83.0401 92.3049 83.0401 91.6129 83.4746 91.1785L91.1839 83.4702H91.1765C91.6183 83.0505 92.3031 83.0505 92.7449 83.4702L135.68 126.407C136.107 126.841 136.107 127.541 135.68 127.968L127.97 135.676C127.764 135.882 127.492 136 127.197 136ZM85.8159 91.9663L127.197 133.335L133.338 127.195L91.9644 85.8186L85.8159 91.9663Z" fill="%23B4B4B4"/><path d="M46.5625 93.1292C31.0038 93.1292 16.4834 85.3619 7.84632 72.427C-0.798138 59.4913 -2.40341 43.102 3.54624 28.7382C9.50324 14.3669 22.2417 3.9197 37.499 0.894663C52.7559 -2.13867 68.513 2.64691 79.5139 13.6462C87.9007 22.0466 92.7604 33.3325 93.1065 45.2009C93.4526 57.069 89.2554 68.6209 81.3693 77.4925C80.7803 78.1698 80.1618 78.8324 79.4917 79.495C78.8216 80.1576 78.1663 80.7761 77.4815 81.3798C68.9696 88.963 57.9611 93.1439 46.5625 93.1292ZM46.5625 2.21211C31.9757 2.20475 18.3175 9.36836 10.0254 21.3764C1.74172 33.377 -0.113881 48.6903 5.06989 62.3266C10.2537 75.9628 21.8067 86.1726 35.9746 89.6481C50.1425 93.1236 65.1111 89.4125 76.0159 79.7237C76.6712 79.1347 77.2971 78.5604 77.923 77.9346C78.5488 77.3088 79.1379 76.6756 79.7049 76.0351V76.0278C87.2229 67.5758 91.2211 56.577 90.8971 45.2685C90.5658 33.9673 85.9343 23.2111 77.9377 15.216C69.6393 6.86704 58.343 2.18454 46.5693 2.21413L46.5625 2.21211Z" fill="%23B4B4B4"/><path d="M86.2061 91.105C85.9115 91.105 85.6317 90.9872 85.4256 90.781L75.9711 81.3278H75.9637C75.7502 81.107 75.6324 80.8125 75.6471 80.5033C75.6545 80.2014 75.7944 79.9143 76.0227 79.7081C76.6706 79.1412 77.3039 78.5596 77.9224 77.9412C78.5482 77.3227 79.1373 76.6822 79.7043 76.0417H79.7116C79.9105 75.8135 80.1976 75.6736 80.4995 75.6589C80.8088 75.6589 81.1033 75.7767 81.3242 75.9828L90.7786 85.436C90.9848 85.6495 91.1026 85.9293 91.1026 86.2238C91.1026 86.5183 90.9848 86.7981 90.7786 87.0042L86.9866 90.7884C86.7804 90.9946 86.5006 91.105 86.2061 91.105ZM78.3567 80.5916L86.2061 88.4399L88.4298 86.2165L80.5804 78.3681C80.227 78.751 79.8662 79.1265 79.4833 79.5019C79.1078 79.87 78.7323 80.2308 78.3567 80.5842L78.3567 80.5916Z" fill="%23B4B4B4"/><path d="M60.486 69.1204C57.9825 69.1204 55.1816 67.0885 55.1816 64.5927V60.0649C55.1816 59.4538 55.6749 58.9606 56.2861 58.9606H63.1339C63.7451 58.9606 65.5087 59.4538 65.5087 60.0649V64.5927C65.5087 67.0958 62.9894 69.1204 60.486 69.1204ZM57.3904 61.169V64.5851C57.395 66.0826 59.2047 66.9043 60.486 66.9043C61.7672 66.9043 63.1339 66.0826 63.1339 64.5927V61.1762L57.3904 61.169Z" fill="%23B4B4B4"/></svg>') #fff center no-repeat;
}

.fp-form-step__inputs {
    display: grid;
    grid-gap: 25px;
    margin-bottom: 40px;
}

.select2-results__option {
    color: #292C31;
}

.select2-container .select2-selection--single {
    height: 60px;
    border-radius: 10px;
    border: 2px solid transparent;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 60px;
    padding-left: 30px;
    padding-right: 45px;
    margin-top: -2px;
    font-size: 18px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    top: 0;
    right: 30px;
    background: url('data:image/svg+xml,<svg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L6.00081 5.58L11 1" stroke="%236D7381" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') center no-repeat;
    width: 12px;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
    transform: rotate(180deg);
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.select2-dropdown {
    border: 2px solid transparent;
    box-shadow: 0 8px 6px -2px rgb(0 0 0 / 5%);
    border-radius: 10px;
    overflow: hidden;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--primary);
}

.select2-search--dropdown .select2-search__field {
    border-radius: 10px;
    padding: 11px 4px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #f1f1f1;
}

.fp-form-step {
    position: relative;
    z-index: 1;
}

.fp-form-step__bottom {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
}

.btn.btn_nobg {
    background: transparent;
    color: #6D7381;
    padding: 0;
}

.fp-form-step__bottom > * {
    width: 100%;
}

.fp-form-step__inputs .app-range .app-input {
    background: #fff;
}

.fp-form-step__inputs .irs--flat .irs-line {
    background: #fff;
}

.fp-form-step__inputs .irs--flat .irs-grid-text {
    color: #292C31;
}

.fp-car-data {
    background: #fff;
    border-radius: 20px;
    padding: 20px;
}

.fp-car-data__main-preview {
    width: 100%;
    object-fit: scale-down;
    max-height: 285px;
}

.title-form {
    margin-bottom: 15px;
    font-size: 23px !important;
}

.region {
    margin-top: 20px;
    background: #f5f5f5;
    padding: 15px;
    border-radius: 10px;
}

.block-model {
    display: flex;
}

.block-model .app-label {
    width: 100%;
}

.fp-car-data__main-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 35px;
}

.fp-car-data__title {
    font-size: 24px;
    font-weight: 600;
}

.fp-car-data__price {
    display: grid;
    grid-gap: 5px;
    margin-bottom: 40px;
}

.fp-car-data__price-main {
    font-size: 20px;
    font-weight: 600;
}

.fp-car-data__price-old {
    font-size: 14px;
    font-weight: 600;
    color: #6D7381;
    text-decoration: line-through;
}

.fp-car-data__bottom {
    background: #E4E4E4;
    border-radius: 10px;
    padding: 20px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px 30px;
}

.fp-calc-data {
    display: grid;
    grid-gap: 10px;
}

.fp-calc-data__value {
    font-size: 21px;
    font-weight: 600;
}

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

.credit-terms__content {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px 40px;
}

.cr-term {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 24px;
}

.cr-term__icon {
    width: 60px;
    height: 60px;
    object-fit: scale-down;
}

.credit-terms__asset {
    width: auto;
}

.cr-term__text {
    font-size: 20px;
}

.fp-steps__item.--active .fp-steps__item-number {
    color: var(--primary);
    border-color: var(--primary);
}

.fp-steps__item.--active .fp-steps__item-text {
    color: #fff;
}

.finance-page.--loaded {
    opacity: 1;
}

.fp-steps__item.--active.--filled + .fp-steps__divider {
    background: url('data:image/svg+xml,<svg width="41" height="15" viewBox="0 0 41 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M40.7071 8.20711C41.0976 7.81658 41.0976 7.18342 40.7071 6.79289L34.3431 0.428932C33.9526 0.0384078 33.3195 0.0384078 32.9289 0.428932C32.5384 0.819457 32.5384 1.45262 32.9289 1.84315L38.5858 7.5L32.9289 13.1569C32.5384 13.5474 32.5384 14.1805 32.9289 14.5711C33.3195 14.9616 33.9526 14.9616 34.3431 14.5711L40.7071 8.20711ZM0 8.5H40V6.5H0V8.5Z" fill="%23F08436"/></svg>') center/contain no-repeat;
}

.fp-steps__item.--active.--filled .fp-steps__item-number {
    background: var(--primary);
    color: #fff;
}

.app-input.error {
    border-color: red;
}

.app-input.error + span.error {
    font-size: 12px;
    color: red;
}

.fp-form-step__section-title {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 20px;
}

.fp-form-step__section-inputs {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
}

.fp-form-step__section {
    margin-bottom: 30px;
}

.fp-car-data__up-title {
    margin-bottom: -25px;
}

.fp-form-step__inputs > *,
.fp-form > *,
.app-label > * {
    min-width: 0;
}

.simple-futures {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}

.simple-futures-item {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 30px;
}

.simple-futures-item__number {
    background: var(--primary);
    color: #fff;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 500;
}

.simple-futures-item__content {
    flex: 1;
    display: grid;
    grid-gap: 15px;
}

.simple-futures-item__title {
    font-size: 24px;
    font-weight: 600;
}

.simple-futures-item__text {
    font-size: 18px;
}

.desc-blocks {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
}

.desc-blocks__image {
    position: relative;
    z-index: 1;
    border-radius: 20px;
    background-position: center;
    background-size: cover;
}

.desc-label {
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 20px;
    max-width: 416px;
    padding: 15px 20px;
    background: var(--bg);
    border-radius: 20px;
    display: grid;
    grid-gap: 15px;
}

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

.desc-label__text {
    font-size: 12px;
}

.desc-label__body {
    font-size: 14px;
    line-height: 120%;
}

.desc-blocks__title {
    font-size: 45px;
    font-weight: 600;
    margin-bottom: 30px;
}

.desc-blocks__title span {
    color: var(--primary);
}

.desc-blocks__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
}

.desc-blocks__card {
    background: #E4E4E4;
    border-radius: 20px;
    padding: 30px;
    color: #292C31;
}

.desc-blocks__card-title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}

.extra-futures {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}

.extra-futures-three {
    grid-template-columns: repeat(3, 1fr);
}

.extra-futures-card {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
}

.extra-futures-card__icon {
    width: 60px;
    height: 60px;
    object-fit: scale-down;
}

.extra-futures-card__content {
    display: grid;
    grid-gap: 10px;
}

.extra-futures-card__text {
    font-size: 20px;
}

.fp-form-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 60px;
}

.fp-form-grid__heading {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 25px;
}

.fp-form-grid__inputs {
    display: grid;
    grid-gap: 25px;
}

.fp-form-grid__submit {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
    align-items: center;
    margin-top: 50px;
}

.extra-futures-card__title {
    font-size: 30px;
    font-weight: 600;
}

.extra-futures-card.extra-futures-card_extended {
    align-items: flex-start;
    gap: 25px;
}

.extra-futures-card.extra-futures-card_extended .extra-futures-card__text {
    font-size: 18px;
}

.stocks-page__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}

.stock-card {
    background: #F7F7F7;
    border-radius: 10px;
    overflow: hidden;
}

.stock-card__image {
    height: 168px;
    background-position: center;
    background-size: cover;
}

.stock-card__content {
    padding: 20px;
    color: #0E0E13;
}

.stock-card__title {
    font-size: 20px;
    font-weight: 600;
    height: 69px;
}

.stock-description {
    margin-bottom: 25px;
}

.stock-card__content .btn {
    height: 46px;
    font-size: 16px;
    padding: 0;
    width: 100%;
}

.contacts-page {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
}

.contacts-page__map {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 20px;
    filter: grayscale(1);
    min-height: 500px;
}

.contacts-page__title {
    font-size: 55px;
    font-weight: 600;
    margin-bottom: 40px;
}

.contacts-page__text {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 40px;
}

.contacts-page__data {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 40px 20px;
}

.ct-data-item {
    display: grid;
    grid-gap: 10px;
}

.ct-data-item__content {
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
}

.section-error-page {
    padding: 0 0 275px;
}

.error-page {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.error-page__code {
    font-size: 250px;
    font-weight: 600;
}

.error-page__description {
    margin-bottom: 60px;
    font-size: 32px;
    font-weight: 600;
}

.section-error-page {
    background: url(../img/error-page-asset.webp) center bottom -215px no-repeat;
}

.header__open-menu-icon {
    display: none;
}

.model-opt-buttons {
    display: none;
}

.resp-table__header .resp-table__col {
    flex-direction: column;
    align-items: center;
}

.resp-table__body-swiper {
    background: none;
    padding: 0;
}

.resp-icon {
    width: 50px;
    height: 50px;
    margin: auto;
}

.resp-icon.resp-icon_plus {
    background: url('data:image/svg+xml,<svg width="19" height="13" viewBox="0 0 19 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.5 1L6.5 12L1.5 7" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') center no-repeat;
}

.resp-icon.resp-icon_minus {
    background: url('data:image/svg+xml,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.5 6L6.5 18" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.5 6L18.5 18" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') center no-repeat;
}

.resp-table__row-content {
    border-bottom: 1px solid #6D7381;
    padding: 5px 0;
}

.resp-table__header-swiper {
    border-bottom: 1px solid #A4A9B3;
    background: #292c31;
    padding: 10px 0 0;
}

.resp-table__row-content-heading {
    padding: 10px 0;
    color: #b7b7b7;
}

.resp-head-title {
    margin-bottom: 10px;
    font-size: 12px;
    text-align: center;
}

.resp-head-desc {
    font-size: 22px;
}

.resp-close-item {
    display: none;
}

.resp-table__header {
    margin-bottom: 60px;
}

.resp-table__row:not(:last-child) {
    margin-bottom: 60px;
}

.resp-table__row-heading {
    padding: 0;
}

.resp-table {
    background: none;
    padding: 0;
}

.model-page > * {
    min-width: 0;
}

.model-page__colors-list {
    flex-wrap: wrap;
}

.finance-banks {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(175px ,1fr));
    grid-gap: 20px;
}

.bank-card__logo {
    width: 100%;
    height: 100%;
    -o-object-fit: scale-down;
    object-fit: scale-down;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.bank-card {
    border-radius: 12px;
    overflow: hidden;
    height: 75px;
    background: #fff;
    padding: 18px;
}

/*phone btn*/
.callback-button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    background-color: #f08436;
    color: #fff;
    cursor: pointer;
    display: block;
    position: fixed;
    font-size: inherit;
    right: 2em;
    bottom: 2em;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 50%;
    text-align: center;
    transition: all .2s;
    border: none;
    z-index: 100;
}

.callback-button:hover {
    width: 2.7em;
    height: 2.7em;
    line-height: 2.7em;
    right: 2em;
    bottom: 2em;
}

.callback-button i {
    color: inherit;
    position: relative;
    z-index: 1;
    animation: callback-button-phone 2s infinite;
    animation-timing-function: ease-out;
}

.callback-button:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    border-radius: 50%;
    border: solid #f08436 1px;
    width: 5em;
    height: 5em;
    animation: callback-button-border 2s infinite
}

.callback-button:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    border-radius: 50%;
    background-color: #f08436;
    opacity: .1;
    width: 4em;
    height: 4em;
    animation: callback-button-border1 2s infinite;
    animation-delay: 1s
}

@keyframes callback-button-phone {
    0% {
        transform: rotate(0)
    }

    3% {
        transform: rotate(10deg)
    }

    6% {
        transform: rotate(0)
    }

    9% {
        transform: rotate(-10deg)
    }

    12% {
        transform: rotate(0)
    }

    15% {
        transform: rotate(10deg)
    }

    18% {
        transform: rotate(0)
    }

    21% {
        transform: rotate(-10deg)
    }

    24% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(0)
    }
}

@keyframes callback-button-border {
    0% {
        width: 2.5em;
        height: 2.5em;
        opacity: 1
    }

    100% {
        width: 5em;
        height: 5em;
        opacity: 0
    }
}

@keyframes callback-button-border1 {
    0% {
        width: 2.5em;
        height: 2.5em;
        opacity: .3
    }

    100% {
        width: 5em;
        height: 5em;
        opacity: 0
    }
}

.callback-button__icon {
    background: url('data:image/svg+xml,<%3Fxml version="1.0" %3F><svg height="48" viewBox="0 0 48 48" width="48" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h48v48h-48z" fill="none"/><path fill="white" d="M13.25 21.59c2.88 5.66 7.51 10.29 13.18 13.17l4.4-4.41c.55-.55 1.34-.71 2.03-.49 1.24.74 4.65 1.14 7.14 1.14 1.11 0 2 .89 2 2v7c0 1.11-.89 2-2 2-18.78 0-34-15.22-34-34 0-1.11.9-2 2-2h7c1.11 0 2 .89 2 2 0 2.49.4 4.9 1.14 7.14.22.69.06 1.48-.49 2.03l-4.4 4.42z"/></svg>') center no-repeat;
    width: 100%;
    height: 100%;
    display: block;
    background-size: 27px;
}
.desktop-credit-btn {
    display: block;
}
.mobile-credit-btn {
    display: none;
}

.sec-catalog__container {
    display: grid;
    grid-template-columns:  repeat(auto-fill, minmax(321px, 1fr));
    gap: 12px;

}

@media (max-width: 1100px) {
    .deal-timer {
        display: none;
    }


    .deal-badge {
        left: 8px;
        width: 40px;
        height: 16px;
        font-size: 10px;
    }
    .sec-catalog__container {
        grid-template-columns: repeat(2, 1fr);
    }
}

.modal-megasave {
  background-image: url(../img/popup-megasale-bg.jpg), var(--bg);
  background-size: cover, cover;
  background-position: 30% 50%;
  width: calc(min(100vw, 1920px) - 12px);
  max-width: 100%;
  height: calc(min(100vh, 960px) - 12px);
}
.fancybox-slide:has(> .modal-megasave) {
  padding: 0;
}
.fancybox-slide:has(> .modal-megasave) .modal-megasave {
  border-radius: 0;
  width: 100vw;
  height: 100vh;
}
.modal-megasave__inner {
  width: 100%;
  height: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 20px;
}
.modal-megasave__assets {
  grid-column: span 7;
  align-self: end;
  pointer-events: none;
}
.modal-megasave__assets img {
  display: block;
  height: auto;
  width: 125%;
  margin-left: -25%;
  margin-right: 0%;
}
.modal-megasave__content {
  grid-column: span 5;
  align-self: center;
}
.modal-megasave__head {
  margin-bottom: 3rem;
}
.modal-megasave__title {
  text-align: left;
  margin-bottom: 0.75rem;
}
.modal-megasave__desc {
  text-align: left;
}
.modal-megasave__desc span {
  color: var(--primary);
  font-weight: 500;
}
.modal-megasave .modal__form .btn {
  display: flex;
  align-items: center;
  gap: 1em;
}
.modal-megasave .modal__form .btn::after {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  content: "Бесплатно";
  font-size: 0.8em;
  font-weight: 500;
  padding: 0 1.25em;
  height: 1.875rem;
  background: #292c31;
  color: #fff;
  border-radius: 10px;
}
@media (max-width: 900px) {
  .modal-megasave {
    background-size: auto 430px, cover;
    background-position: 20% -50px, 0 0;
    background-repeat: no-repeat;
    height: unset !important;
    padding: 165px 0 0 !important;
  }
  .modal-megasave__inner {
    display: flex;
    flex-direction: column;
  }
  .modal-megasave__head {
    padding: 0 14px;
  }
  .modal-megasave__assets {
    margin-top: -20%;
    order: 2;
  }
}

/* update */
.header {
	background: #292c31;
}
.header__grid {
    grid-template-columns: 1fr auto 1fr;
    gap: 40px;
}
.header__nav {
	gap: 3.5rem;
}
.header__nav-item.--active {
	color: var(--primary);
	text-decoration: underline;
}
.header__worktime {
	margin-right: 32px;
	padding-left: 20px;
}
.header__worktime.--active {
	position: relative;
}
.header__worktime.--active::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 10px;
	height: 10px;
	background: #65e25f;
	border-radius: 50%;
}

@media (max-width: 1200px) {
    .header__worktime {
        font-size: 14px;
    }
    .header__worktime small {
        font-size: 12px;
    }
    .header__grid-col .btn {
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media (max-width: 1024px) {
	.show-pc {
		display: none !important;
	}
}
@media (min-width: 1025px) {
	.show-mob {
		display: none !important;
	}
}

.catalog-menu {
	visibility: hidden;
	transition: 0.2s;
}
.catalog-menu__open {
	display: none;
}
.catalog-menu__backdrop {
	position: fixed;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, 0.4);
	overscroll-behavior: none;
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
	opacity: 0;
	transition: 0.2s;
	transition-property: opacity;
}
.catalog-menu__main {
	position: absolute;
	left: 0;
	right: 0;
	max-height: 0;
	overflow-y: auto;
	scrollbar-width: none;
	overscroll-behavior: contain;
	background: #292c31;
	border-top: 1px solid #a4a9b3;
	transition: 0.35s cubic-bezier(0.4, 0, 0.6, 1);
	transition-property: max-height;
	box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.2);
}
.catalog-menu.--active {
	visibility: visible;
}
.catalog-menu.--active .catalog-menu__main {
	opacity: 1;
	max-height: max(min(400px, 100vh - 136px), 75vh - 136px);
}
.catalog-menu.--active .catalog-menu__backdrop {
	opacity: 1;
}
.catalog-menu__group {
	padding-top: 32px;
	padding-bottom: 32px;
}
.catalog-menu__group + .catalog-menu__group {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.catalog-menu__group-inner {
	display: flex;
	gap: 32px;
	width: 100%;
	max-width: 1640px;
	margin-left: auto;
	margin-right: auto;
}
.catalog-menu__group-inner .container {
	width: 100%;
}
.catalog-menu__group-inner::after {
	content: "";
	flex: 1 0 96px;
}
.catalog-menu__group-title {
	flex: 1 0 96px;
	text-align: right;
}
.catalog-menu__list {
	display: flex;
	flex-wrap: wrap;
	gap: 48px;
}
.catalog-menu__item {
	font-size: 18px;
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.catalog-menu__item svg {
	display: block;
	height: auto;
}
.catalog-menu .marks__inner {
	background: none;
	padding: 0 !important;
}
.catalog-menu .mark-link {
	align-items: start;
}
.catalog-menu .mark-link__icon {
	width: 50px;
	height: 50px;
	filter: brightness(2);
}
.catalog-menu__contacts {
	display: grid;
	grid-gap: 20px;
}
.catalog-menu__address {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 18px;
}
.catalog-menu__address::before {
	flex-shrink: 0;
	content: "";
	width: 22px;
	height: 22px;
	background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.0014 1.83594C6.95796 1.83594 3.66804 5.12585 3.66804 9.16469C3.64146 15.0726 10.7227 19.9713 11.0014 20.1693C11.0014 20.1693 18.3613 15.0726 18.3347 9.16927C18.3347 5.12585 15.0448 1.83594 11.0014 1.83594ZM11.0014 12.8359C8.97554 12.8359 7.33471 11.1951 7.33471 9.16927C7.33471 7.14344 8.97554 5.5026 11.0014 5.5026C13.0272 5.5026 14.668 7.14344 14.668 9.16927C14.668 11.1951 13.0272 12.8359 11.0014 12.8359Z' fill='%23F08436'/%3E%3C/svg%3E%0A");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.catalog-menu__phone .btn {
	font-size: 20px;
	font-weight: 600;
}

.catalog-menu__group {
	padding-top: 24px;
	padding-bottom: 24px;
}
.catalog-menu__item {
	font-size: 14px;
    margin-top: 2px;
}
.catalog-menu__item svg {
    width: 100px;
}
.catalog-menu .marks__inner {
    grid-template-columns: repeat(12,1fr);
    grid-gap: 20px 16px;
}
.catalog-menu .mark-link {
    font-size: 12px;
    gap: 8px;
}
.catalog-menu .mark-link__icon {
	width: 32px;
	height: 32px;
}


.catalog-menu__item svg,
.catalog-menu .mark-link .mark-link__title ,
.catalog-menu .mark-link .mark-link__icon {
    transition: 0s;
}


.catalog-menu__item:hover,
.catalog-menu .mark-link:hover {
    text-decoration: underline;
    text-decoration-color: #fff4;
    text-underline-offset: 0.2em;
}
.catalog-menu .mark-link:hover .mark-link__title {
    color: #fff;
}
.catalog-menu .mark-link:hover .mark-link__title span:last-child {
    color: var(--primary);
}

.catalog-menu__item:hover svg ,
.catalog-menu .mark-link:hover .mark-link__icon {
    filter: brightness(0) saturate(100%) invert(58%) sepia(68%) saturate(4493%) hue-rotate(-3deg) brightness(93%) contrast(82%);
}


@media (max-width: 1380px) {
	.catalog-menu__group-inner::after {
		content: none;
	}
	.catalog-menu__item {
		font-size: 16px;
	}
	.catalog-menu__item svg {
		width: 5rem;
		height: auto;
	}
}
@media (max-width: 1380px) {
	.catalog-menu__group-inner {
		display: block;
	}
	.catalog-menu__group-title {
		padding-left: 16px;
		padding-right: 16px;
		font-size: 18px;
		margin-bottom: 24px;
		text-align: left;
	}
}
@media (max-width: 1024px) {
	.catalog-menu .marks__inner {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 8px 12px !important;
	}
	.catalog-menu .mark-link {
		display: flex;
		flex-direction: row;
		justify-content: start;
        align-items: center;
	}
	.catalog-menu .mark-link__icon {
		width: 32px;
		height: 32px;
	}
	.catalog-menu__open {
		display: block;
		background: url('data:image/svg+xml,<svg width="20" height="14" viewBox="0 0 20 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 7H19M1 1H19M7 13H19" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') center/contain no-repeat;
		width: 20px;
		height: 14px;
		border: none;
	}
	.catalog-menu__open.--active {
		transform: scale(0.8);
		opacity: 0.8;
	}
	.catalog-menu__main {
		border-top: unset;
		position: fixed;
		top: 68px;
	}
	.catalog-menu__group {
		padding-top: 24px;
		padding-bottom: 24px;
		border-top: none !important;
	}
	.catalog-menu__group-inner {
		max-width: 576px;
	}
	.catalog-menu__list {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 0.75rem 1.125rem;
	}
	.catalog-menu__item {
		font-size: 12px;
		gap: 8px;
	}
	.catalog-menu__item svg {
		width: 97px;
	}

	.catalog-menu.--active .catalog-menu__main {
		opacity: 1;
		max-height: calc(100lvh - 68px);
		padding-bottom: 70px;
	}
	.catalog-menu.--active .catalog-menu__backdrop {
		opacity: 1;
	}

}

.footer {
	line-height: 1.2;
}
.footer a:hover {
	color: var(--primary);
}
.footer__inner {
	display: grid;
	grid-gap: 32px;
}
.footer__top {
	display: grid;
	grid-gap: 32px;
}
.footer__logo-image {
	width: 50%;
	max-width: 335px;
}
.footer__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 20px;
}
.footer__actions > * {
	flex: 1;
	white-space: nowrap;
}
.footer__navigation {
	display: grid;
	grid-gap: 32px;
}
.footer__navigation-group {
	display: grid;
	grid-gap: 20px;
}
.footer__navigation-marks {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
}
.footer__navigation-row {
	display: flex;
	flex-direction: column;
	align-items: start;
	gap: 10px;
}
.footer__legal {
	display: grid;
	grid-gap: 20px;
	padding-top: 40px;
	border-top: 1px solid #a4a9b3;
}
.footer__legal-links {
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: start;
}
.footer__legal-text {
	font-size: 14px;
}
@media (max-width: 1024px) {
	.footer__navigation-marks {
		grid-template-columns: repeat(3, 1fr);
		font-size: 13px;
	}
	.footer__navigation-row {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	.footer__legal-text {
		font-size: 12px;
		color: #a4a9b3;
	}
}
@media (min-width: 1025px) {
	.footer__inner {
		grid-gap: 40px;
	}
	.footer__top {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 80px;
	}
	.footer__navigation {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 80px;
	}
	.footer__navigation-group {
		display: flex;
		flex-direction: row-reverse;
	}
	.footer__navigation-group > * {
		flex: 1;
	}
	.footer__navigation-marks {
		gap: 18px;
	}
	.footer__navigation-row {
		gap: 18px;
	}
	.footer__legal {
		grid-template-columns: 1fr auto;
	}
	.footer__legal-links {
		order: 2;
		text-align: right;
		align-items: end;
		gap: 15px;
	}
}

.bottom-nav {
	position: fixed;
	z-index: 999;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 8px 0;
	background: #0e1014;
}

.bottom-nav__container {
	display: flex;
	justify-content: space-between;
}
.bottom-nav__link {
	font-size: 10px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	gap: 6px;
}
.bottom-nav__link svg {
    width: 24px;
    height: 24px;
}

.bottom-nav__link.--active svg {
    stroke: var(--primary);
    stroke-opacity: 1;
}
@media (max-width: 1024px) {
    .callback-button {
        display: none !important; 
    }
    body:has(.bottom-nav) .footer,
    body:has(.bottom-nav) .mobile-menu__contacts {
        padding-bottom: 60px;
    }

}
@media (max-width: 1100px) {
    body:has(.fixed_price) .footer,
    body:has(.fixed_price) .mobile-menu__contacts {
        padding-bottom: 130px;
    }
}

@media (min-width: 1025px) {
    .bottom-nav {
        display: none !important; 
    }
}