/* Main responsive styles */
@media only screen and (max-width: 1465px) {
    .hero-carousel {
        height: 300px;
    }

    .model-page__row {
        gap: 20px;
    }

    .model-page {
        -ms-grid-columns: 1fr 365px;
        grid-template-columns: 1fr 365px;
    }

    .model-page__form {
        padding: 30px 20px;
    }

    .section-model-page.section-model-page_special .model-page__row {
        -ms-grid-columns: 1fr 356px;
        grid-template-columns: 1fr 356px;
    }
}

@media only screen and (max-width: 1280px) {
    .desktop-header__top {
        gap: 25px;
    }

    .hero-carousel {
        height: 280px;
    }

    .hero__marks {
        grid-gap: 10px;
    }

    .catalog__grid {
        grid-gap: 15px;
    }

    .auto-credit {
        background-size: 32%;
    }

    .footer__top {
        gap: 25px;
    }

    .model-page {
        -ms-grid-columns: 1fr 330px;
        grid-template-columns: 1fr 330px;
    }

    .wrapper {
        padding: 20px 20px;
    }

    .model-page__form {
        background-position: top 8px right -67px;
        padding: 30px;
    }

    .compare-item__row {
        -ms-grid-columns: 1fr 165px 165px 205px 235px;
        grid-template-columns: 1fr 165px 165px 205px 235px;
    }

    .catalog-carousel .car-card__price-value {
        font-size: 14px;
    }
}

