@media (max-width: 1440px) {
    section.hero {
        max-height: 700px;
    }

    .container {
        width: calc(100% - 40px);
        gap: 40px;
    }

    section.news__detail .top {
        grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
    }

    section.news__detail .top > * {
        min-width: 0;
    }

    section.news__detail .top img {
        display: block;
        max-width: 100%;
        justify-self: stretch;
        object-fit: cover;
    }

    .hero__slide__info {
        left: 20px;
    }

    .map__info {
        left: 20px;
    }

    body {
        font-size: 15px;
    }

    nav.main ul li a {
        font-size: .875rem;
    }

    .timer-separator, .timer-element span {
        font-size: 40px !important;
    }

    div#timer05b2e3a8e76f09057032ec556583670a {
        height: auto !important;
    }

    section.complect .section__header, section.complect__page .section__header {
        flex-direction: column;
    }

    section.complect .section__description, section.complect__page .section__description {
        max-width: 100%;
        grid-template-columns: repeat(2, 1fr);
    }

    /* Hero section adaptive normalization */

    section.hero {
        height: 48.5vw;
        min-height: 34rem;
    }

    .map__qr {
        left: 20px;
        top: 20px;
    }

    .contacts__main__wrapper {
        gap: 40px;
    }

    a.contacts__main__item__el {
        font-size: 1.25rem;
    }

    a.contacts__main__item__el svg {
        width: 1rem;
        height: 1rem;
    }

    a.messagers__item {
        font-size: .875rem;
        padding: 1rem;
    }

    a.messagers__item svg {
        width: 1.5rem;
        height: 1.5rem;
    }

    .contacts__main__footer .contacts__list__item {
        font-size: 1rem;
    }

    .contacts__main__footer .soc svg {
        width: 1.5rem;
    }

    .subscribe__info {
        max-width: 100%;
        text-align: center;
        align-items: center;
        width: 100%;
    }
}

@media (min-width: 581px) {
    header .soc .header__soc-phone {
        display: none !important;
    }
}

@media (max-width: 580px) {
    header .soc .header__soc-phone {
        display: flex !important;
    }
}

@media (max-width: 960px) {
    section.colors {
        gap: 24px;
    }

    section.colors .colors__container .container,
    .colors__container > .container {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 24px;
        width: 100%;
        min-height: auto;
        padding: 0;
    }

    .colors__container {
        min-height: auto;
        padding: 24px;
        overflow: hidden;
        border-radius: 12px;
    }

    .color__controls {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        z-index: 2;
        width: 100%;
        max-width: none;
        gap: 18px;
        color: var(--white);
        transform: none;
    }

    .colors__var {
        align-items: center;
        width: 100%;
        gap: 16px;
        text-align: center;
    }

    .color__name {
        min-height: auto;
        color: var(--white);
    }

    .colors__grid {
        justify-content: center;
        max-width: 100%;
        gap: 12px;
    }

    .colors__item {
        width: 42px;
        height: 42px;
    }

    .color__cars {
        position: relative;
        right: auto;
        bottom: auto;
        width: 100%;
        max-width: 100%;
        transform: none;
    }

    .color__cars__item,
    .color__cars__item.active {
        width: 100%;
        height: auto;
        max-height: none;
        object-fit: contain;
    }
}

@media (max-width: 1200px) and (min-width: 961px) {
    section.colors .color__controls {
        top: 100px;
    }
}

@media (max-width: 580px) {
    section.colors {
        gap: 18px;
    }

    .colors__container {
        padding: 16px;
        border-radius: 10px;
    }

    section.colors .colors__container .container,
    .colors__container > .container {
        gap: 16px;
    }

    .colors__var {
        gap: 12px;
    }

    .color__name .ru,
    .color__name {
        font-size: 14px;
        line-height: 1.35;
    }

    .colors__grid {
        gap: 10px;
    }

    .colors__item {
        width: 34px;
        height: 34px;
    }
}

@media (max-width: 1200px) {
    section.partners .partners__slider .swiper-wrapper {
        justify-content: flex-start;
        gap: 0;
    }

    h1.section__title, h2.section__title {
        font-size: 2.25rem;
    }

    section.tradein h2.section__title {
        text-align: left;
    }

    .tradein__fos {
        align-self: center;
    }

    .test__drive__el img {
        width: 180px;
        height: auto;
    }

    .test__drive__info {
        max-width: 100%;
        width: 100%;
    }

    .test__drive__info p.title {
        max-width: 100%;
    }

    .test__drive__info p {
        max-width: 100%;
    }

    .test-drive__step.test-drive__step--intro {
        gap: 40px;
    }

    .selected__model__info .tech__list {
        display: grid;
        gap: 20px;
    }
}

@media (max-width: 1180px) {
    .stock__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .detail-car__layout,
    .test-drive__intro,
    .test-drive__contact-grid,
    .test-drive__success {
        gap: 40px;
    }

    /* Models section adaptive normalization */

    section.models .models__slider.is-open {
        padding-inline: 56px;
    }

    section.models .models__slider__item__body {
        grid-template-columns: minmax(260px, 0.45fr) minmax(0, 0.55fr);
        gap: 28px;
    }

    section.models .tech__list {
        gap: 24px 32px;
    }

    section.models .models__slider__item__detail__img {
        max-width: 100%;
    }

    section.models .models__slider .arrow.prev {
        left: 12px;
    }

    section.models .models__slider .arrow.next {
        right: 12px;
    }

    section.models .models__slider__close {
        right: 24px;
    }

    section.hero {
        height: 36rem;
        min-height: 0;
        margin-bottom: 5rem;
    }

    section.hero .hero__slider.swiper {
        height: calc(100% - 4.5rem);
    }

    section.hero .hero__slide__info {
        left: 1.5rem;
    }

    section.hero .deeler {
        min-height: auto;
        padding: 1rem;
    }

    section.hero .deeler h1 {
        font-size: 2rem;
    }

    /* Index page adaptive normalization */

    main > section:not(.hero):not(.models):not(.breadcrumbs):not(.contacts):not(.model__hero), section.reviews {
        margin-bottom: 80px;
    }

    .section__header {
        align-items: center;
    }

    section.fos .container {
        max-width: calc(100% - 40px);
    }

    section.fos .fos__wrapper {
        grid-template-columns: minmax(0, 1fr);
        gap: 28px;
        justify-items: center;
    }

    section.fos .fos__form:not(section.fos.special__fos .fos__wrapper .fos__form) {
        max-width: 720px;
        width: 100%;
        align-items: center;
        text-align: center;
    }

    section.fos .timer {
        width: 100%;
        min-width: 0;
        overflow: hidden;
    }

    section.instock .instock__list {
        padding-inline: 44px;
    }

    section.instock .instock .arrow,
    section.instock .arrow {
        z-index: 3;
    }

    section.instock .arrow.prev {
        left: 0;
    }

    section.instock .arrow.next {
        right: 0;
    }

    section.tradein {
        background-size: 320px auto;
        background-position: right 120px;
    }

    section.tradein .tradein__row {
        display: flex;
        flex-direction: column;
    }

    section.tradein .tradein__left > img {
        max-width: 100%;
        height: auto;
        object-fit: contain;
    }

    section.credit .credit__items {
        gap: 20px;
    }

    section.credit .credit__fos {
        padding: 36px 48px;
    }

    section.gallery .big__slider .swiper-slide img {
        height: clamp(360px, 48vw, 520px);
    }

    section.avilon .avilon__grid {
        gap: 32px 24px;
    }

    section.news .news__grid {
        grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
        grid-template-areas:
        "i1 i2"
        "i1 i3";
    }

    section.news .other__news a.news__item {
        max-height: none;
    }

    section.contacts .map__info {
        left: 24px;
        max-width: min(460px, calc(100% - 48px));
    }

    section.reviews .container {
        padding-left: 20px;
    }

    section.seo .seo__row .text {
        width: calc(50% - 32px);
    }

    .service__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .advantages__list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px;
    }

    .advantages__item {
        max-width: 100%;
    }

    .advantages__item span {
        max-width: 60%;
    }

    .article__items {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    section.fos.special__fos .fos__wrapper {
        grid-template-columns: minmax(0, 1fr) 220px;
        gap: 32px;
        justify-content: space-between;
    }

    section.fos.special__fos .container {
        padding: 36px 32px;
    }

    .pricelist__items {
        gap: 64px;
        width: 100%;
    }

    .pricelist__item img {
        max-width: 100%;
        height: auto;
    }

    section.new__car .top {
        align-items: center;
        gap: 32px;
    }

    section.new__car .top img {
        max-width: 48%;
    }

    .steps {
        gap: 48px;
    }

    .controls__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }

    .model__hero__content {
        gap: 20px;
    }

    .complect__name {
        flex-direction: column;
        align-items: flex-start;
        gap: 1em;
    }

    .complect__item.swiper-slide {
        padding: 24px;
        border-radius: 8px;
    }

    .testdrive__content .top .header {
        flex-direction: column;
    }

    p.price {
        font-size: 1.25rem;
    }

    .testdrive__content .top .header p.title {
        font-size: 1.5rem;
    }

    span.year {
        font-size: 1rem;
    }
}

