/* Main responsive styles */
@media (max-width: 1220px) {
    .dheader-contacts {
        gap: 20px;
    }

    .dheader-primary__left {
        gap: 20px;
    }

    .dheader-contacts__link {
        font-size: 18px;
    }

    .dheader-nav__item {
        font-size: 14px;
    }

    .specials-block__grid {
        grid-gap: 15px;
    }

    .specials-block {
        padding: 20px 20px;
    }

    .credit-offer-form__block:first-child:after {
        width: 141px;
        height: 119px;
        background-size: contain;
        right: -6%;
        top: -15%;
    }

    .gifts {
        grid-gap: 15px;
    }

    .gifts__card {
        padding: 20px;
        font-size: 20px;
    }

    .car-card__thumb {
        height: 185px;
    }

    .footer-nav {
        gap: 20px;
    }

    .car-new-card__title {
        font-size: 21px;
    }

    .page-aside-tpl {
        grid-gap: 20px;
    }

    .catalog-rows .gifts {
        grid-gap: 15px;
    }

    .catalog-rows .gifts .gifts__card {
        font-size: 15px;
        padding: 15px;
        height: 94px;
    }

    .model-page__body {
        grid-gap: 15px;
    }

    .model-contacts__buttons .btn {
        padding: 0 10px;
        text-align: center;
    }

    .compare-table__head, .compare-item__row {
        grid-template-columns: 1fr 200px 150px 175px;
    }

    .model-gallery__grid {
        grid-gap: 15px;
    }

    .page-heading {
        margin-bottom: 35px;
    }
}

