@media (max-width: 1440px) {
    header .container {
        padding: 0;
        margin: 0 auto;
    }

    .banner_section .title_container {
        padding: 5px 20px 0;
        margin-top: 0;
    }

    .banner_section .title_wrap {
        margin-bottom: 14px;
    }

    .banner_section .title1 {
        font-size: 4vw;
        margin-bottom: 5px;
    }

    .banner_section .title2 {
        font-size: 22px;
        margin-bottom: 8px;
    }

    .banner_section .title3 {
        font-size: 22px;
    }

    .banner_section .popup.btn {
        width: 220px;
        margin-bottom: -15px;
    }

    .banner_section picture,
    .banner_section .banner_bg {
        padding: 0;
        width: 100%;
        margin-top: 55px;
        display: block;
    }
}

@media (max-width: 1385px) {
    .banner_section .container {
        top: 120px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1399px) {
    .banner_section .title_container {
        padding: 5px 20px 0;
        margin-top: 0;
    }

    .cars_items {
        margin-bottom: 90px;
    }

    .car_item {
        margin-bottom: 70px;
    }

    .car_item .bg {
        padding: 30px;
        margin-bottom: 35px;
    }

    /* Уменьшаем шрифты шапки и цены */
    .car_item .car_header {
        gap: 15px;
        margin-bottom: 25px;
    }

    .car_item .car_name {
        font-size: 34px;
    }

    .car_item .car_price {
        font-size: 18px;
        height: 44px;
        padding: 8px 14px;
    }

    /* Фоновый текст уменьшаем, чтобы не налезал на контент */
    .car_item .car_bgname {
        font-size: 90px;
        right: 20px;
        top: 5px;
    }

    /* Характеристики */
    .car_item .car_props {
        gap: 10px;
        margin-bottom: 25px;
    }

    .car_item .prop_item,
    .car_item .prop_item strong {
        font-size: 18px;
    }

    /* Адаптивность блока изображения машины */
    .car_item .car_info {
        width: 48%;
    }

    .car_item .car_main_view {
        width: 50%;
        justify-content: flex-end;
    }

    .car_item .car_image {
        width: 100%;
        max-width: 550px;
    }

    .car_item .color_picker {
        margin-left: 20px;
        margin-right: 0;
    }

    /* Кнопки */
    .car_item .btn {
        width: 48%;
    }

    /* **********testdrive**************** */
    .testdrive_section {
        margin-bottom: 90px;
        overflow: hidden;
        /* Прячем вылет фонового круга за пределы экрана */
    }

    .testdrive_section:before {
        width: 1000px;
        height: 1000px;
        bottom: -300px;
        background-size: contain;
    }

    .testdrive_header .title {
        margin-bottom: 40px;
    }

    /* Уменьшаем отступы и шрифты контентного блока */
    .testdrive_section .testdrive_content {
        padding: 30px;
    }

    .testdrive_section .testdrive_text {
        font-size: 19px;
    }

    .testdrive_section .testdrive_note {
        font-size: 14px;
        width: 100%;
    }

    /* Нижняя карточка */
    .testdrive_section .testdrive_info_card {
        width: 280px;
        padding: 30px 24px;
        flex-shrink: 0;
    }

    .testdrive_section .testdrive_info_text {
        font-size: 18px;
        max-width: 100%;
    }

    .testdrive_section .testdrive_info_accent {
        font-size: 24px;
    }

    /* ******************************************** */
    #instock {
        padding-top: 80px;
        padding-bottom: 60px;
    }

    #instock .title {
        gap: 20px;
        margin-bottom: 45px;
        flex-wrap: wrap;
    }

    /* Селекты фильтра делят строку поровну */
    #filter_table {
        margin-bottom: 30px;
        gap: 10px;
    }

    #filter_table .select_container {
        width: 33.333%;
    }

    .tb_complects .bg {
        padding: 24px 28px;
    }

    .tb_complects .aura-card__body-top {
        gap: 25px;
        margin-bottom: 20px;
    }

    .tb_complects .aura-card__badge {
        font-size: 15px;
        height: 28px;
        padding: 4px 10px;
    }

    .tb_complects .aura-card__specs {
        gap: 15px;
    }

    .tb_complects .aura-spec-value {
        font-size: 16px;
    }

    .tb_complects .aura-spec-label {
        font-size: 13px;
    }

    .tb_complects .aura-card__btns {
        width: 200px;
    }

    .advantages_section .advantages_bg_text {
        font-size: 5.5vw;
    }
}


/* ==========================================
   Адаптив: Планшеты (991px - 768px)
   ========================================== */