@media (max-width: 1024px) {
    section.company {
        margin-bottom: 5rem;
    }

    section.company .company__content {
        grid-template-columns: 1fr;
        max-width: 51.25rem;
        margin-inline: auto;
    }

    section.company .company__content img {
        order: -1;
        max-height: 26.25rem;
        aspect-ratio: 16 / 10;
    }

    section.avilon {
        margin-bottom: 5rem;
    }

    .models__list {
        padding: 0 16px;
    }

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

@media (min-width: 961px) {
    .models__slider > .swiper {
        width: 100%;
        overflow: hidden;
        max-width: 1160px;
        margin: 0;
    }

    /*
    * На desktop Swiper для detail не используется.
    */
    .models__slider > .swiper > .swiper-wrapper {
        display: block !important;

        transform: none !important;
    }

    .models__slider__item {
        display: none;
        width: 100% !important;
        opacity: 0;
        flex-direction: column;
        align-items: flex-start;
        padding-bottom: 50px;
        gap: 40px;
    }

    .models__slider__item.active {
        display: flex;
        opacity: 1;
        animation: modelsFadeIn 0.35s ease;
    }
}

@media (max-width: 960px) {
    section.hero {
        max-height: 540px;
    }

    .hero__slide__info {
        top: 40px;
        gap: 20px;
    }

    .swiper-slide.hero__slide {
        align-items: flex-start;
    }

    .hero__slide__info__header {
        gap: 6px;
    }

    h2.hero__slider__title {
        font-size: 24px;
    }

    body {
        font-size: 15px;
    }

    .btn {
        padding: 12px 20px;
        font-size: 13px;
    }

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

    section.benefits {
        margin-bottom: 60px;
    }

    .fos__info svg {
        width: 36px;
        height: 36px;
    }

    span.fos__title {
        font-size: 28px;
    }

    span.fos__text {
        font-size: 16px;
    }

    div#timer39eb3ebe56879377fb641ca2552d5821 {
        transform: scale(0.8) !important;
    }

    .fos__wrapper {
        max-width: 660px;
    }

    form.fos__form {
        max-width: 660px;
    }

    .fos__container {
        padding: 36px 0;
        border-radius: 28px;
    }

    section.model h2.section__title {
        font-size: 48px;
    }

    h2.section__title {
        font-size: 36px;
    }

    section.model .container {
        gap: 20px;
    }

    .model__wrapper {
        gap: 24px;
    }

    .adv__list {
        gap: 8px;
    }

    p.adv__item {
        font-size: 13px;
    }

    .model__slider .swiper-slide {
        max-height: 620px;
    }

    span.value {
        font-size: 28px;
    }

    .model__wrapper .btn {
        padding: 12px 32px;
    }

    .colors__container,
    .colors__container > .container {
        min-height: 460px;
    }

    .belgee__logo {
        width: min(56vw, 520px);
    }

    .color__controls {
        gap: 52px;
        max-width: 300px;
    }

    .color__controls > .title {
        font-size: 60px;
    }

    .color__cars {
        right: -24px;
        width: min(70vw, 760px);
    }

    section.slider .section__header {
        flex-direction: column;
    }

    .model__slider__wrapper {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .model__slider__left {
        min-height: auto;
        max-width: 100%;
    }

    .model__slider__left__content {
        min-height: auto;
        gap: 20px;
    }

    .model__slider__right {
        grid-template-columns: 1fr;
        max-height: max-content;
    }

    .model__slider__right__big,
    .slider__big__item {
        min-height: 460px;
        max-height: 100%;
    }

    .model__slider__right__small {
        max-height: none;
        display: none;
    }

    .slider__small__item {
        height: 110px;
    }

    .full__gallery .container {
        gap: 40px;
        width: 100%;
        padding-left: 16px;
    }

    .full__gallery > .container > .title {
        font-size: 48px;
    }

    .full__gallery .gallery__section {
        gap: 18px;
    }

    .gallery__section.ext {
        margin-bottom: 2rem;
    }

    .full__gallery .gallery__section__head {
        justify-content: space-between;
        gap: 20px;
        padding-right: 16px;
    }

    .full__gallery .gallery__section__head > .title {
        font-size: 28px;
        text-align: left;
    }

    .full__gallery .gallery__section__nav {
        display: flex;
    }

    .full__gallery .gallery__section__wrapper {
        overflow: hidden;
        width: calc(100% + 20px);
        padding-right: 20px;
    }

    .full__gallery .gallery__section__wrapper > .swiper-wrapper {
        display: flex;
        gap: 0;
        height: auto;
        transform: translate3d(0, 0, 0);
    }

    .full__gallery .gallery__item {
        aspect-ratio: 16 / 10;
        height: auto;
        border-radius: 12px;
        min-height: 0;
    }

    .full__gallery .gallery__item:nth-child(1),
    .full__gallery .gallery__item:nth-child(3),
    .full__gallery .gallery__item:nth-child(8),
    .full__gallery .gallery__item:nth-child(10) {
        border-radius: 12px;
    }

    section.instock h2.section__title {
        font-size: 28px;
    }

    p.intock__count {
        font-size: 16px;
    }

    .instock__card.swiper-slide {
        gap: 20px;
    }

    p.instock__card__name {
        font-size: 18px;
    }

    p.instock__card__desc {
        font-size: 13px;
    }

    span.small {
        font-size: 11px;
    }

    .instock__card__param__row {
        font-size: 11px;
        line-height: 13px;
    }

    p.instock__card__price {
        font-size: 20px;
    }

    .map__info {
        left: 20px;
    }

    form.fos__form .row {
        gap: 10px;
    }

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

    .variants__item {
        padding: 28px;
    }

    .special__wrapper {
        padding: 32px;
    }

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

    p.special__item__title {
        font-size: 18px;
    }

    .team__photo {
        height: 230px;
    }

    .container {
        gap: 32px;
    }

    .special__wrapper h2.section__title {
        font-size: 26px;
    }

    .section__header {
        gap: 12px;
    }

    .instock .arrow.prev {
        left: -14px;
    }

    .arrow svg {
        width: 20px;
        height: 20px;
    }

    .model__slider__nav .arrow svg {
        width: 40px;
        height: auto;
    }

    .instock .arrow.next {
        right: -14px;
    }

    /*
    * Верхний список теперь Swiper.
    */
    .models__list .swiper {
        overflow: hidden;
    }

    .models__list .swiper-wrapper {
        width: auto;
    }

    .models__list__item {
        flex: none;

        height: 160px;
    }

    /*
    * Нижний блок теперь настоящий Swiper.
    */
    .models__slider > .swiper {
        overflow: hidden;
    }

    .models__slider__item {
        display: block;

        padding: 55px 60px 0;
    }

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

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

    .models__slider .arrow.prev {
        left: 5px;
    }

    .models__slider .arrow.next {
        right: 5px;
    }

    .models__slider__close {
        top: 25px;
        right: 20px;
    }

    .stock__wrapper {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .filter {
        position: fixed;
        inset: auto 0 0 0;
        z-index: 1001;
        max-height: min(82vh, 720px);
        overflow: auto;
        border-radius: 16px 16px 0 0;
        transform: translateY(100%);
        transition: transform 0.25s ease;
        box-shadow: 0 -12px 36px rgba(0, 0, 0, 0.16);
        padding-bottom: max(20px, env(safe-area-inset-bottom));
        justify-content: space-between;
    }

    body.stock-filter-open {
        overflow: hidden;
    }

    .filter__list {
        padding-bottom: 0;
    }

    .stock__filter__actions {
        position: sticky;
        bottom: -20px;
        z-index: 2;
        margin: 0 -20px calc(-1 * max(20px, env(safe-area-inset-bottom)));
        padding: 14px 20px max(20px, env(safe-area-inset-bottom));
        background: #f4f6f8;
        border-top: 1px solid #e1e4e8;
    }

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

    .stock__wrapper.filter-open .filter {
        transform: translateY(0);
    }

    .stock__wrapper.filter-open::before {
        content: "";
        position: fixed;
        inset: 0;
        z-index: 1000;
        background: rgba(0, 0, 0, 0.35);
    }

    .stock__control {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: flex-start;
    }

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

    .stock__chips {
        grid-column: 1 / -1;
        order: 3;
    }

    .stock__reset-all {
        align-self: center;
    }

    .stock__sort {
        margin-left: 0;
        justify-content: flex-end;
    }

    .detail-car-page .container {
        gap: 32px;
    }

    .detail-car-page h1.section__title {
        font-size: 32px;
        text-align: left;
    }

    .detail-car__heading {
        margin-top: 0;
        align-items: flex-start;
    }

    a.detail-car__back {
        position: initial;
        margin-bottom: 16px;
        font-size: .875em;
    }
    
    .detail-car__layout,
    .test-drive__intro,
    .test-drive__selected-model,
    .test-drive__datetime,
    .test-drive__contact-grid,
    .test-drive__success {
        grid-template-columns: 1fr;
        display: grid;
    }

    .test-drive__subheading {
        font-size: 24px;
    }

    .test-drive__date-time {
        flex-direction: column;
        gap: 16px;
    }

    .detail-car__layout {
        margin-top: 0;
    }

    .detail-car__big {
        min-height: auto;
    }

    section.models {
        margin-bottom: 80px;
    }

    section.models .container {
        gap: 32px;
    }

    section.models .models__list .swiper {
        overflow: hidden;
    }

    section.models .models__list__item {
        min-height: 168px;
        padding: 16px 14px 42px;
    }

    section.models .models__list__item > img:not(.models__list__item__bg) {
        height: auto;
        max-width: 96%;
    }

    section.models .models__list__item__price {
        bottom: 16px;
        font-size: 17px;
    }

    section.models .models__slider {
        display: block;
    }

    section.models .models__slider.is-open {
        max-height: none;
        padding: 52px 56px 0;
        overflow: visible;
    }

    section.models .models__slider > .swiper {
        max-width: 100%;
        overflow: hidden;
    }

    section.models .models__slider > .swiper > .swiper-wrapper {
        align-items: stretch;
    }

    section.models .models__slider__item {
        display: flex;
        flex-direction: column;
        height: auto;
        padding: 0 0 32px;
        gap: 28px;
    }

    section.models .models__slider__item__body {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
        align-items: stretch;
    }

    section.models .models__slider__item__detail {
        order: 1;
        min-height: 300px;
        align-items: flex-end;
    }

    section.models .models__slider__item__info {
        order: 2;
        padding: 0;
    }

    section.models .models__slider__item__detail__bg {
        left: 50%;
        right: auto;
        width: min(72vw, 440px);
        transform: translateX(-50%);
    }

    section.models .models__slider__item__detail__name {
        left: 50%;
        right: auto;
        text-align: center;
    }

    section.models .models__slider__item__detail__img {
        width: 100%;
        max-width: min(680px, 100%);
        max-height: 270px;
        margin: 0;
    }

    section.models .tech__list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        max-width: none;
        width: 100%;
        gap: 20px 18px;
    }

    section.models .models__slider__item__footer {
        grid-template-columns: 1fr;
        gap: 12px;
        padding-bottom: 0;
        border-bottom: 2px solid #e1f0f7;
    }

    section.models .models__slider__item__footer > .instock__btn {
        width: 100%;
        margin: 0;
    }

    section.models .models__slider__item__footer .btns {
        width: 100%;
    }

    section.models .models__slider .arrow {
        top: 202px;
        width: 36px;
        height: 44px;
    }

    section.models .models__slider .arrow.prev {
        left: 10px;
    }

    section.models .models__slider .arrow.next {
        right: 10px;
    }

    section.models .models__slider__close {
        top: 18px;
        right: 18px;
    }

    section.hero {
        height: auto;
        max-height: none;
        margin-bottom: 4rem;
    }

    section.hero .container {
        height: auto;
    }

    section.hero .hero__slider.swiper {
        height: clamp(28rem, 64vw, 34rem);
    }

    section.hero .swiper-slide.hero__slide {
        align-items: flex-start;
    }

    section.hero .hero__slide::after {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.68) 0%, rgba(0, 0, 0, 0.38) 36%, rgba(0, 0, 0, 0.02) 76%);
    }

    section.hero .hero__slide picture img {
        object-position: 57% center;
    }

    section.hero .hero__slide__info {
        top: 2.5rem;
        left: 1.5rem;
        right: 1.5rem;
        gap: 1.25rem;
    }

    section.hero h2.hero__slider__title {
        font-size: 1.75rem;
    }

    section.hero .hero__slider__text {
        max-width: 24rem;
        font-size: 1rem;
    }

    section.hero .deeler {
        min-height: 4rem;
        padding: 1rem 1.25rem;
    }

    section.hero .deeler h1 {
        font-size: 1.625rem;
    }

    main > section:not(.hero):not(.models):not(.contacts):not(.model__hero), section.reviews {
        margin-bottom: 64px;
    }

    .container {
        width: calc(100% - 32px);
        gap: 32px;
    }

    .section__header {
        flex-direction: column;
        text-align: left;
        align-items: flex-start;
    }

    h1.section__title,
    h2.section__title {
        font-size: 34px;
        line-height: 1.12;
    }

    section.fos .container {
        max-width: calc(100% - 32px);
        padding: 28px 24px;
        border-radius: 12px;
    }

    section.fos .fos__wrapper {
        max-width: 100%;
    }

    section.fos p.title {
        font-size: 22px;
        line-height: 1.35;
    }

    section.fos .form__row {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    section.fos .form__input,
    section.fos .form__row button {
        width: 100%;
    }

    section.fos .checkbox {
        text-align: left;
        align-items: flex-start;
    }

    section.instock .instock__list {
        padding-inline: 36px;
    }

    section.instock .instock__card {
        height: auto;
        padding: 20px;
    }

    section.instock .instock__card__img .swiper img {
        width: 100%;
        height: 180px;
        max-height: none;
        object-fit: cover;
    }

    section.instock .instock__card__param__row p {
        min-width: 0;
    }

    section.tradein {
        background-image: none;
    }

    section.tradein .tradein__wrapper {
        gap: 64px;
    }

    section.tradein .tradein__row {
        display: flex;
        flex-direction: column;
        gap: 32px;
    }

    section.tradein .tradein__left {
        gap: 28px;
    }

    section.tradein .tradein__list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px;
    }

    section.tradein .tradein__el {
        min-width: 0;
    }

    section.tradein .tradein__el p {
        width: auto;
    }

    section.tradein .tradein__el p span.big {
        font-size: 24px;
    }

    section.tradein .tradein__fos {
        max-width: 100%;
        width: 100%;
        padding: 32px;
    }

    section.tradein .test__drive__el {
        gap: 20px;
    }

    section.tradein .test__drive__info {
        max-width: none;
        align-items: center;
        text-align: center;
        gap: 20px;
    }

    section.tradein .test__drive__info p.title {
        max-width: none;
        font-size: 28px;
    }

    section.tradein .test__drive__info p {
        max-width: 560px;
        font-size: 18px;
    }

    section.tradein .test__drive__info .btn {
        width: 100%;
        max-width: 420px;
        white-space: normal;
        line-height: 1.2;
    }

    section.credit .credit__items {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: 100%;
        gap: 16px;
    }

    section.credit .credit__item {
        padding: 24px 18px;
    }

    section.credit p.credit__item__title {
        font-size: 24px;
    }

    section.credit .banks {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    section.credit .banks__item {
        height: 92px;
    }

    section.credit .banks__item img {
        max-width: 100%;
        max-height: 40px;
    }

    section.credit .credit__fos {
        max-width: 100%;
        padding: 32px 28px;
    }

    section.credit p.credit__fos__title {
        font-size: 26px;
        line-height: 1.25;
    }

    section.credit .fos__checks {
        flex-direction: column;
        gap: 10px;
    }

    section.gallery .gallery-slider,
    section.gallery .big__slider {
        max-width: 100%;
    }

    section.gallery .big__slider .swiper-slide img {
        height: clamp(300px, 58vw, 440px);
    }

    section.gallery p.gallery__title {
        margin-top: 32px;
        font-size: 26px;
        line-height: 1.2;
    }

    section.gallery .small__slider {
        margin-top: 24px;
    }

    section.avilon .avilon__grid {
        max-width: 100%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px 20px;
    }

    section.avilon .avilon__item {
        font-size: 18px;
        line-height: 1.3;
    }

    section.qr .container {
        max-width: calc(100% - 32px);
        align-items: center;
    }

    section.qr img.qr__auto {
        left: -48px;
        max-width: calc(100% - 160px);
        display: none;
    }

    section.partners .partners__slider .swiper-wrapper {
        justify-content: flex-start;
        gap: 0;
    }

    section.news .news__grid {
        grid-template-areas:
        "i1"
        "i2"
        "i3";
        grid-template-columns: 1fr;
    }

    section.news a.news__item.grand__news img {
        width: 100%;
        height: clamp(240px, 44vw, 340px);
        object-fit: cover;
    }

    section.news .other__news a.news__item img {
        width: 220px;
        height: 150px;
        flex: 0 0 auto;
    }

    section.contacts .map__wrapper {
        display: flex;
        flex-direction: column;
        overflow: visible;
        border-radius: 0;
        gap: 20px;
    }

    section.contacts .map__info {
        position: static;
        order: 1;
        max-width: 100%;
        border-radius: 0;
    }

    section.contacts div#map {
        order: 2;
        height: 480px;
        border-radius: 12px 12px 0 0;
        overflow: hidden;
    }

    section.reviews .container {
        max-width: 100%;
        width: 100%;
        padding-inline: 16px 0;
    }

    section.reviews .reviews__wrapper {
        flex-direction: column;
    }

    section.reviews .reviews__info {
        width: calc(100% - 16px);
        height: auto;
        min-height: 180px;
    }

    section.reviews .reviews__slider__wrapper {
        width: 100%;
    }

    section.faq .faq__item {
        font-size: 16px;
        line-height: 1.5;
        padding: 1rem 0;
    }

    section.faq .faq__item__body__inner {
        font-size: 16px;
        line-height: 1.5;
    }

    section.seo .seo__detail {
        gap: 32px;
    }

    section.seo .seo__row,
    section.seo .seo__row.row__reverse {
        flex-direction: column;
        gap: 24px;
    }

    section.seo .seo__row .text,
    section.seo .seo__row img {
        width: 100%;
        max-width: 100%;
    }

    section.seo .seo__row img {
        max-height: 360px;
        object-fit: cover;
    }

    footer .container {
        flex-wrap: wrap;
    }

    footer .footer__nav__wrapper {
        width: 100%;
    }

    .contacts__main__wrapper {
        display: flex;
        flex-direction: column;
    }
    
    .map__qr img {
        height: auto;
    }
    
    .qr__wrapper {
        padding: 1.5rem;
    }
    
    .qr__wrapper p.title {
        font-size: 1rem;
        margin: .75rem 0;
    }
    
    .qr__list p {
        font-size: .875rem;
    }
    
    .qr__list {
        gap: 10px;
    }

    section.complect, section.complect__page {
        padding-top: 3.5rem;
    }
    
    section.slider .section__description {
        text-align: left;
        max-width: 100%;
    }
    
    .model__slider__left__content .top {
        gap: 24px;
    }
    
    .model__slider__left__content .counter {
        gap: 6px;
        font-size: 1rem;
    }
    
    .model__slider__left__content .current {
        font-size: 26px;
    }
    
    .model__slider__left__content .title {
        font-size: 28px;
    }
    
    .model__slider__left__content .text {
        font-size: 1em;
    }

    .gallery__wrapper {
        gap: 20px;
    }

    h2.section__title.width50 {
        max-width: 100%;
    }
    
    .section__description {
        max-width: 100%;
    }

    .testdrive__content, .test-drive__model-card:nth-child(2n) .testdrive__wrapper .testdrive__content {
        padding: 24px;
        gap: 24px;
    }

    section.model__hero.service__hero {
        min-height: 420px;
        margin-bottom: 64px;
    }

    section.service__hero .model__hero__content {
        max-width: 100%;
    }

    section.service__hero .model__hero__content h1.title {
        font-size: 34px;
    }

    .models__grid__item__body {
        flex-direction: column;
        gap: 28px;
    }

    .models__grid__item__detail {
        max-width: 100%;
        min-height: 280px;
        align-items: center;
        gap: 24px;
        justify-content: center;
    }

    .models__grid__item__detail__img {
        max-height: 240px;
    }

    .pricelist__items {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 32px;
    }

    .pricelist__item {
        align-items: stretch;
        padding: 20px;
        border: 1px solid #e1e4e8;
        border-radius: 12px;
        background: #fff;
    }

    .pricelist__item img {
        align-self: center;
        max-height: 240px;
        object-fit: contain;
    }

    .pricelist__item .btns {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        width: 100%;
    }

    .pricelist__item .btns .btn {
        width: 100%;
    }

    section.news__detail .top {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    section.news__detail .top img {
        max-height: 360px;
        object-fit: cover;
    }

    .news__info h1.section__title,
    section.special__detail .top h1.section__title {
        font-size: 32px;
        line-height: 1.18;
    }

    section.special__detail .top img {
        height: auto;
        max-height: 420px;
        width: 100%;
    }

    .content {
        font-size: 16px;
        line-height: 1.55;
    }

    .mark {
        font-size: 20px;
        line-height: 1.4;
    }

    section.fos.special__fos .fos__wrapper {
        grid-template-columns: 1fr;
    }

    section.fos.special__fos .fos__wrapper > img {
        display: none;
    }

    section.fos.subscribe__fos .container .fos__wrapper {
        gap: 24px;
    }

    section.fos.subscribe__fos .fos__form,
    section.fos.subscribe__fos form {
        width: 100%;
    }

    .open__fos__wrapper {
        grid-template-columns: 1fr;
        width: 100%;
    }

    .open__fos__wrapper > img {
        height: 260px;
        border-radius: 12px 12px 0 0;
    }

    .open__fos__container {
        padding: 32px;
        border-radius: 0 0 12px 12px;
    }

    form.open__fos__form {
        max-width: 100%;
    }

    section.new__car .top {
        flex-direction: column;
        align-items: flex-start;
    }

    section.new__car .top p.title {
        max-width: 100%;
    }

    section.new__car .top img {
        max-width: 100%;
        align-self: center;
    }

    .new__car__form {
        max-width: 100%;
        padding: 32px;
    }

    .new__car__form form.open__fos__form input.form__input {
        width: 100%;
    }

    section.diller .container .text {
        max-width: 100%;
    }

    .models__grid__item__footer .btn {
        min-width: auto;
    }

    .models__grid__item__footer .btns {
        display: grid;
        gap: 10px;
    }

    section.fos.special__fos .fos__wrapper .fos__form form {
        max-width: 100%;
    }

    .selected__model__info .tech__list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .test-drive__date-time {
        flex-direction: column;
        gap: 16px;
    }

    .test-drive__contact-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 899px) and (min-width: 581px) {
    section.instock .instock__slider > .swiper-wrapper > .swiper-slide {
        width: calc((100% - 12px) / 2) !important;
    }
}