@media only screen and (max-width: 992px) {
    :root {
        --container-width: 576px;
    }

    select,
    textarea,
    input {
        font-size: var(--body-font-size);
    }

    .mobile-header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 55px;
        background: rgb(255 255 255);
        z-index: 99;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 10px;
        border-bottom: 1px solid #f3f3f3;
    }

    .mobile-header__logo {
        max-width: 135px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .mobile-header__btn {
        width: 45px;
        height: 45px;
        background-image: url("data:image/svg+xml,%3Csvg width='64px' height='64px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M4 12H20M4 8H20M4 16H12' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
        background-position: center;
        background-size: cover;
        background-color: transparent;
        border: none;
        -webkit-transition: all .33s ease;
        -o-transition: all .33s ease;
        transition: all .33s ease;
    }

    .mobile-header__btn.js-gl-toggle-button-active {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9);
        opacity: .6;
    }

    .mobile-menu {
        position: fixed;
        top: 55px;
        left: -100%;
        width: 98%;
        height: calc(100% - 55px);
        background: #fff;
        z-index: 95;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 20px;
        gap: 22px;
        -webkit-transition: all .33s ease;
        -o-transition: all .33s ease;
        transition: all .33s ease;
    }

    body {
        padding-top: 55px;
    }

    .mobile-menu__nav {
        display: -ms-grid;
        display: grid;
        grid-gap: 10px;
    }

    .mobile-menu__contacts {
        display: -ms-grid;
        display: grid;
        grid-gap: 10px;
    }

    .mobile-menu__nav-item {
        text-transform: uppercase;
        font-size: 14px;
        font-weight: bold;
        text-decoration: none;
    }

    .mobile-menu.js-gl-toggle-target-active {
        left: 0;
    }

    .mobile-menu__contacts-link {
        font-size: 18px;
        font-weight: bold;
        text-decoration: none;
    }

    .mobile-header__logo-img {
        width: 100%;
    }

    .header {
        display: none;
    }

    .mobile-header__logo-svg {
        max-width: 42px;
    }

    .mobile-menu__contacts > *:not(:last-child) {
        border-bottom: 1px solid #f3f3f3;
        padding-bottom: 10px;
    }

    .mobile-menu__contacts-item:last-child {
        font-weight: bold;
        font-size: 14px;
    }

    .mobile-menu__contacts-item:first-child {
        font-size: 14px;
    }

    .hero {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .hero__col:last-child {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .catalog__grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: repeat(1, 1fr);
    }

    .news__grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .footer__bottom {
        display: none;
    }

    .footer__catalog-grid {
        grid-gap: 15px;
        -ms-grid-columns: 1fr 15px 1fr 15px 1fr;
        grid-template-columns: repeat(3, 1fr);
    }

    .footer__top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px;
    }

    .footer__info {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 10px 1fr;
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
        grid-gap: 10px;
    }

    .hero-filter__top-grid {
        -ms-grid-columns: 1fr 10px 1fr;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
        margin-bottom: 10px;
    }

    .hero-filter__top-grid .main-form-label {
        -ms-grid-column-span: 2;
        grid-column: 2 span;
    }

    .hero-filter__bottom {
        -ms-grid-columns: 1fr 10px 1fr;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
    }

    .hero-carousel {
        height: 135px;
    }

    .mobile-header__contacts {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }

    .mobile-header__contacts-text {
        font-size: 11px;
        margin-bottom: 4px;
    }

    .mobile-header__contacts-link {
        text-decoration: none;
        font-size: 14px;
        font-weight: bold;
    }

    .mobile-menu__nav-item.js-marks-catalog-btn {
        background: none;
        border: none;
        text-align: left;
    }

    .desktop-header__inner {
        display: none;
    }

    .desktop-header__catalog {
        z-index: 100;
        padding: 15px;
        position: fixed;
        top: 65px;
        height: calc(100vh - 65px);
        overflow: auto;
    }

    .desktop-header__catalog-grid {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    }

    .section {
        margin: 20px 0;
    }

    .button-check__text {
        font-size: 12px;
    }

    .button-check__inner {
        padding: 0 10px;
    }

    .button-check__inner svg {
        width: 50px;
        height: 22px;
    }

    .wrapper {
        padding: 10px;
    }

    .section-heading__title {
        font-size: 18px;
    }

    .hero-filter__top-grid .button-check:last-child {
        -ms-grid-column-span: 2;
        grid-column: 2 span;
    }

    .auto-credit {
        padding: 20px;
        background-image: none;
    }

    .auto-credit__title {
        font-size: 20px;
    }

    .list__item {
        font-size: 16px;
    }

    .list {
        grid-gap: 15px;
    }

    .news-card__image {
        height: 200px;
    }

    .news__bottom .btn {
        max-width: 100%;
    }

    .help {
        padding: 20px;
        background-image: none;
    }

    .car-card-gallery {
        height: 230px;
    }

    .help__title {
        font-size: 18px;
    }

    .help__desc {
        font-size: 16px;
    }

    .help__form {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
    }

    .footer__inner {
        padding: 15px 15px;
    }

    .desktop-header__catalog-close {
        position: sticky;
        top: 0;
        left: 100%;
        width: 25px;
        height: 25px;
        background: url('data:image/svg+xml,<svg width="800px" height="800px" viewBox="-0.5 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 21.32L21 3.32001" stroke="%23FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 3.32001L21 21.32" stroke="%23FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') #ff4b5f center no-repeat;
        background-size: contain;
        border: none;
        border-radius: 5px;
        background-size: 18px;
        -webkit-box-shadow: 0 0 9px rgb(0 0 0 / 22%);
        box-shadow: 0 0 9px rgb(0 0 0 / 22%);
    }

    .car-card-gallery .car-card-gallery__pag {
        display: none;
    }

    .modal__title {
        font-size: 18px;
    }

    .section-addon {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 20px;
        margin-bottom: 20px;
    }

    .be-banner__asset {
        width: 91px;
        height: 39px;
        -o-object-fit: scale-down;
        object-fit: scale-down;
        margin: -10px -7px;
        max-width: 19%;
    }

    .be-banner {
        padding: 15px;
    }

    .be-banner__text {
        font-size: 14px;
    }

    .compare-item__row {
        padding: 10px;
    }

    .compare-table__head {
        padding: 0 10px;
    }

    .compare-table__head__col {
        font-size: 12px;
    }

    .compare-name__data {
        font-size: 11px;
        padding-right: 22px;
        margin-right: 8px;
    }

    .compare-buttons {
        margin: 0;
        background: unset;
        -ms-grid-column-span: 3;
        grid-column: 3 span;
        padding: 0;
        margin-top: 10px;
    }

    .compare-buttons__inner .btn {
        height: 34px;
        font-size: 14px;
    }

    .compare-price__data {
        font-size: 10px;
    }

    .compare-old-price__data {
        font-size: 8px;
        font-weight: 500;
    }

    .compare-name__data:after {
        background-size: contain;
        width: 17px;
        height: 7px;
    }

    .compare-item .main-form-checkbox__checkmark {
        width: 18px;
        height: 18px;
    }

    .compare-description {
        -webkit-column-count: auto;
        -moz-column-count: auto;
        column-count: auto;
    }

    .compare-description__list-item {
        font-size: 14px;
    }

    .compare-item__hidden-content {
        padding: 15px 0 0;
        font-size: 14px;
    }

    .model-compare-form {
        grid-gap: 20px;
    }

    .compare-item__col.compare-payment {
        display: none;
    }

    .compare-table__head__col:nth-child(4) {
        display: none;
    }

    .compare-table__head, .compare-item__row {
        -ms-grid-columns: 50% 25% 25%;
        grid-template-columns: 50% 25% 25%;
    }

    .compare-table__head {
        position: relative;
        z-index: 1;
    }

    .compare-table__head__col:last-child {
        position: absolute;
        left: 0;
        font-size: 10px;
        top: 1px;
        padding-left: 10px;
    }

    .model-compare-form__section-title {
        font-size: 16px;
    }

    .compare-table__head__col:first-child {
        color: transparent;
    }

    .model-page {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .model-page__row {
        display: -ms-grid;
        display: grid;
        -webkit-box-pack: unset;
        -ms-flex-pack: unset;
        justify-content: unset;
    }

    .model-tabs__nav {
        gap: 15px;
    }

    .model-page-gifts__grid {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }

    .catalog-carousel:after, .catalog-carousel:before {
        display: none;
    }

    .section-heading.section-heading_add_button {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .model-page-preview__img {
        height: 160px;
        max-width: 100%;
    }

    .model-page__benefit {
        padding: 10px;
    }

    .model-page__benefit-value {
        font-size: 13px;
    }

    .model-page__price {
        padding: 10px;
    }

    .model-page__benefit:after {
        width: 92px;
        height: 26px;
        background-size: contain;
    }

    .model-page-colors {
        margin-top: 0;
    }

    .model-page-gifts {
        width: 100%;
    }

    .model-tabs__nav-item {
        font-size: 12px;
    }

    .model-gallery-carousel__slide {
        height: 75px;
    }

    .model-tabs {
        margin-bottom: 20px;
    }

    .compare-item__col > button > span:first-child, .compare-item__col > div > span:first-child {
        font-size: 10px;
    }

    .finance-page {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .finance-steps {
        display: none;
    }

    .finance-form {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .finance-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .terms {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .list.list_columns {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

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

    .finance-content__info .model-page__price {
        width: 100%;
    }

    .finance-page__col .gifts-card {
        margin-bottom: 30px;
    }

    .terms__block {
        padding: 20px;
    }

    .bank-card {
        height: 65px;
    }

    .terms.terms_tradein {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .finance-content__car {
        height: 195px;
    }

    .stocks-page {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
    }

    .stock-card {
        padding: 20px;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }

    .hero-filter__grid {
        -ms-grid-columns: 1fr 10px 1fr;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
    }

    .hero-filter__grid .main-form-label {
        -ms-grid-column-span: 2;
        grid-column: 2 span;
    }

    .section-model-page.section-model-page_special .model-page__row {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .model-used-grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .used-model-gallery--main {
        height: 215px;
    }

    .used-model-gallery--thumbs {
        height: 47px;
    }

    .section-model-page.section-model-page_special .btn-favourites {
        top: -290px;
        right: 10px;
    }

    .section-model-page.section-model-page_special .model-page__content {
        padding-top: 0;
    }

    .hidden-container-show-btn {
        width: 100%;
    }

    .model-used-grid .compare-description {
        -webkit-column-count: auto;
        -moz-column-count: auto;
        column-count: auto;
    }

    .model-page__main {
        padding: 10px;
    }

    .news-entry__photo {
        height: 180px;
    }

    .news-entry__title {
        font-size: 18px;
    }

    .contacts-page {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .contacts-page__content {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        padding: 25px;
    }

    .contacts-page__map {
        height: 250px;
    }

    .empty-card {
        min-height: 355px;
    }

    .section-filter .hero-filter-new .hero-filter__top-grid,
    .hero-filter__bottom,
    .hero-filter-old .hero-filter__top-grid,
    .hero-filter__top-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .hero-filter__bottom .btn {
        -ms-grid-column-span: 1;
    grid-column: 1 span;
    }

    .hero-filter__top-grid .btn {
        width: 100%;
    }


    .model-page-used-props {
        gap: 20px 30px;
    }

}

@media print {
    * {
        background: none !important;
        color: #000 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
        -webkit-filter: grayscale(1) !important;
        filter: grayscale(1) !important;
    }
    a {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    a[href="#"],
    a[href="javascript:"] {
        content: "";
    }
}

@media only screen and (max-width: 662px) {
    .models-carousel .swiper-slide{
        background-size: contain;
    }
}