@media screen and (min-width: 768px) and (max-width: 991px) {
    .title {
        font-size: 5vw;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .cars_items {
        margin-bottom: 60px;
    }

    .car_item {
        margin-bottom: 50px;
    }

    .car_item .bg {
        padding: 24px 20px;
        margin-bottom: 25px;
    }

    /* Перестраиваем карточку в одну колонку */
    .car_item .car_wrap {
        flex-direction: column;
        align-items: stretch;
        gap: 30px;
    }

    .car_item .car_info {
        width: 100%;
    }

    /* Блок с машиной на всю ширину под информацией */
    .car_item .car_main_view {
        width: 100%;
        justify-content: center;
        order: 1;
        /* Если нужно визуально поднять машину выше текста, смените на order: -1 */
    }

    .car_item .car_image {
        max-width: 500px;
        margin: 0 auto;
    }

    .car_item .color_picker {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        margin-left: 0;
        z-index: 5;
    }

    .car_item .car_name {
        font-size: 28px;
    }

    .car_item .car_bgname {
        font-size: 64px;
        right: 10px;
        top: -10px;
    }

    .car_item .prop_item,
    .car_item .prop_item strong {
        font-size: 16px;
    }

    .car_item .prop_item::before {
        width: 28px;
        height: 28px;
    }

    .car_item .prop_item:after {
        width: 30px;
        height: 30px;
    }

    /* Кнопки занимают гибкую ширину */
    .car_item .car_btns {
        flex-wrap: wrap;
    }

    .car_item .btn {
        width: calc(50% - 5px);
        min-width: 140px;
    }

    /* Стрелки слайдера */
    .car_item .swiper-button-prev,
    .car_item .swiper-button-next {
        width: 32px;
        height: 32px;
    }


    /* **************************** */
    .testdrive_section {
        margin-bottom: 60px;
    }

    .testdrive_section .testdrive_wrapper .testdrive_img {
        width: 45%;
    }

    .testdrive_section:before {
        bottom: -250px;
        width: 100%;
    }

    .testdrive_section .testdrive_header {
        margin-bottom: 25px;
    }

    .testdrive_header .title {
        margin-bottom: 25px;
    }

    .testdrive_section .testdrive_wrapper {
        /* flex-direction: column; */
        gap: 16px;
        margin-bottom: 16px;
    }

    .testdrive_section .testdrive_content {
        width: 48%;
        padding: 15px;
        gap: 10px;
        background-size: cover;
    }

    .testdrive_section .testdrive_text {
        font-size: 18px;
    }

    /* Поля формы складываем вертикально */
    .testdrive_section .form-group-wrapper {
        flex-direction: column;
        display: flex;
        gap: 12px;
    }

    .testdrive_section .form-group {
        width: 100%;
    }

    .testdrive_section .form-group input,
    .testdrive_section .btn {
        height: 50px;
    }

    .testdrive_section .testdrive_bottom_grid {
        justify-content: center;
        width: 100%;
        flex-wrap: wrap;
        align-items: center;
    }

    .testdrive_section .testdrive_info_card {
        width: 40%;
        gap: 35px;
    }

    .testdrive_section .testdrive_img {
        width: 49%;
    }

    /* ******************************* */

    .blocks_title {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 0;
    }

    #instock {
        padding-top: 50px;
        padding-bottom: 40px;
    }

    /* Фильтры переходят в 2 колонки или на всю ширину при необходимости */
    #filter_table {
        flex-wrap: wrap;
        gap: 10px;
    }

    #filter_table .select_container {
        width: calc(50% - 5px);
        flex-grow: 1;
    }

    .tb_complects .compl-car-card td {
        padding-bottom: 16px;
    }

    .tb_complects .bg {
        padding: 10px;
        flex-wrap: wrap;
    }

    /* Перестраиваем карточку: изображение слева, контент справа или в колонку */
    .tb_complects .aura-card {
        flex-direction: column;
        align-items: center;
    }

    .tb_complects .aura-card__image {
        max-width: 320px;
        margin-bottom: 16px;
    }

    /* Внутренности карточки раскладываем вертикально */
    .tb_complects .aura-card__body {}

    .tb_complects .aura-card__body-top {
        margin-bottom: 15px;
        justify-content: space-between;
    }

    .tb_complects .aura-card__text {
        display: flex;
        flex-wrap: wrap;
        flex-grow: 1;
    }

    /* Характеристики превращаются в адаптивную сетку */
    .tb_complects .aura-card__specs {
        flex-wrap: wrap;
        display: flex;
        gap: 10px;
        justify-content: flex-start;
        align-items: center;
    }

    .tb_complects .aura-spec-row {
        min-width: 70px;
    }

    /* Кнопки выстраиваются в ряд внизу карточки */
    .tb_complects .aura-card__btns {
        gap: 10px;
        display: flex;
        height: 63px;
        flex-direction: row;
        width: 100%;
        margin: 10px auto -20px;
    }

    .tb_complects .popup.btn.aura-btn.orange,
    .tb_complects .popup.btn.aura-btn.transparent {
        flex: 1;
        height: 42px;
    }

    .advantages_section .advantages_bg_text {
        font-size: 5vw;
        bottom: -25px;
    }

    .advantages_section {
        margin: 165px auto;
    }

    .advantages_section .advantages_card {
        padding: 20px;
        justify-content: space-evenly;
    }
}