@media (max-width: 768px) {
    nav.main {
        display: none;
    }

    .call__wrapper {
        display: none;
    }

    .burger {
        display: flex;
    }

    .right {
        width: 135px;
    }

    .header__btn {
        width: 135px;
        display: flex;
    }

    section.hero {
        margin-bottom: 60px;
    }

    a.brand__logo img {
        max-width: 100px;
        max-height: 26px;
    }

    a.brand__logo {
        gap: 10px;
    }

    .fos__wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    div#timer39eb3ebe56879377fb641ca2552d5821 {
        transform: scale(0.9) !important;
    }

    .fos__info p {
        text-align: center;
    }

    .fos__info {
        flex-direction: column;
        align-items: center;
    }

    form.fos__form .row {
        flex-direction: column;
        display: flex;
    }

    form.fos__form {
        max-width: 100%;
    }

    .fos__container {
        padding: 24px;
        gap: 24px;
    }

    .checkboxes {
        gap: 12px;
    }

    section {
        margin-bottom: 64px;
    }

    .full__gallery .container {
        gap: 36px;
        padding-left: 12px;
    }

    .full__gallery > .container > .section__title,
    .full__gallery > .container > .title {
        font-size: 34px;
        text-align: left;
        align-self: flex-start;
    }

    .full__gallery .gallery__section__head > .title {
        font-size: 24px;
    }

    .full__gallery .gallery__item {
        aspect-ratio: 4 / 3;
    }

    section.model h2.section__title {
        font-size: 42px;
    }

    .model__wrapper {
        gap: 20px;
    }

    .adv__list {
        gap: 5px;
    }

    p.adv__item {
    }

    .model__slider .swiper-slide {
        max-height: 480px;
        border-radius: 10px;
    }

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

    .model__wrapper .btn {
        margin-top: 12px;
    }

    .model__slider__left {
        border-radius: 12px;
    }

    .model__slider__left__content .title {
        font-size: 28px;
    }

    .model__slider__left__content .text,
    section.slider .section__description {
        font-size: 16px;
    }

    .model__slider__right__big,
    .slider__big__item {
        min-height: 380px;
        border-radius: 12px;
    }

    .slider__big__item,
    .slider__small__item,
    .slider__big__item img,
    .slider__small__item img {
        border-radius: 12px;
    }

    .slider__small__item {
        height: 96px;
    }

    .colors__container,
    .colors__container > .container {
        min-height: 580px;
    }

    .colors__container > .container {
        justify-content: flex-start;
        padding-top: 36px;
    }

    .belgee__logo {
        width: min(74vw, 520px);
    }

    .color__controls {
        gap: 40px;
        max-width: 100%;
    }

    .color__controls > .title {
        font-size: 52px;
    }

    .color__cars {
        right: 50%;
        bottom: 28px;
        width: min(94vw, 760px);
        transform: translateX(50%);
    }

    h2.section__title {
        font-size: 32px;
    }

    p.section__description {
        font-size: 16px;
    }

    p.name {
        font-size: 18px;
    }

    p.status {
        font-size: 13px;
    }

    .variants__grid {
        display: flex;
        flex-direction: column;
    }

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

    .special__item {
        max-width: 100%;
        width: 100%;
    }

    .special__wrapper {
        gap: 24px;
    }

    .location__wrapper {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    .location__code {
        width: 100%;
        align-items: center;
        height: auto;
        padding: 24px;
        gap: 12px;
    }

    .location__code img {
        max-width: 200px;
    }

    img.location__media {
        max-width: 100%;
        height: auto;
    }

    .team__photo {
        height: 360px;
    }

    .swiper-slide.team__item {
        gap: 4px;
    }

    p.team__item__name {
        font-size: 18px;
    }

    p.team__item__status {
        font-size: 13px;
    }

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

    .personal__wrapper {
        display: flex;
        flex-direction: column;
    }

    .map__info {
        position: initial;
        max-width: 100%;
    }

    .map__wrapper {
        flex-direction: column-reverse;
        border-radius: 0 0 20px 20px;
    }

    div#map {
        height: 400px;
    }

    footer .container {
        display: flex;
        flex-direction: column;
        gap: 32px;
    }

    .gallery__wrapper {
        gap: 12px;
    }

    .gallery__big__link {
        min-height: 420px;
    }

    .big__slider .swiper-slide {
        border-radius: 12px;
    }

    .small__slider {
        margin-top: 12px;
        gap: 8px;
    }

    .small__slider .swiper-slide {
        border-radius: 8px;
    }

    .models__list__item {
        height: 145px;

        padding-left: 10px;
        padding-right: 10px;
    }

    .models__list__item > img:not(.models__list__item__bg) {
        height: 75px;
    }

    .models__slider.is-open {
        max-height: 1300px;
    }

    .models__slider__item {
        padding: 55px 35px 0;
    }

    .models__slider__item__body {
        display: flex;
        flex-direction: column-reverse;
    }

    .models__slider__item__detail {
        min-height: 250px;
    }

    .models__slider__item__detail__img {
        width: 110%;
        max-width: 500px;

        margin-left: -10%;
    }

    .models__slider__item__info {
        padding: 30px 0;
    }

    .tech__list {
        max-width: none;
    }

    .models__slider__item__footer {
        display: flex;
        flex-direction: column;

        padding-bottom: 30px;

        border-bottom: 2px solid #e1f0f7;
    }

    .models__slider__item__footer > .instock__btn {
        width: 100%;

        margin: 0 0 10px;
    }

    .models__slider__item__footer .btns {
        display: grid;

        grid-template-columns: 1fr 1fr;

        width: 100%;

        padding: 0;
    }

    .models__slider .arrow {
        top: 180px;

        width: 32px;
        height: 44px;
    }

    .models__slider__close {
        top: 15px;
        right: 12px;
    }

    section.models .models__list__item {
        min-height: 150px;
        padding: 14px 12px 38px;
    }

    section.models .models__list__item__name {
        font-size: 22px;
    }

    section.models .models__list__item > img:not(.models__list__item__bg) {
        height: auto;
    }

    section.models .models__list__item__price {
        font-size: 15px;
    }

    section.models .models__slider.is-open {
        padding-inline: 38px;
    }

    section.models .models__slider__item__detail {
        min-height: 260px;
    }

    section.models .models__slider__item__detail__img {
        max-height: 230px;
    }

    section.models .tech__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    section.hero {
        margin-bottom: 3.75rem;
    }

    section.hero .hero__slider.swiper {
        height: clamp(25rem, 78vw, 31rem);
    }

    section.hero .hero__slide__info {
        top: 1.75rem;
    }

    section.hero h2.hero__slider__title {
        font-size: 1.5rem;
    }

    section.hero .hero__slider__text {
        max-width: 21rem;
        font-size: 0.9375rem;
    }

    section.hero .deeler h1 {
        font-size: 1.375rem;
    }

    main > section:not(.hero):not(.models):not(.contacts):not(.model__hero), section.reviews {
        margin-bottom: 56px;
    }

    .container {
        width: calc(100% - 28px);
        gap: 28px;
    }

    h1.section__title,
    h2.section__title {
        font-size: 28px;
    }

    section.fos .container {
        max-width: calc(100% - 28px);
        padding: 24px 18px;
    }

    section.instock .instock__list {
        padding-inline: 28px;
    }

    section.instock .arrow.prev {
        left: -4px;
    }

    section.instock .arrow.next {
        right: -4px;
    }

    section.instock .instock__card__img .swiper img {
        height: 170px;
    }

    section.tradein .tradein__list {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    section.tradein .tradein__el {
        align-items: center;
    }

    section.tradein .tradein__left > img {
        max-height: 280px;
        width: 100%;
    }

    section.tradein .tradein__fos {
        padding: 28px 22px;
    }

    section.tradein .test__drive__el {
        flex-direction: column;
        align-items: center;
        width: 100%;
        background: var(--light-blue);
        padding: 28px 20px;
        border-radius: 16px;
    }

    section.tradein .test__drive__el > img {
        width: 44px;
        height: 44px;
    }

    section.tradein .test__drive__info p.title {
        font-size: 24px;
    }

    section.tradein p.test__drive__title {
        font-size: 26px;
    }

    section.credit .credit__items {
        grid-template-columns: 1fr;
    }

    section.credit .credit__item {
        align-items: center;
    }

    section.credit .banks {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    section.credit .credit__fos form.fos__form .row {
        grid-template-columns: 1fr;
    }

    section.credit .credit__fos {
        padding: 28px 20px;
        border-radius: 18px;
    }

    section.credit p.credit__fos__title {
        font-size: 22px;
    }

    section.gallery .big__slider .swiper-slide img {
        height: 300px;
    }

    section.gallery .small__slider .swiper-slide {
        border-radius: 8px;
    }

    section.avilon .avilon__grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    section.avilon .avilon__item {
        gap: 14px;
    }

    section.avilon .avilon__item svg {
        flex: 0 0 auto;
    }

    section.qr .container {
        flex-direction: column;
        max-width: calc(100% - 28px);
        gap: 20px;
    }

    section.qr .qr__wrapper {
        max-width: 100%;
        width: 100%;
    }

    section.qr img.qr__auto {
        left: 0;
        max-width: 100%;
        width: min(100%, 460px);
        display: none;
    }

    section.partners .partners__slider .swiper-slide {
        align-items: center;
        justify-content: center;
    }

    section.news .other__news a.news__item {
        align-items: stretch;
    }

    section.news .other__news a.news__item img {
        width: 180px;
        height: 130px;
    }

    section.news span.news__title {
        font-size: 18px;
        line-height: 1.3;
    }

    section.contacts .map__info {
        padding: 0 20px;
    }

    section.contacts div#map {
        height: 420px;
    }

    section.reviews .reviews__slider__item {
        max-width: 320px;
        height: auto;
        min-height: 238px;
    }

    footer {
        padding: 56px 0 32px;
    }

    footer .container {
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
    }

    footer .footer__info,
    footer .footer__logos,
    footer .footer__nav__wrapper,
    footer .footer__nav__list {
        align-items: flex-start;
        justify-content: flex-start;
    }

    footer .footer__nav__list {
        flex-wrap: wrap;
    }

    section.breadcrumbs {
        padding: 1rem 0;
    }

    section.company,
    section.avilon {
        margin-bottom: 4rem;
    }

    section.company .container,
    section.avilon .container {
        gap: 1.5rem;
    }

    section.company h1.section__title,
    section.avilon h2.section__title {
        font-size: clamp(1.75rem, 8vw, 2.375rem);
        line-height: 1.08;
    }

    section.company .company__content {
        gap: 1.5rem;
    }

    section.company .company__content img {
        max-height: 21.25rem;
        aspect-ratio: 4 / 3;
        border-radius: 0.5rem;
    }

    section.company .company__content .text {
        font-size: 0.9375rem;
        line-height: 1.55;
    }

    section.company .company__content .text ul {
        gap: 0.625rem;
        padding-left: 1.125rem;
    }

    section.complect .section__description, section.complect__page .section__description {
        display: flex;
        flex-direction: column;
    }

    .model__params__list {
        gap: 20px;
        justify-content: space-between;
    }

    .model__params__list .model__params__item span.value {
        font-size: 3rem;
    }

    .params__header h3.title {
        font-size: 1.5rem;
    }

    .params div:not(.params__item) {
        font-size: 1rem;
    }

    .credit__car__item p {
        font-size: 1em;
        font-weight: 400;
        line-height: 1.2;
    }

    .credit__car__item img {
        height: 60px;
        width: 60px;
    }

    .credit__car__list, .banks__list {
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
    }

    .banks__list .banks__item img {
        max-width: 80%;
    }

    .programms__table {
        overflow-x: scroll;
    }

    .programms__body {
        width: max-content;
        max-width: 1000px;
    }

    .td:not(:first-child) {
        text-align: left;
        justify-content: flex-start;
    }

    .programms__attention {
        padding: 20px;
        gap: 14px;
    }

    .testdrive__wrapper, .test-drive__model-card:nth-child(2n) .testdrive__wrapper {
        display: flex;
        flex-direction: column;
    }
    
    .testdrive__wrapper > img {
        border-radius: 12px;
    }
    
    section.colors .container {
        flex-direction: column;
        padding: 0;
    }

    .service__grid,
    .advantages__list,
    .pricelist__items,
    .controls__list {
        grid-template-columns: 1fr;
    }

    .article__items {
        display: flex;
        gap: 16px;
        width: calc(100% + 40px);
        margin: 0 -20px;
        padding: 0 20px 8px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }

    .article__items::-webkit-scrollbar {
        display: none;
    }

    .another__article .article__items,
    section.special:not(.special__listing) .article__items {
        width: 100%;
        margin: 0;
        padding: 0 0 8px;
        scroll-padding-left: 0;
    }

    a.article__item {
        flex: 0 0 min(320px, 82vw);
        scroll-snap-align: start;
    }

    .special__listing .article__items {
        display: grid !important;
        grid-template-columns: 1fr !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .special__listing a.article__item {
        flex: initial !important;
    }

    a.service__item {
        min-height: 76px;
        padding: 18px;
    }

    a.service__item img {
        width: 36px;
        height: 36px;
    }

    .advantages__item {
        display: grid;
        grid-template-columns: 56px minmax(0, 1fr);
        align-items: center;
        text-align: left;
        gap: 10px;
    }

    .advantages__item img {
        width: 44px;
        height: 44px;
    }

    .pricelist__item {
        padding: 18px;
    }

    h3.section__title {
        font-size: 26px;
        line-height: 1.15;
        text-align: left;
        align-self: flex-start;
    }

    section.special__detail .top,
    section.news__detail .top,
    .news__info {
        gap: 18px;
    }

    section.special__detail .top span.date,
    .news__info span.date {
        font-size: 15px;
    }

    section.fos.special__fos .container,
    section.fos.subscribe__fos .container {
        padding: 24px 20px;
        border-radius: 12px;
    }

    section.fos.special__fos .fos__wrapper .fos__form form,
    section.fos.subscribe__fos form {
        display: flex;
        flex-direction: column;
    }

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

    .new__car__form {
        padding: 24px 20px;
    }

    .steps {
        gap: 20px;
    }

    .step__item {
        display: grid;
        grid-template-columns: 82px minmax(0, 1fr);
        align-items: center;
        max-width: 100%;
        gap: 16px;
        padding: 16px;
        border-radius: 12px;
        background: #fff;
        /* box-shadow: 0 0 0 1px #e1e4e8; */
    }

    .step__item > img {
        width: 82px;
        height: 82px;
        object-fit: contain;
    }

    .step__item__text {
        gap: 12px;
    }

    .step__item__text .text {
        font-size: 15px;
        line-height: 1.35;
    }

    span.num {
        font-size: 34px;
    }

    a.controls__item {
        min-height: 76px;
        flex-direction: row;
        justify-content: flex-start;
        padding: 18px 20px;
        font-size: 18px;
    }

    .header:not(.testdrive__content .top .header) {
        padding: 10px 0;
    }

    .test-drive__step-head h1, .test-drive__step-head h2 {
        font-size: 24px;
    }
    
    .test-drive__step-head strong {
        font-size: 24px;
    }
    
    .test-drive__step-head span {
        font-size: 1em;
    }
    
    .test-drive__intro-text h2 {
        font-size: 28px;
    }
    
    .test-drive__intro-text .top {
        gap: 12px;
    }
    
    .test-drive__intro-text p {
        font-size: 14px;
    }
    
    .test-drive__intro-text .top div {
        gap: 10px;
    }

    .test-drive__step:not(.test-drive__step--intro) {
        gap: 24px;
    }

    .test-drive__models {
        gap: 24px;
    }

    .selected__model__info .tech__list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 640px) {
    .stock__grid {
        grid-template-columns: 1fr;
    }

    .stock__control {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }

    .stock__filter__toggle {
        width: 100%;
    }

    .stock__reset-all {
        min-height: 40px;
    }

    .stock__sort {
        grid-column: 1 / -1;
        order: 2;
        width: 100%;
        justify-content: space-between;
    }

    .stock__sort__select {
        min-width: 0;
        width: auto;
        flex: 1 1 auto;
    }

    .detail-car__model,
    .test-drive__selected-model h3 {
        font-size: 28px;
    }

    .test-drive__selected-model span {
        font-size: 1rem;
    }
    
    .selected__model__info__header > p {
        font-size: 1.5rem;
    }

    .detail-car__subtitle {
        font-size: 19px;
    }

    .detail-car__spec,
    .detail-car__price-grid,
    .detail-car__actions,
    .test-drive__form-actions {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .detail-car__thumb {
        height: 100px;
    }

    .test-drive__step-head {
        gap: 14px;
        margin-bottom: 0;
    }

    .test-drive__intro-text .btn,
    .test-drive__selected-date {
        width: 100%;
    }

    .test-drive__model-card .testdrive__content {
        padding: 28px 22px;
    }

    .detail-car-page .container {
        gap: 32px;
    }

    .full__gallery .container {
        gap: 32px;
    }

    .full__gallery .gallery__section {
        gap: 14px;
    }

    .full__gallery .gallery__section__head {
        align-items: flex-end;
        gap: 12px;
        padding-right: 12px;
    }

    .full__gallery .gallery__section__arrow {
        flex-basis: 36px;
        width: 36px;
        height: 36px;
    }

    .full__gallery .gallery__section__counter {
        min-width: 58px;
        font-size: 12px;
    }

    .full__gallery .gallery__section__counter .current {
        font-size: 14px;
    }
    
    .detail-car__model {
        font-size: 28px;
    }
    
    .detail-car__subtitle {
        font-size: 1.25rem;
    }
    
    .detail-car-page h1.section__title {
        font-size: 28px;
        text-align: left;
    }
    
    .detail-car__arrow--prev {
        left: 10px;
    }
    
    .detail-car__arrow--next {
        right: 10px;
    }
    
    .detail-car__gallery {
        gap: 20px;
    }
    
    p.detail-car__old-price {
        font-size: 16px;
    }
    
    .detail-car__price-grid > div:not(.detail-car__price-grid > div:first-child) {
        margin-top: 12px;
    }
    
    aside.detail-car__info {
        gap: 32px;
    }
    
    .detail-car__spec {
        gap: 12px;
    }

    button.btn.black__btn.stock__show-more {
        width: 100%;
    }

    .stock__grid__pages {
        width: 100%;
        gap: 8px;
    }

    .stock__page-btn.btn.black__btn {
        flex: 1 1 calc(25% - 8px);
        min-width: 44px;
    }

    .test-drive__summary {
        width: 100%;
        max-width: 100%;
    }

    .test-drive__contact-grid {
        display: flex;
        flex-direction: column;
    }

    .test-drive__selected-date {
        width: 100%;
    }

    form.test-drive__form {
        max-width: 100%;
    }

    section.contacts .section__header {
        padding: 0 12px;
    }
}

@media (max-width: 580px) {
    section.hero {
        max-height: 800px;
        height: 100%;
    }

    .hero__slide__info {
        top: 20px;
        max-width: calc(100% - 40px);
    }

    h2.hero__slider__title {
        font-size: 20px;
    }

    .full__gallery > .container > .section__title,
    .full__gallery > .container > .title {
        font-size: 28px;
    }

    .full__gallery .gallery__section__head {
        flex-wrap: wrap;
    }

    .full__gallery .gallery__section__head > .title {
        font-size: 22px;
        width: calc(100% - 148px);
    }

    .full__gallery .gallery__section__nav {
        /* margin-left: auto; */
        width: 100%;
        justify-content: space-between;
    }

    .full__gallery .gallery__item {
        aspect-ratio: 1 / 1;
    }

    .header__btn {
        display: none;
    }

    .right {
        width: auto;
    }

    header .soc .header__soc-phone {
        display: flex;
    }

    .benefits__grid {
        display: flex;
        flex-direction: column;
        gap: 20px;
        width: 100%;
    }

    .benefits__item {
        width: 100%;
    }

    div#timer39eb3ebe56879377fb641ca2552d5821 {
        transform: scale(0.8) !important;
    }

    .fos__container {
        border-radius: 20px;
    }

    .model__slider .swiper-slide img {
        border-radius: 10px;
    }

    .model__slider__left__content .top {
        gap: 16px;
    }

    .model__slider__left__content .title {
        font-size: 20px;
    }

    .model__slider__left__content .text,
    section.slider .section__description {
        font-size: 15px;
    }

    .model__slider__left .model__slider__nav {
        margin-top: 10px;
        justify-content: space-between;
    }

    .model__slider__nav .arrow {
        width: 56px;
        height: 40px;
    }

    .model__slider__right__big,
    .slider__big__item {
        min-height: 300px;
    }

    .slider__small__item {
        height: 82px;
    }

    .colors__container,
    .colors__container > .container {
        min-height: auto;
    }

    .colors__container > .container {
        padding-top: 28px;
    }

    .belgee__logo {
        width: 70%;
    }

    .color__controls {
        gap: 28px;
    }

    .color__controls > .title {
        font-size: 42px;
    }

    .color__name {
        min-height: 60px;
    }

    .color__name .en {
        font-size: 20px;
    }

    .color__name .ru {
        font-size: 14px;
    }

    .colors__grid {
        gap: 10px;
        max-width: 260px;
    }

    .colors__item {
        width: 30px;
        height: 30px;
    }

    .color__cars {
        bottom: 0;
        width: 100%;
    }

    .gallery__big__link {
        min-height: 260px;
    }

    .gallery__small__item {
        border-radius: 4px;
    }

    .hover__cursor {
        display: none;
    }

    span.value {
        font-size: 20px;
    }

    .instock__progressbar {
        margin: 10px 0 0;
    }

    .choose__grid {
        display: flex;
        flex-direction: column;
    }

    h2.section__title {
        font-size: 28px;
    }

    p.section__description {
        font-size: 15px;
    }

    .variants__item {
        padding: 24px;
    }

    .special__wrapper {
        border-radius: 20px;
        padding: 24px;
    }

    .special__wrapper h2.section__title {
        font-size: 20px;
    }

    .special__item {
        padding: 16px;
    }

    .team__photo {
        height: 230px;
    }

    .avilon__grid {
        display: flex;
        flex-direction: column;
    }

    .avilon__item svg {
        width: 42px;
        height: 42px;
    }

    .avilon__item p {
        max-width: calc(100% - 52px);
    }

    form.personal__form {
        padding: 20px;
    }

    p.avilon__form__title {
        font-size: 18px;
    }

    input.fos__input {
        height: 42px;
        padding: 10px 14px;
    }

    button.fos__btn {
        height: 42px;
    }

    p.place__name {
        font-size: 20px;
    }

    .map__info {
        gap: 16px;
    }

    .contacts__list__item {
        gap: 16px;
    }

    footer {
        padding: 60px 0 30px;
    }

    .header {
        padding: 10px 0;
    }

    .models__list__item__name {
        margin-bottom: 8px;
    }

    .models__slider__item {
        padding-left: 25px;
        padding-right: 25px;
    }

    .models__slider__item__detail {
        min-height: 220px;
    }

    .models__slider__item__detail__name {
        font-size: 21px;
    }

    .tech__list {
        gap: 16px 20px;
    }

    .models__slider__item__footer .btns {
        grid-template-columns: 1fr;
    }

    .black__btn {
        min-height: 38px;
    }


    .timer-separator, .timer-element span {
        font-size: 32px !important;
    }

    span.timer-slide-new, span.timer-slide-bounding {
        padding: 10px 5px !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .timer-separator {
        padding: 10px 5px !important;
        display: flex;
        align-items: center;
    }

    section.models {
        margin-bottom: 60px;
    }

    section.models .section__title {
        padding-inline: 16px;
    }

    section.models .models__list__item {
        min-height: 142px;
        padding: 20px 10px 36px;
    }

    section.models .models__list__item__name {
        font-size: 20px;
    }

    section.models .models__list__item > img:not(.models__list__item__bg) {
        height: 150px;
    }

    section.models .models__list__item__price {
        bottom: 13px;
        font-size: 16px;
    }

    section.models .models__slider.is-open {
        padding: 46px 24px 0;
    }

    section.models .models__slider__item {
        gap: 22px;
        padding-bottom: 26px;
    }

    section.models .models__slider__item__detail {
        min-height: 210px;
    }

    section.models .models__slider__item__detail__bg,
    section.models .models__slider__item__detail__name {
        width: 100%;
    }

    section.models .models__slider__item__detail__bg {
        display: none;
    }

    section.models .models__slider__item__detail__name {
        top: 0;
        font-size: 22px;
    }

    section.models .models__slider__item__detail__img {
        max-height: 190px;
    }

    section.models .models__slider__item__info .avilon {
        width: 110px;
    }

    section.models .models__slider__item__info .title {
        font-size: 20px;
    }

    section.models .tech__list {
        gap: 16px 14px;
    }

    section.models .tech__item__value {
        font-size: 19px;
    }

    section.models .models__slider__item__price {
        width: 100%;
        justify-content: center;
        font-size: 20px;
    }

    section.models .models__slider__item__footer .btns {
        grid-template-columns: 1fr;
    }

    section.models .models__slider .arrow {
        top: 160px;
    }

    section.models .models__slider .arrow.prev {
        left: 2px;
    }

    section.models .models__slider .arrow.next {
        right: 2px;
    }

    section.hero {
        margin-bottom: 3.5rem;
    }

    section.hero .hero__slider.swiper {
        height: auto;
    }

    section.hero .hero__slide::after {
        background:
        linear-gradient(180deg, rgba(0, 0, 0, 0.78) 0%, rgba(0, 0, 0, 0.46) 38%, rgba(0, 0, 0, 0.08) 74%),
        linear-gradient(90deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
    }

    section.hero .hero__slide picture img {
        object-position: 50% center;
    }

    section.hero .hero__slide__info {
        top: 1.5rem;
        left: 1.25rem;
        right: 1.25rem;
        max-width: 100%;
        gap: 1rem;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-end;
    }

    section.hero .hero__slide__info__header {
        gap: 0.5rem;
        max-width: 100%;
    }

    section.hero h2.hero__slider__title {
        font-size: 1.25rem;
    }

    section.hero .hero__slider__text {
        max-width: 18.75rem;
        font-size: 0.875rem;
    }

    section.hero .call__btn {
        min-height: 2.375rem;
        padding: 0.75rem 1rem;
        font-size: 0.75rem;
    }

    section.hero .deeler {
        min-height: auto;
        padding: 0.875rem 1rem;
    }

    section.hero .deeler h1 {
        font-size: 1.25rem;
        line-height: 1.16;
    }

    main > section:not(.hero):not(.models):not(.contacts):not(.model__hero), section.reviews {
        margin-bottom: 48px;
    }

    .container {
        width: calc(100% - 24px);
        gap: 24px;
    }

    h1.section__title,
    h2.section__title {
        font-size: 25px;
        text-align: left;
    }

    section.fos .container {
        max-width: calc(100% - 24px);
        padding: 22px 16px;
    }

    section.fos p.title {
        font-size: 20px;
    }

    section.fos .timer {
        transform: scale(0.92);
        transform-origin: top center;
    }

    section.instock .instock__list {
        padding-inline: 0;
    }

    section.instock .arrow {
        display: none;
    }

    section.instock .instock__slider.swiper {
        padding-inline: 2px;
    }

    section.instock .instock__slider > .swiper-wrapper > .swiper-slide {
        width: 100% !important;
    }

    section.instock .instock__card {
        padding: 18px;
    }

    section.instock .instock__card__img .swiper img {
        height: 160px;
    }

    section.instock .instock__progressbar {
        margin-top: 14px;
    }

    section.tradein .tradein__wrapper {
        gap: 48px;
    }

    section.tradein .tradein__left {
        gap: 22px;
    }

    section.tradein .tradein__el p span.big {
        font-size: 22px;
    }

    section.tradein .tradein__fos {
        padding: 24px 18px;
        border-radius: 16px;
    }

    section.tradein .tradein__fos > .title {
        font-size: 22px;
    }

    section.credit .credit__item {
        padding: 22px 18px;
        border-radius: 12px;
    }

    section.credit .credit__item img {
        width: 64px;
        height: 64px;
    }

    section.credit .banks__item {
        height: 72px;
    }

    section.credit .credit__fos {
        padding: 24px 16px;
    }

    section.gallery .big__slider .swiper-slide,
    section.gallery .big__slider .swiper-slide img {
        border-radius: 12px;
    }

    section.gallery .big__slider .swiper-slide img {
        height: 240px;
    }

    section.gallery p.gallery__title {
        margin-top: 24px;
        font-size: 22px;
    }

    section.gallery .small__slider {
        margin-top: 18px;
        gap: 8px;
    }

    section.gallery .small__slider .arrow {
        flex: 0 0 28px;
    }

    section.avilon .avilon__item {
        font-size: 16px;
    }

    section.qr .qr__wrapper {
        padding: 22px 18px;
    }

    section.news a.news__item,
    section.news .other__news a.news__item {
        flex-direction: column;
    }

    section.news .other__news a.news__item img,
    section.news a.news__item.grand__news img {
        width: 100%;
        height: 210px;
    }

    section.news .news__footer {
        justify-content: flex-start;
    }

    section.contacts .map__info img {
        height: 190px;
    }

    section.contacts div#map {
        height: 320px;
    }

    section.reviews .container {
        padding-left: 12px;
    }

    section.reviews .reviews__info {
        width: calc(100% - 12px);
    }

    section.reviews .reviews__slider__item {
        max-width: min(300px, calc(100vw - 48px));
    }

    section.faq .faq__item {
        padding: 18px 0;
    }

    section.faq .faq__item__header {
        gap: 14px;
        align-items: center;
    }

    section.faq .faq__item__header > span:first-child {
        min-width: 0;
    }

    section.seo .seo__row img {
        max-height: 260px;
    }

    footer .social {
        gap: 22px;
        padding-inline: 20px;
    }

    footer .footer__logos {
        flex-wrap: wrap;
    }

    .model__params__list .model__params__item span.value {
        font-size: 24px;
    }

    .model__params__list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .model__params {
        gap: 32px;
    }

    section.company,
    section.avilon {
        margin-bottom: 3.25rem;
    }

    section.company .company__content img {
        max-height: 16.25rem;
    }

    section.avilon .avilon__grid {
        gap: 1.125rem;
    }

    section.avilon .avilon__item {
        align-items: center;
        gap: 0.75rem;
        font-size: 0.9375rem;
        line-height: 1.35;
    }

    section.avilon .avilon__item svg {
        width: 2.75rem;
        height: 2.75rem;
        flex: 0 0 2.75rem;
    }

    section.models .models__list .swiper-slide {
        width: 100% !important;
    }

    .params__item {
        flex-direction: column;
        gap: 20px;
    }

    .complect-specs__head {
        padding: 18px 16px;
        font-size: 18px;
    }

    .complect-specs__body {
        padding: 0 16px 8px;
    }

    .params__item__value {
        justify-content: flex-start;
        text-align: left;
    }

    p.params__item__name {
        font-weight: 500;
    }

    .contacts__messagers {
        flex-direction: column;
    }
    
    a.messagers__item {
        justify-content: center;
        gap: 12px;
    }
    
    .map__qr {
        position: initial;
        padding: 0 12px;
        width: 100%;
    }
    
    .qr__wrapper {
        max-width: 100%;
        width: 100%;
    }
    
    section.contacts .map__wrapper {
        gap: 24px;
    }

    form.model__hero__form {
        max-width: 100%;
        width: 100%;
        padding: 1rem;
        flex-direction: column;
    }

    form.model__hero__form input.form__input.black__input, form.model__hero__form .btn {
        width: 100%;
    }

    .model__hero__content {
        max-width: 100%;
        gap: 1rem;
    }

    .page__hero .model__hero__content h1.title {
        font-size: 1.75rem;
    }
    
    p.subtitle {
        font-size: 1rem;
        font-weight: 400;
    }
    
    section.page__hero {
        min-height: 50vh;
    }
    
    section.model__hero .container {
        justify-content: space-between;
        gap: 40px;
    }

    .colors__container {
        padding: 24px;
    }

    .model__hero__content h1.title {
        font-size: 40px;
        line-height: 1;
    }
    
    .complect__name p.name {
        font-size: 24px;
    }
    
    .complect__name p.price {
        font-size: 20px;
    }
    
    .complect__item__info ul {
        font-size: 1em;
        gap: 12px;
    }
    
    .banner__wrapper {
        flex-direction: column;
        gap: 10px;
        padding: 24px;
        border-radius: 8px;
    }
    
    .testdrive__content .top .header p.title {
        font-size: 24px;
    }
    
    span.year {
        font-size: 1rem;
    }
    
    .testdrive__content .top {
        gap: 24px;
    }
    
    .testdrive__wrapper > img {
        border-radius: 8px;
    }
    
    .color__cars__item {
        top: 0;
    }
    
    .belgee__logo {
        width: 100%;
        top: -40px;
    }
    
    section.colors .container {
        gap: 40px;
    }

    section.service__hero .model__hero__content h1.title,
    .news__info h1.section__title,
    section.special__detail .top h1.section__title,
    section.new__car .top p.title {
        font-size: 28px;
    }

    section.model__hero.service__hero {
        min-height: 380px;
    }

    section.service__hero .model__hero__content .btns,
    .models__grid__item__footer .btns,
    .pricelist__item .btns {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    section.service__hero .model__hero__content .btns .btn,
    .models__grid__item__footer .btn,
    .pricelist__item .btns .btn {
        width: 100%;
        min-width: 0;
    }

    .models__grid__item {
        padding: 18px;
        border-radius: 12px;
    }

    .models__grid__item__footer {
        width: 100%;
    }

    .models__grid__item__detail {
        min-height: 220px;
    }

    p.models__grid__item__detail__name {
        font-size: 42px;
    }

    .models__grid__item__detail__img {
        max-height: 190px;
    }

    .models__grid__item__info p.title {
        font-size: 20px;
        margin-bottom: 20px;
    }

    a.article__item img {
        height: 210px;
    }

    .content ul {
        padding-left: 18px;
    }

    .mark {
        font-size: 18px;
    }

    section.fos .subscribe__info p.title {
        font-size: 22px;
    }

    .open__fos__wrapper > img {
        height: 190px;
    }

    .open__fos__container {
        padding: 24px 18px;
        gap: 18px;
    }

    .open__fos__container p.title {
        font-size: 20px;
        line-height: 1.3;
    }

    section.diller p.title {
        font-size: 24px;
    }

    section.diller .container .text,
    section.diller .container .text ul {
        font-size: 16px;
        gap: 16px;
    }

    .info:not(.testdrive__content .top .header .info) {
        padding: 18px;
        gap: 14px;
    }

    .banner__wrapper .btn {
        width: 100%;
    }

    .models__grid__item__info .avilon {
        margin-bottom: 24px;
        width: 120px;
    }

    .tech__item__value {
        font-size: 1.25rem;
    }

    img.models__grid__item__detail__bg {
        width: 80%;
    }

    .advantages__item span {
        max-width: 100%;
    }
    
    .advantages__list {
        gap: 20px;
    }

    .step__item {
        display: flex;
        gap: 24px;
    }

    .test-drive__timing {
        flex-direction: column;
        align-items: center;
    }

    .test-drive__times {
        align-self: center;
    }

    .test-drive__notice {
        width: 100%;
    }

    .test-drive__summary button {
        width: 100%;
    }

    .test-drive__summary {
        max-width: 100%;
    }

    .test-drive__selected-date {
        padding: 20px;
        gap: 10px 20px;
    }

    form.test-drive__form {
        max-width: 100%;
    }

    .test-drive__selected-date strong {
        font-size: 1rem;
    }

    .test-drive__selected-date div {
        font-size: 1rem;
    }

    .test-drive__date-time {
        margin-bottom: 20px;
    }
}

@media (max-width: 420px) {
    .full__gallery .gallery__section__head {
        align-items: center;
    }

    .full__gallery .gallery__section__head > .title {
        width: 100%;
    }

    .full__gallery .gallery__section__nav {
        width: 100%;
        justify-content: space-between;
        margin-left: 0;
    }

    .full__gallery .gallery__section__counter {
        flex: 1 1 auto;
    }

    section.hero .hero__slide picture img {
        object-position: 44% center;
    }

    section.hero .hero__slider__text {
        max-width: 16.5rem;
    }

    section.hero .deeler h1 {
        font-size: 1.125rem;
    }

    section.fos .timer {
        transform: scale(0.84);
    }

    section.instock .instock__card__img .swiper img {
        height: 160px;
    }

    section.tradein .tradein__fos,
    section.credit .credit__fos {
        padding-inline: 14px;
    }

    section.gallery .big__slider .swiper-slide img,
    section.news .other__news a.news__item img,
    section.news a.news__item.grand__news img {
        height: 190px;
    }

    section.contacts .map__info {
        padding: 0 16px;
    }

    section.contacts div#map {
        height: 280px;
    }

    .credit__car__item img {
        height: 52px;
        width: 44px;
    }
    
    .credit__car__item {
        gap: 10px;
    }

    header .soc a:not(header .soc a:last-child) {
        display: none;
    }

    .banks__list .banks__item img {
        max-width: 90%;
    }

    .programms__attention span {
        line-height: 1.2;
        font-size: 13px;
        max-width: calc(100% - 40px);
    }

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


    .td {
        font-size: 13px;
        line-height: 1;
    }

    .pricelist__item {
        padding: 14px;
    }

    .pricelist__item img {
        max-height: 200px;
    }

    a.service__item,
    a.controls__item {
        padding: 16px;
        font-size: 16px;
    }

    section.special__detail .top img,
    section.news__detail .top img {
        max-height: 260px;
    }

    a.article__item img {
        height: 190px;
    }

    .step__item__text .text {
        font-size: 16px;
    }

    .new__car__form {
        padding: 20px 16px;
    }

    .test-drive__selected-model span {
        font-size: 1rem;
    }

    .selected__model__info__header > p {
        font-size: 1.5rem;
    }

    .test-drive__timing {
        align-items: flex-start;
    }

    .test-drive__calendar {
        width: 100%;
    }

    .test-drive__times {
        grid-template-columns: repeat(3, 1fr);
        width: 100%;
        gap: 10px;
    }

    .test-drive__times button {
        width: 100%;
    }

    .selected__model__info .tech__list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 380px) {
    section.models .models__slider.is-open {
        padding-inline: 18px;
    }

    section.models .models__slider__item__detail {
        min-height: 190px;
    }

    section.models .models__slider__item__detail__img {
        max-height: 168px;
    }

    section.models .tech__list {
        grid-template-columns: 1fr;
    }
}

@media (hover: hover) and (pointer: fine) {
    /* Moved from main.css */

    .gallery__big__item:hover .hover__cursor,
    .gallery__big__link:hover .hover__cursor {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}

@media (max-width: 580px) {
  header .right .call__wrapper {
    display: none;
  }

  .modal__contacts__wrapper {
    padding: 5.5rem 1.25rem 1.25rem;
    overflow-y: auto;
  }

  .modal__contacts__back {
    top: 5.25rem;
    left: 1rem;
  }

  .modal__contacts__list {
    margin-top: 3.6rem;
    gap: 1.625rem;
  }

  .modal__contacts__address {
    font-size: 1rem;
  }

  .modal__contacts__phone {
    font-size: 0.875rem;
  }
}

@media (min-width: 581px) {
  .modal.modal__contacts {
    display: none !important;
  }
}

@media (max-width: 960px) {
    section.colors .colors__container,
    section.colors .colors__container > .container {
        min-height: auto;
    }

    section.colors .colors__container .container,
    section.colors .colors__container > .container {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 24px;
        width: 100%;
        padding: 0;
    }

    section.colors .color__controls {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        width: 100%;
        max-width: none;
        gap: 18px;
        color: var(--white);
        transform: none;
    }

    section.colors .color__name,
    section.colors .color__name .ru,
    section.colors .color__name .en {
        min-height: auto;
        color: var(--white);
    }

    section.colors .colors__var {
        align-items: center;
        width: 100%;
        gap: 16px;
        text-align: center;
    }

    section.colors .colors__grid {
        justify-content: center;
        max-width: 100%;
        gap: 12px;
    }

    section.colors .colors__item {
        width: 42px;
        height: 42px;
    }

    section.colors .color__cars {
        position: relative;
        right: auto;
        bottom: auto;
        width: 100%;
        max-width: 100%;
        transform: none;
    }
}

@media (max-width: 580px) {
    section.colors .colors__container {
        padding: 16px;
    }

    section.colors .colors__container .container,
    section.colors .colors__container > .container {
        gap: 16px;
    }

    section.colors .colors__item {
        width: 34px;
        height: 34px;
    }
}

@media (max-width: 420px) {
    .qr__imgs {
        flex-direction: column;
    }
}

@media (max-width: 960px) {
    .map__qr.contacts__page__qr {
        position: initial;
        width: 100%;
        margin: 0 16px;
    }
    
    .map__qr.contacts__page__qr .qr__wrapper {
        max-width: calc(100% - 32px);
        width: 100%;
    }
    
    .map__qr.contacts__page__qr .qr__wrapper .qr__imgs img {
        max-width: 220px;
    }
}

@media (max-width: 580px) {
    .map__qr.contacts__page__qr .qr__wrapper {
        max-width: calc(100% - 24px);
    }
    
    .map__qr.contacts__page__qr {
        margin: 0 12px;
        padding: 0;
    }
    
    .map__qr.contacts__page__qr .qr__imgs {
        flex-direction: column;
    }
}