@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: 75px;
    }

    .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;
    }

    .desktop-header {
        display: none;
    }

    .main-marks {
        grid-template-columns: 1fr;
    }

    .main-marks-btn__icon {
        width: 35px;
        height: 35px;
    }

    .main-marks-top {
        display: none;
    }

    .specials-block__grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .credit-offer-form {
        grid-template-columns: 1fr;
        padding: 20px;
        grid-gap: 20px;
    }

    .gifts {
        grid-template-columns: 1fr;
    }

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

    .help-offer:after {
        display: none;
    }

    .footer-nav {
        display: none;
    }

    .footer-grid {
        grid-template-columns: 1fr;
    }

    .footer-links {
        flex-wrap: wrap;
    }

    .main-marks-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .mobile-header__contacts {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        font-size: 12px;
        gap: 4px;
    }

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

    .marks-tabs {
        padding-top: 56px;
    }

    .main-marks__box {
        padding: 15px;
    }

    .marks-tabs__nav {
        top: 0;
        width: 100%;
    }

    .main-marks-grid.js-more-items {
        --limit-items: 8;
    }

    .main-marks-filter__inputs {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 10px;
    }

    .specials-block {
        padding: 10px;
    }

    .credit-offer-form__block {
        padding: 15px;
    }

    .credit-offer-form__futures-text {
        font-size: 14px;
    }

    .credit-offer-form__futures {
        gap: 10px;
    }

    .credit-offer-form__inputs {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 10px;
    }

    .credit-offer-form__block:first-child:after {
        width: 69px;
        height: 62px;
        right: 0%;
        top: -6%;
    }

    .gifts__card {
        height: 120px;
    }

    .help-offer__form-inputs {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 10px;
    }

    .help-offer__title {
        font-size: 26px;
        margin-bottom: 10px;
    }

    .help-offer__description {
        margin-bottom: 20px;
        font-size: 14px;
    }

    .section.section-help-offer {
        padding: 25px 0;
    }

    .footer-description {
        margin-left: 15px;
    }

    .footer-copy-text {
        font-size: 14px;
    }

    .footer-bottom-links {
        gap: 10px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .footer-grid__col:first-child {
        grid-gap: 10px;
    }

    .footer-contacts {
        justify-content: center;
        text-align: center;
        align-items: center;
    }

    .footer-copyright {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        gap: 15px;
    }

    .footer {
        padding: 20px 0;
    }

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

    .modal-finance {
        padding: 20px;
    }

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

    .page-aside-tpl {
        grid-template-columns: 1fr;
    }

    .filter-tabs__nav {
        gap: 5%;
    }

    .page-heading {
        font-size: 24px;
        margin-bottom: 33px;
    }

    .car-new-card {
        grid-template-columns: 1fr;
        margin: 0;
        padding: 10px;
        margin: -10px;
    }

    .car-new-card__preview {
        order: -1;
    }

    .filter-form__header {
        flex-wrap: wrap;
    }

    .filter-form__header-col {
        flex-wrap: wrap;
        gap: 10px;
        width: 100%;
    }

    .filter-form__header-col .main-form-label > .select2-container {
        max-width: 100%;
    }

    .filter-form__header-col .main-form-label {
        width: 100%;
    }

    .filter-form__header-col .more-specs-btn {
        width: 100%;
        justify-content: flex-start;
    }

    .filter-tabs__nav-item {
        font-size: 16px;
    }

    .aside-offer-form {
        width: 100%;
    }

    .filter-popup {
        top: -61px;
        padding: 10px;
    }

    .filter-popup__inputs {
        grid-gap: 10px;
        grid-template-columns: repeat(1, 1fr);
    }

    .filter-popup__buttons .btn {
        width: 50%;
    }

    .filter-popup__buttons {
        gap: 10px;
    }

    .car-lg-card {
        grid-template-columns: 1fr;
        padding: 10px;
        margin: -10px;
    }

    .car-lg-card__title {
        font-size: 19px;
    }

    .car-lg-card__pricing-value {
        font-size: 17px;
    }

    .car-card-gallery .car-card-gallery__pag {
        pointer-events: none;
    }

    .model-page__top {
        gap: 20px;
    }

    .compare-item__row {
        padding: 10px;
    }

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

    .compare-table__head__col {
        font-size: 11px;
        text-align: center;
    }

    .compare-name__data {
        font-size: 11px;
        padding-right: 19px;
        margin-right: 3px;
    }

    .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: 11px;
        width: 100%;
    }

    .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: 39% 30% 31%;
        grid-template-columns: 39% 30% 31%;
    }

    .compare-table__head {
        position: relative;
        z-index: 1;
        margin-bottom: 10px;
    }

    .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: 18px;
        margin-bottom: 20px;
    }

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

    .compare-item__col:not(:first-child), .compare-table__head__col:not(:first-child) {
        padding: 0;
    }

    .model-compare-form__section {
        grid-gap: 10px;
    }

    .compare-item__col:nth-child(2) {
        /* display: none; */
    }

    .compare-payment__data {
        font-size: 11px;
        text-align: center;
    }

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

    .compare-payment__data.--hide-mb {
        display: none;
    }

    .compare-payment__data.--show-mb {
        display: block;
        text-align: center;
        width: 100%;
    }

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

    .model-contacts {
        padding: 15px;
    }

    .model-colors-preview {
        height: 285px;
    }

    .model-gallery__grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .model-gallery__link:nth-child(n + 4) {
        display: none;
    }

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

    .model-tabs__nav {
        gap: 10px;
    }

    .catalog-rows .gifts .gifts__card {
        background-position: center right 0;
    }

    .catalog-rows .gifts .gifts__card:first-child {
        background-position: center right 0;
    }

    .page-heading-used {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }

    .model-contacts.model-contacts_used {
        flex-direction: column;
    }

    .model-contacts__geo {
        background-size: 28px;
    }

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

    .model-price-check {
        padding: 15px;
    }

    .model-desc {
        padding: 16px;
    }

    .model-desc__title {
        font-size: 14px;
    }

    .model-page__price {
        font-size: 17px;
    }

    .aside-credit-form {
        width: 100%;
    }

    .modal-car-check__grid {
        grid-template-columns: 1fr;
        grid-gap: 10px;
    }

    .modal-car-check {
        padding: 30px;
    }

    .model-gallery-cc__main-photo {
        height: 235px;
    }

    .model-gallery.model-gallery-cc {
        grid-gap: 10px;
    }

    .modal-car-check__col .car-props__row {
        padding: 10px 0;
    }

    .modal-car-check__col .car-props {
        max-width: 100%;
    }

    .modal-car-check__form {
        max-width: 100%;
    }

    .mcc-desc-grid {
        grid-gap: 15px;
    }

    .finance-form-car__payment {
        padding: 6px 11px;
    }

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

    .finance-desc__image {
        display: none;
    }

    .finance-desc {
        margin-bottom: 20px;
    }

    .page-heading {
        margin-bottom: 20px;
    }

    .finance-form {
        padding: 15px;
    }

    .finance-form-dynamic-heading {
        font-size: 28px;
    }

    .finance-form-car-select__btn {
        padding: 10px;
    }

    .finance-form-car-select {
        height: auto;
        margin-bottom: 15px;
    }

    .modal-car-select {
        padding: 20px;
    }

    .modal-car-select__header {
        font-size: 22px;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    .modal-car-select__filter {
        grid-gap: 10px;
        grid-template-columns: repeat(2, 1fr);
    }

    .modal-car-select__filter .btn {
        grid-column: 2 span;
    }

    .modal-car-select__placeholder-text {
        font-size: 22px;
    }

    .modal-car-select__placeholder-sub {
        font-size: 16px;
    }

    .modal-car-select__grid {
        grid-template-columns: repeat(1 ,1fr);
    }

    .banks {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 10px 10px;
    }

    .stocks-grid {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 10px;
    }

    .stock-card {
        padding: 10px;
    }

    .contacts-map {
        height: 180px;
    }

    .contacts-row__aside {
        gap: 20px;
        flex-wrap: wrap;
    }

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

    .contacts-row__phone {
        font-size: 17px;
    }

    .contacts-form {
        padding: 15px;
    }

    .contacts-form__title {
        font-size: 18px;
    }

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

    .cp-pricing {
        padding: 0 10px 10px;
        margin-top: -15px;
    }

    .cp-pricing__rows {
        grid-gap: 10px;
    }

    .cp-value {
        white-space: nowrap;
    }

    .cp-name {
        font-size: 12px;
    }

    .mobile-header__logo {
        font-size: 13px;
    }

    .mobile-header__contacts-link {
        font-size: 14px;
    }

    .specials-catalog__grid {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 14px;
    }

    .specials-catalog {
        padding: 30px 15px;
    }

    .model-tabs__header {
        flex-direction: column;
    }

    .offer-countdown {
        order: -1;
    }

    .section-page.section-page_asort .model-colors-preview {
        height: 220px;
        margin-bottom: 10px;
    }

    .assortment-header {
        flex-wrap: wrap;
        gap: 10px;
        margin-bottom: 15px;
    }

    .offer-countdown {
        padding: 6px;
        flex-direction: column;
        width: 100%;
        gap: 0;
        line-height: 23px;
    }

    .section-page_asort .model-gallery {
        margin-bottom: 0;
    }
}

@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: "";
    }
}