@media (max-width: 767px) {

    body {

        margin-top: 49px;

    }



    .anim {

        opacity: 1;

    }



    .fancybox-type-image {

        width: 100% !important;

        margin: 0px !important;

        left: 0px !important;

    }



    .fancybox-close {

        right: 9px !important;

        top: 9px !important;

    }



    .fancybox-inner {

        width: 100% !important;

        margin: 0px !important;

        padding: 0px !important;

    }



    .fancybox-wrap {

        margin: 0px !important;

        width: 100% !important;

        left: 0px !important;

        top: 20px !important;

    }



    .fancybox-type-image .fancybox-close {

        top: -8px !important;

    }



    .popup_container {

        width: 100%;

    }



    header .m_btn {

        display: block;

        position: absolute;

        width: 30px;

        height: 21px;

        z-index: 1;

        top: 15px;

        right: 15px;

    }



    header .m_btn span {

        position: absolute;

        display: block;

        width: 30px;

        height: 3px;

        background: #293337;

        transition: all 0.3s linear;

    }



    header .m_btn span:nth-child(1) {

        top: 0;

    }



    header .m_btn span:nth-child(2) {

        top: calc(50% - 1px);

        opacity: 1;

    }



    header .m_btn span:nth-child(3) {

        bottom: 0;

    }



    header .m_btn.active span:nth-child(1) {

        transform-origin: top right;

        transform: rotate(-45deg);

        top: -1px;

    }



    header .m_btn.active span:nth-child(2) {

        opacity: 0;

    }



    header .m_btn.active span:nth-child(3) {

        transform-origin: bottom right;

        transform: rotate(45deg);

        bottom: -1px;

    }



    .menu {

        display: block;

        position: fixed;

        top: 107px;

        /* background: #293337 !important; */

        width: 100%;

        height: auto;

        right: -100%;

        left: unset;

        transition: all 0.3s linear;

        z-index: 2;

        padding: 0;

    }



    .menu.active {

        right: 0;

    }



    .menu .container {

        flex-direction: column;

        border: none;

        padding: 0 15px;

    }



    .menu a {

        padding: 10px 0;

    }





    #form_popup,

    #form_popup2 {}



    .popup_container {}



    .popup_container .agree_field {}



    .popup_container .agree_field a {}



    .popup_container h2 {}



    .popup_container .form_comment {}



    .popup_container .form_comment a {}



    .popup_container .close {}



    .popup_container .close:before {}



    .popup_container .close:after {}



    .popup_container .form-group {}



    .popup_container .form-group input[type="text"] {}



    .popup_container .form-group input[type="tel"] {}



    .popup_container .form-group input[type="tel"]::placeholder {}



    .popup_container .form-group textarea {}



    .popup_container .form-group select {}



    .popup_container .form-group select option {}



    .popup_container .form-group button {}



    .popup_container .form-group button:before {}



    .popup_container .form-group button:after {}



    .not_agree button {}



    .agree_field {}



    .agree_field a {}



    .agree_field input {}



    .agree_field input::after {}



    .agree_field input:checked {}



    .agree_field input:checked::after {}



    .agree_field span {}



    .agree_field input:checked+span {}



    .popup_container .form-disclamer {}



    form {}



    form .form-group-wrapper {

        flex-direction: column !important;

        gap: 5px !important;

    }



    form .form-group {}



    form .form-group input[type="tel"],

    form .form-group input[type="text"],

    form .form-group select,

    #filter_table select {}



    form .form-group input[type="tel"]::placeholder,

    form .form-group input[type="text"]::placeholder {}



    form .form-group select,

    #filter_table select {}



    form .form-group button {}



    form .form-group button:hover {}



    .form_title {}



    .form_title span {}



    .btn {

        width: 100% !important;

    }



    .btn span {}



    .btn.white {}



    .btn.white span {}



    .btn.transparent {}



    .btn.transparent span {}



    .btn.blue {}



    .btn:hover {}



    /**********************

        WEBSITE

**********************/

    .title {

        flex-direction: column;

        gap: 7px !important;

        text-align: left;

        align-items: flex-start;

        font-size: 5vw;

        margin-bottom: 20px !important;

    }



    .title::after {}



    .title p {}



    /**********************

        HEADER

**********************/

    header {

        max-width: 100vw;

    }



    header .container {

        padding: 0;

    }



    header .bg1 {

        width: 100%;

        height: 50px;

        margin: 0;

        padding: 0;

        padding-top: 10px;

        padding-bottom: 10px;

        padding-left: 20px;

        padding-right: 48px !important;

        /* flex-wrap: wrap; */

        align-items: center;

        gap: 10px;

        justify-content: flex-start;

        background-clip: border-box;

    }



    header .logo1 {

        height: 35px;

        justify-self: flex-start;

        max-width: 50%;

    }



    header .logo1 img {}



    header .top_addr {

        display: none;

    }



    header .top_addr img {}



    header .top_phone {

        font-size: 13px;

        white-space: nowrap;

        /* margin-right: 81px; */

        margin: 0;

        padding-right: 0;

        overflow: hidden;

    }



    header .top_phone img {}



    header .popup.btn {

        display: none;

    }



    header .popup.btn span {}



    header .m_btn {}



    header .m_btn span {}



    header .bg1 {}

    header .bg2 {

        /* display: none; */

        flex-direction: column;

        align-items: flex-end;

        padding: 20px;

        background-clip: border-box;

    }



    header .menu {}



    header .menu .container {

        padding: 0;

    }



    header .menu1 {

        flex-direction: column;

        gap: 5px;

        padding: 0;

        padding-bottom: 5px;

        padding-right: 15px;

    }



    header .menu1 a.anchor {

        height: auto;

        /* padding: 0; */

        font-size: 20px;

    }



    header .menu2 {

        flex-direction: column;

        gap: 5px;

        justify-content: flex-end;

        text-align: right;

        align-items: flex-end;

    }



    header .menu2 a.anchor {

        height: auto;

        padding: 0;

        text-align: right;

        font-size: 20px;

    }



    /**********************

        БАННЕР

**********************/

    .banner_section {}



    .banner_section .banner {}



    .banner_section .container {

        top: 9px;

    }



    .banner_section .title_container {
        max-height: max-content;
        margin-top: 15px;
    }



    .banner_section .title_wrap {

        margin-bottom: 5px;

    }



    .banner_section .title_date {}



    .banner_section .title1 {

        font-size: 5vw;

        margin-bottom: 5px;

    }



    .banner_section .title2 {

        font-size: 5vw;

        margin-bottom: 5px;

    }



    .banner_section .title2 br {}



    .banner_section .title2 b {}



    .banner_section .title2 span {}



    .banner_section .title2 nobr {}



    .banner_section .title3 {

        font-size: 5vw;

    }



    .banner_section .popup.btn {}



    .banner_section .popup.btn i {}



    .banner_section .btn.black {}



    .banner_section picture {}



    .banner_section picture source {}



    .banner_section .banner_bg {
        margin-top: -55px;
        min-height: 1px;
    }



    /**********************

        Таймер

**********************/

    /* Родителю с классом .timer_block задаем флекс и выравнивание */

    .timer_block {

        flex-direction: column;

        padding-bottom: 0;

        margin-bottom: 60px;

        gap: 10px;

    }



    /* Блок самого таймера */

    .timer_block .timer {

        width: 90%;

        margin: 0 auto;

    }



    /* Блок с формой и заголовком */

    .timer_block .form-wrap {}



    /* Заголовок над формой */

    .timer_block .timer_title {}



    /* Контейнер формы */

    .timer_block #test_drive_form {}



    .timer_block .form-group-wrapper {}



    /* Элементы формы (инпут и кнопка) */

    .timer_block .form-group {}



    .timer_block .form-group:nth-child(2) {

        width: 100%;

    }



    /* Поле ввода телефона */

    .timer_block .form-control.nacc {}



    .timer_block .form-control.nacc::placeholder {}



    .timer_block .form-control.nacc:focus {}



    /* Белая кнопка */

    .timer_block .form-control.btn.white {}



    .timer_block .form-control.btn.white:hover {}



    /* Текст согласия персональных данных */

    .timer_block .agree_field {}



    /* Ссылка внутри текста согласия */

    .timer_block .agree_field a {}



    .timer_block .agree_field a:hover {}



    /* Базовый чекбокс */

    .timer_block .agree_field input[type="checkbox"] {}



    /**********************

        Модельный ряд

**********************/

    .model_range_section {}



    .model_range_section .container {}



    .model_range_section .title1 {}



    .model_range_section .title1::after {}



    .model_range_section .title1 p {}



    .model_range_section .models_grid {

        flex-direction: column;

        gap: 5px;

    }



    .model_range_section .model_tab {

        display: flex;

        align-items: center;

        justify-content: center;

        padding-top: 20px;

    }



    .model_range_section .model_tab:hover {}



    .model_range_section .model_tab.active {}



    .model_range_section .model_tab.active:hover {}



    .model_range_section .model_name_img {

        position: static;

        transform: none;

    }



    .model_range_section .model_tab:hover .model_name_img,

    .model_range_section .model_tab.active .model_name_img {

        position: static;

        transform: none;

    }



    .model_range_section .model_name_img img {}



    .model_range_section .model_car_img {}



    .model_range_section .model_tab:hover .model_car_img {}



    /**********************

        АВТО

**********************/

    .cars_items {

        margin-bottom: 60px;

    }



    .car_item {

        margin-bottom: 40px;

    }



    .car_item .container {}



    .car_item .car_wrap {

        flex-direction: column;

    }



    .car_item .car_info {

        width: 100%;

    }



    .car_item .car_header {

        flex-direction: column;

        gap: 10px;

        margin-bottom: 20px;

    }



    .car_item .car_name {

        font-size: 7vw;

    }



    .car_item .car_price {

        font-size: 5vw;

    }



    .car_item .car_props {

        margin-bottom: 10px;

    }



    .car_item .prop_item {

        font-size: 16px;

    }



    .car_item .prop_item strong {

        font-size: 16px;

    }



    .car_item .prop_item::before {}



    .car_item .ico_shield::before {}



    .car_item .ico_tradein::before {}



    .car_item .ico_gift::before {}



    .car_item .ico_doc::before {}



    .car_item .car_main_view {

        width: 100%;

        margin-bottom: 20px;

    }



    .car_item .car_image {

        width: 100%;

    }



    .car_item .car_image img {

        transform: scale(1.2);

        transform-origin: right center;

    }



    .car_item .car_bgname {

        width: 58vw;

        right: auto;

        left: 0px;

    }



    .car_item .car_bgname img {

        transform: scale(1);

        transform-origin: left center;

    }



    .car_item .color_picker {

        margin-left: 10px;

    }



    .car_item .color_dot {}



    .car_item .color_dot.active {}



    .car_item .bg {

        padding: 20px;

        margin-bottom: 20px;

        background: #011026;

    }



    .car_item .car_btns {

        flex-direction: column;

        width: 100%;

    }



    .car_item .btn {}



    .car_item .btn.white {}



    .car_item .btn.white:hover {}



    .car_item .btn.transparent {}



    .car_item .btn.transparent:hover {}



    .car_item .car_gallery_bottom {}



    .car_item .car_swiper {}



    .car_item .swiper-slide img {}



    .car_item .swiper-button-prev,

    .car_item .swiper-button-next {}



    .car_item .swiper-button-next {}



    .car_item .swiper-button-next:after {}



    .car_item .swiper-button-prev:after {}



    /**********************

        АВТО

**********************/

    #instock {

        padding-top: 30px;

        padding-bottom: 40px;

        /*margin-bottom: 60px;*/

    }



    #instock .container {}



    #instock .title {}



    #instock .title p {}



    #instock .title p br {}



    #filter_table {

        flex-direction: column;

        gap: 5px;

        margin-bottom: 20px;

    }



    #filter_table .select_container {

        width: 100%;

    }



    #filter_table .select_container select {}



    #filter_table .select_container option {}



    #filter_table .select_container::after {}



    .tb_complects_container {}



    .tb_complects {}



    .tb_complects tbody {}



    .tb_complects .compl-car-card {}



    .tb_complects .compl-car-card.changed {}



    .tb_complects .compl-car-card td {}



    .tb_complects .aura-card {}



    .tb_complects .bg {

        padding: 20px;

        flex-direction: column;

        align-items: flex-start;

    }



    .tb_complects .aura-card__side-title {}



    .tb_complects .aura-card__side-title span {}



    .tb_complects .aura-card__body {

        flex-direction: column;

        align-items: center;

    }



    .tb_complects .aura-card__image {}



    .tb_complects .aura-card__image picture {}



    .tb_complects .aura-card__image source {}



    .tb_complects .aura-card__image img {}



    .tb_complects .aura-card__specs {}



    .tb_complects .aura-card__specs::after {}



    .tb_complects .aura-spec-row {}



    .tb_complects .aura-spec-row::before {}



    .tb_complects .aura-spec-label {}



    .tb_complects .aura-spec-label .dot {}



    .tb_complects .aura-spec-value {}



    .tb_complects .aura-card__btns {

        width: 100%;

        gap: 5px;

    }



    .tb_complects .aura-card__text {

        margin-bottom: 20px;

    }



    .tb_complects .aura-card__body-top {

        margin-bottom: 20px;

        gap: 20px;

    }



    .tb_complects .aura-card__model-logo {}



    .tb_complects .aura-card__model-logo img {}



    .tb_complects .aura-card__badge {}



    .tb_complects .popup.btn {}



    .tb_complects .popup.btn.aura-btn.orange {}



    .tb_complects .popup.btn.aura-btn.orange.flex {}



    .tb_complects .popup.btn.aura-btn.orange.justify-center {}



    .tb_complects .popup.btn.aura-btn.orange.items-center {}



    .tb_complects .popup.btn.aura-btn.transparent {}



    .tb_complects .popup.btn.aura-btn.transparent.flex {}



    .tb_complects .popup.btn.aura-btn.transparent.justify-center {}



    .tb_complects .popup.btn.aura-btn.transparent.items-center {}



    .tb_complects .popup.btn span {}



    .tb_complects_showmore {}



    /**********************

        tradein

**********************/

    .tradein_section {

        background-image: url('../img/tradein_bg_mob.jpg');

        background-size: 100%;

        background-position: center bottom;

        height: calc(560px + 20vw);

        margin-bottom: 60px;

        padding: 20px 0;

        padding-top: 60px;

    }



    .tradein_section .container {}



    /* Изменено: блочное отображение, элементы внутри будут на всю ширину */

    .tradein_section .tradein_header {}



    /* Изменено: заголовок и линия теперь слева, текст справа */

    .tradein_section .blocks_title {}



    .tradein_section .blocks_title p {}



    .tradein_section .blocks_title::after {}



    .tradein_section .tradein_comment {}



    .tradein_section .tradein_comment br {}



    .tradein_section #tradein_form {

        margin: 0;

    }



    /* Изменено: добавлен принудительный !important, чтобы перебить Bootstrap */

    .tradein_section .form-group-wrapper {

        flex-direction: column !important;

        gap: 5px !important;

    }



    /* Изменено: принудительное распределение в один ряд */

    .tradein_section .form-group {}



    .tradein_section .form-group select {}



    .tradein_section .form-group select.nacc option {}



    .tradein_section .form-group select.nacc+i {}



    .tradein_section .form-control {}



    .tradein_section .form-control::placeholder {}



    .tradein_section button.form-control.btn {}



    .tradein_section button.form-control.btn i {}



    .tradein_section .agree_field {}



    .tradein_section .agree_field input {}



    .tradein_section .agree_field span {}



    .tradein_section .agree_field a {}



    .tradein_section .tradein_img_box {}



    .tradein_section .corner {}



    .tradein_section .corner.tl {}



    .tradein_section .corner.tr {}



    .tradein_section .corner.bl {}



    .tradein_section .corner.br {}



    .tradein_section .tradein_img {}



    .tradein_section .tradein_img img {}



    /**********************

        Testdrive

**********************/

    /* Основная секция */

    .testdrive_section {

        margin-bottom: 60px;

        overflow: hidden;

        padding-bottom: 60px;

    }



    .testdrive_section:before {}



    .testdrive_section .container {}



    /* Заголовок */

    .testdrive_section .testdrive_header {}



    .testdrive_header .title {}



    .testdrive_header .title::after {}



    .testdrive_header .title p {}



    /* Верхний ряд */

    .testdrive_section .testdrive_wrapper {

        flex-direction: column;

        gap: 5px;

    }



    /* Общие стили карточек с изображениями */

    .testdrive_section .testdrive_img {}



    .testdrive_section .testdrive_wrapper .testdrive_img {}



    .testdrive_section .testdrive_img .main_img {
        width: 100%;
    }



    .testdrive_section .testdrive_img .active_frame {}



    /* Правый темный блок с градиентом */

    .testdrive_section .testdrive_content {

        padding: 30px 20px;

        background-size: auto 100%;

    }



    /* Тексты правого блока */

    .testdrive_section .testdrive_text {}



    .testdrive_section .testdrive_note {}



    /* Форма */

    .testdrive_section #testdrive_form {}



    .testdrive_section .form-group-wrapper {}



    .testdrive_section .form-group {}



    .testdrive_section .form-group input {}



    .testdrive_section .form-group input::placeholder {}



    .testdrive_section .form-group input:focus {}



    /* Кнопка */

    .testdrive_section .btn {}



    .testdrive_section .btn.white {}



    .testdrive_section .btn.white:hover {}



    .testdrive_section .btn i {}



    /* Согласие */

    .testdrive_section .agree_field {}



    .testdrive_section .agree_field input[type="checkbox"] {}



    .testdrive_section .agree_field a {}



    .testdrive_section .agree_field a:hover {}



    /* Нижняя сетка */

    .testdrive_section .testdrive_bottom_grid {

        flex-direction: column;

        gap: 5px;

    }



    /* Текстовая карточка внизу слева */

    .testdrive_section .testdrive_info_card {

        width: 100%;

        padding: 30px 20px;

        gap: 10px;

    }



    .testdrive_section .testdrive_info_text {

        max-width: max-content;

    }



    .testdrive_section .testdrive_info_accent {}



    /**********************

        Кредит

**********************/

    /* Основная секция */

    .credit_section {

        margin-bottom: 60px;

    }



    /* Заголовок */

    .credit_section .credit_header {

        margin-bottom: 0px !important;

    }



    .credit_section .title {}



    .credit_section .title::after {}



    .credit_section .title p {}



    /* Баннер на весь блок с фоновой картинкой credit_bg.jpg */

    .credit_section .credit_wrapper {

        background: url(../img/credit_bg_mob.jpg) center bottom no-repeat;

        padding: 0;

        background-size: 100%;

        padding-bottom: calc(-65px + 76vw);

    }



    /* Форма с фоном credit_form_bg.svg */

    .credit_section .credit_card {

        width: 100%;

        height: auto;

    }



    .credit_section .credit_card form {

        padding: 20px;

    }



    /* Рамка поверх формы credit_active.svg */

    .credit_section .credit_card .active_frame {}



    /* Поля ползунков */

    .credit_section .form-group {}



    .credit_section .label_row {}



    .credit_section .range_value_display {

        font-size: 16px;

    }



    .credit_section .range_limits {}



    /* Инпут + Кнопка в один ряд */

    .credit_section .form_row {

        flex-direction: column;

    }



    .credit_section .field_phone {}



    .credit_section .field_btn {}



    .credit_section .form-control {}



    .credit_section .form-control::placeholder {}



    .credit_section .btn.white {}



    .credit_section .btn.white:hover {}



    /* Чекбокс */

    .credit_section .form-group_label {}



    .credit_section .agree_field {}



    .credit_section .agree_field a {}



    /* Нижняя часть формы с плюсами */

    .credit_section .credit_advantages {

        padding: 20px;

        flex-direction: column;

    }



    .credit_section .adv_item {

        color: white;

    }



    .credit_section .icon_card,

    .credit_section .icon_calendar {}



    /* 2. Специфичный background для Иконки Карты */

    .credit_section .icon_card {}



    /* 3. Специфичный background для Иконки Календаря */

    .credit_section .icon_calendar {}



    /*



.credit_section .icon_card {} 

.credit_section .icon_calendar {} 

*/



    /* Основной контейнер слайдера */

    .irs {}



    /* Линия-трек (серый подстилающий фон) */

    .irs-line {}



    /* Выделенная заполненная полоса (прогресс) */

    .irs-bar {}



    .irs-bar--single {}



    /* Ползунок (бегунок) */

    .irs-handle {}



    .irs-handle.single {}



    /* Внутренние линии/иконка внутри ползунка (при наличии) */

    .irs-handle i {}



    /* Всплывающая подсказка с текущим значением (тултип) */

    .irs-single {}



    .irs-single:before {}



    /* Подсказки диапазона (Минимальное и Максимальное значения) */

    .irs-min {}



    .irs-max {}



    /* Подсказки "От" и "До" (для двойных слайдеров) */

    .irs-from {}



    .irs-to {}



    /* Шкала с делениями */

    .irs-grid {}



    /* Тень под бегунком */

    .irs-shadow {}



    /**********************

        Преимущества

**********************/

    /* Основная секция */

    .advantages_section {

        margin-bottom: 60px;

        overflow: hidden;

    }



    .advantages_section .container {}



    /* Заголовок */

    .advantages_section .advantages_header {}



    .advantages_section .title {}



    .advantages_section .title::after {}



    .advantages_section .title p {}



    /* Обертка для фонового текста */

    .advantages_section .advantages_wrapper {}



    /* Фоновый текст: точные размеры и перенос из макета */

    .advantages_section .advantages_bg_text {

        display: none;

    }



    /* Сетка: узкий центр (1.3fr) и широкие края (2fr 2fr) */

    .advantages_section .advantages_grid {

        flex-direction: column;

        gap: 5px;

    }



    .advantages_section .card_1 {}



    .advantages_section .card_2 {}



    .advantages_section .card_34 {

        width: 100%;

    }



    .advantages_section .card_3 {}



    .advantages_section .card_4 {}



    /* Карточка */

    .advantages_section .advantages_card {

        width: 100% !important;

        gap: 10px;

        padding: 30px 20px;

        height: auto;

        flex-direction: row;

        justify-content: flex-start;

        align-items: center;

    }



    .advantages_section .advantages_num {}



    .advantages_section .advantages_text {}



    /* Центральная картинка */

    .advantages_section .advantages_img {

        order: 2;

        width: 100%;

    }



    .advantages_section .advantages_img .main_img {}



    .advantages_section .advantages_img .active_frame {}



    /**********************

        Контакты

**********************/

    /* Основная секция */

    .contacts_section {

        gap: 20px;

        display: flex;

        flex-direction: column;

        height: auto;

    }



    .contacts_section .container {}



    /* Заголовок */

    .contacts_section .contacts_header {}



    .contacts_section .title {}



    .contacts_section .title::after {}



    .contacts_section .title p {}



    /* Обертка для карты и наложенной карточки */

    .contacts_section .contacts_wrapper {

        position: static;

        transform: none;

    }



    /* Контейнер для Яндекс.Карты */

    .contacts_section #map1 {

        height: 300px;

        width: 100%;

    }



    /* Наложенная карточка */

    .contacts_section .contacts_card {

        position: static;

        width: auto;

        height: auto;

        background: white;

        backdrop-filter: none;

        -webkit-backdrop-filter: none;

        box-shadow: none;

        overflow: unset;

        border: 1px solid white;

        border-radius: 5px;

    }



    /* Верхний лого-блок */

    .contacts_section .contacts_logo_block {

        position: relative;

        /* margin-left: -1px; */

        /* width: calc( 100% + 2px ); */

        align-items: flex-start;

        justify-content: flex-start;

    }



    .contacts_section .contacts_logo {}



    /* Основная информация */

    .contacts_section .contacts_info {

        padding: 20px;

    }



    .contacts_section .contacts_item {}



    .contacts_section .contacts_item a {}



    .contacts_section .contacts_item a:hover {}



    /* Иконки для контактов */

    .contacts_section .icon_phone,

    .contacts_section .icon_pin,

    .contacts_section .icon_clock {}



    .contacts_section .icon_phone {}



    .contacts_section .icon_pin {}



    .contacts_section .icon_clock {}



    /* Блок действия */

    .contacts_section .contacts_action {

        padding: 0px 20px;

        padding-bottom: 20px;

    }



    .contacts_section .quest {}



    /* Кнопка */

    .contacts_section .btn {}



    .contacts_section .btn.black {}



    .contacts_section .btn.black:hover {}



    .contacts_section .btn i {}



    /**********************

        Футер

**********************/

    /* Главный контейнер подвала */

    footer {}



    /* Ограничивающий контейнер */

    footer .container {}



    /* Обертка для основного содержимого (информация и переключатели) */

    footer .foot_wrap {

        flex-direction: column;

        gap: 20px;

    }



    /* Общие стили для блоков с юридической информацией */

    footer .yur_info {}



    /* Конкретный первый блок юридической информации (ООО УК ТТС) */

    footer .yur_info.info1 {}



    /* Конкретный второй блок юридической информации (Москва, ул. Зорге) */

    footer .yur_info.info2 {}



    /* Ссылки-переключатели (Условия акций / Юридическая информация) */

    footer .switch {}



    /* Специфичный класс для переключателя дисклеймера акций */

    footer .disclamer_switch {}



    /* Специфичный класс для переключателя юридической информации (в комментариях) */

    footer .yurinfo_switch {}



    /* Блок копирайта/разработчика (Сделано в Синоби) */

    footer .sinoby {}



    /* Ссылка на сайт разработчика внутри блока .sinoby */

    footer .sinoby a {}



    /* Скрытый блок дисклеймера условий акций */

    footer .disclamer {}



    /* Абзац текста внутри дисклеймера */

    footer .disclamer p {}



    /* Скрытый блок развернутой юридической информации */

    footer .yurinfo {}

}



@media (max-width: 565px) {

    header .top_phone img {
        display: none;
    }

    .tb_complects .aura-card__specs {

        flex-direction: column;

        align-items: flex-start;

    }



    .tb_complects .aura-spec-row {

        flex-direction: row;

    }



    .tb_complects .aura-spec-value {

        width: 50px;

    }

}

@media (max-width: 767px) {
    .sinoby-timer[data-sinoby-reserve="sinoby-1pie37"] {
        min-height: 80px;
    }
}