/*=====================================================================*/
/*========================[RESPONSIVE]=================================*/
/*=====================================================================*/

@media (max-width: 1760px) {
    .main-hero-picture {
        height: 800px;
    }
}

@media only screen and (max-width: 1530px) {
    .header-btn { font-size: 19px; }
    .header-phone { font-size: 20px; }
    .main-hero-picture { min-height: 650px; }
    .main-offer-heading__sub-title { font-size: 16px; }
    .main-offer-form .btn { font-size: 16px; }
    .main-offer-countdown-widget { gap: 20px; }
    .main-offer-countdown { max-width: 300px; }
    .main-hero-button { padding: 0 10px; font-size: 19px; min-width: 340px; }
    .catalog-item-preview { display: flex; align-items: center; }
    .catalog-item-title { font-size: 44px; }
    .catalog-item-futures-item__text { font-size: 22px; max-width: 250px; }
    .catalog-item-buttons .btn { font-size: 18px; white-space: normal; }
    .catalog-item-preview { max-width: 380px; }
    .catalog-item-price__new { font-size: 20px; }
    .catalog-item-price__new b { font-size: 30px; }
    .catalog-item-price__old { font-size: 21px; padding: 20px 0 0 0; }
    .main-search-grid { grid-template-columns: repeat(2, 1fr); }
    .main-map-wrapper { grid-template-columns: repeat(2, 1fr); }
    .main-map-logo { display: none; }
    .header-wrapper{
        margin-left: 120px;
    }
    .main-hero-heading{

    }
}

@media screen and (max-width: 1150px) {
    .main-offer-form .main-form-label, .main-offer-form-cont { gap: 5px; }
    .main-offer-countdown-widget { gap: 14px; }
    .main-offer-form-cont { flex-direction: column; }
    .main-offer { height: 193px; }
}

@media screen and (max-width: 1100px) {
    .main-offer-heading__title { font-size: 26px; }
}

/* ================= TABLET & MOBILE BASE ================= */
@media (max-width: 992px) {
    .main-offer-form .main-form-label { flex-direction: column; gap: 10px; }
    body, .container { min-width: auto; }
    .container { max-width: 576px; }
    .main-section { margin-bottom: 30px; }
    .desktop-header { display: none; }
    .mobile-header { display: block; position: relative; z-index: 1000; background: #fff; }
    .mobile-header__top { padding: 10px 20px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #C4C4C4; }
    .mobile-header-btn { width: 26px; height: 26px; background-image: url(../img/dark-phone-icon.svg); }
    .mobile-header-phone { margin-left: auto; margin-right: 20px; font-weight: bold; text-decoration: none; }
    .mobile-header__bottom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 10px 20px; gap: 5px; }
    .mobile-header-info { font-size: 14px; }

    /* Catalog Mobile */
    .main-catalog-heading { font-size: 24px; margin-bottom: 30px; }
    .main-catalog-nav { grid-template-columns: repeat(2, 1fr); margin-bottom: 35px; }
    .main-catalog-nav-item:not(:last-child) { border-right: none; }
    .main-catalog-nav-item:not(:nth-last-of-type(-n+2)) { position: relative; }
    .main-catalog-nav-item:not(:nth-last-of-type(-n+2)):after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 100px; height: 2px; background: #BBBBBB; margin: auto; }
    .main-catalog-nav-item { font-size: 18px; height: 46px; }
    .catalog-item-preview { position: absolute; left: 0; top: 30px; max-width: 260px; }
    .main-catalog-item { padding-top: 0; display: block; padding-bottom: 5px; }
    .catalog-item-content { padding: 30px 0; }
    .catalog-item-title { text-align: left; font-size: 30px; font-weight: bold; margin-top: 170px; display: block; }
    .price_right { text-align-last: left; display: none; }
    .price_right_mob { display: flex; }
    .catalog-item-count { font-size: 10px; text-align: right; margin-left: auto; margin-bottom: 0; max-width: 140px; display: none; }
    .catalog-item-grid { display: block; margin-bottom: 30px; }
    .catalog-item-price:after { display: none; }
    .catalog-item-price { padding: 0; text-align: right; margin-top: -100px; margin-bottom: 82px; }
    .catalog-item-price__title { font-size: 12px; }
    .catalog-item-price__new { font-size: 15px; margin-bottom: 4px; }
    .catalog-item-price__new b { font-size: 20px; }
    .catalog-item-price__old { font-size: 13px; padding: 5px 0 0 10px; }
    .catalog-item-preview__bg { object-position: 0; }
    .catalog-item-preview__thumb { max-height: 147px; margin-left: -30px; margin-top: 18px; }
    .catalog-item-futures-item__text { font-size: 20px; max-width: 200px; }
    .catalog-item-futures-item__icon { width: 41px; height: 41px; }
    .catalog-item-buttons { grid-template-columns: 1fr; grid-gap: 15px; }
    .catalog-item-buttons .btn { font-size: 16px; font-weight: bold; }
    .catalog-item-futures { grid-gap: 20px; grid-template-columns: repeat(2, auto); padding-top: 30px; }
    .main-catalog-item:last-child:before { display: none; }
    .catalog-item-futures { grid-template-columns: 1fr; }

    /* Credit & Forms Mobile */
    .main-credit { padding: 25px 0 30px; margin-bottom: 160px; }
    .main-credit-title { text-align: center; font-size: 14px; margin-bottom: 2px; }
    .main-credit-sub-title { font-size: 24px; text-align: center; margin-bottom: 25px; }
    .main-list-item { font-size: 12px; padding-left: 13px; font-weight: 700; }
    .main-list-item:after { width: 4px; height: 4px; top: 5px; }
    .main-list { margin-bottom: 25px; }
    .main-credit-form__inputs { grid-template-columns: repeat(1, 1fr); }
    .main-form-input.main-form-input_white_border { background: rgba(234, 234, 234, 0.6); border: 1px solid #DBDBDB; padding: 0 20px; height: 42px; color: #5F5F5F; }
    .main-form-input.main-form-input_white_border::placeholder { color: #5F5F5F; }
    .main-credit-form__actions { color: white; padding: 10px; grid-gap: 10px; position: absolute; left: 0; bottom: -165px; width: 100%; }
    .main-credit-form__actions label.main-form-checkbox.main-form-checkbox_white .main-form-checkbox__text { color: white; text-align-last: left; }
    .main-list.main-list_columns_set_2 { gap: 10px 0; }
    .main-search-heading { text-align: center; font-size: 24px; font-weight: normal; }
    .trade-in__heading { display: none; }
    .main-search-form { grid-template-columns: repeat(1, 1fr); }
    .main-search-form .main-form-label__text { display: none; }
    .main-search-item { padding: 10px 25px 15px; }
    .main-search-item__pricing__new { font-size: 16px; font-weight: bold; }
    .main-search-item__pricing__old { font-size: 14px; }
    .main-search-grid { grid-template-columns: repeat(1, 1fr); padding: 20px 0 50px; }
    .main-search-item__pricing { gap: 20px; }
    .main-search-item__buttons { grid-gap: 10px; }
    .main-search-item-btn { font-size: 12px; font-weight: 300; padding: 0; }
    .main-search { margin-bottom: 0; }

    /* Trade-in Mobile */
    .main-tradein { background: none; color: #000; margin-bottom: 0; padding-top: 10px; }
    .main-tradein-title { text-align: center; font-size: 32px; font-weight: normal; margin-bottom: 3px; }
    .main-tradein-sub-title { text-align: left; font-size: 15px; margin-top: -390px; color: white; }
    .main-tradein-big-text { font-size: 37px; color: #C3002F; text-align: center; }
    .main-tradein-form label.main-form-checkbox.main-form-checkbox_white .main-form-checkbox__text { color: white; }
    .main-tradein-form__inputs { margin-bottom: 8px; max-width: 100%; }
    .main-tradein-form-btn { font-size: 16px; max-width: 100%; }
    .main-tradein-title_mob { display: block; text-align-last: left; font-size: 24px; padding: 0 0 10px 0; }
    .main-tradein-title_mob b { color: #c3002f; }
    .main-tradein-title { display: none; }
    .main-tradein-container { align-items: center; }
    .main-tradein-picture { display: block; width: calc(100% + 20px); margin: 0 -10px 15px; max-width: unset; height: 600px; }

    /* Map & Contacts Mobile */
    .main-map-container { position: relative; left: unset; right: unset; bottom: unset; padding: 0; max-width: unset; }
    .main-map-wrapper { padding: 20px; flex-direction: column; }
    .main-map-phone { font-size: 25px; }
    .main-map-btn { font-size: 20px; }
    .main-map { margin-bottom: 0; height: 600px; }
    .main-credit-form-btn { max-width: 100%; }
    .contacts-card { position: relative; bottom: auto; left: auto; right: auto; z-index: 10; width: 100%; max-width: 100%; padding: 32px 20px; gap: 25px; order: 0; align-self: stretch; }
    .contacts-card__header { font-size: 24px; }
    .contacts-card__btn { width: 100%; max-width: 100%; }
    .map { position: relative; top: auto; left: auto; height: 400px; z-index: 1; order: 1; }
    .main-map { display: flex; flex-direction: column; position: relative; }

    /* Popup Mobile */
    .main-popup-callback { padding: 33px; }
    .popup-callback-form__desc { font-size: 14px; }
    .main-catalog-item { max-width: 355px; }
    .main-popup { padding: 20px 30px; }
    .main-popup-title { font-size: 23px; }
    .main-popup-desc { font-size: 12px; }
    .main-popup .btn { font-size: 18px; }

    /* Burger Menu */
    .burger-menu { display: flex; flex-direction: column; justify-content: space-between; width: 30px; height: 20px; }
    .price_right_mob { display: block; display: flex; width: 330px;}
    .burger-menu span { width: 100%; height: 3px; background-color: #000; transition: all 0.3s; transform-origin: left; }
    .burger-menu.active { height: 24px; }
    .burger-menu.active span:first-child { transform: rotate(45deg); }
    .burger-menu.active span:last-child { transform: rotate(-45deg); }
    .burger-menu.active span:nth-child(2n) { transform: rotateY(90deg); }
    .mobile-header__menu { display: flex; justify-content: center; height: 0; overflow: hidden; opacity: 0; transition: all 0.3s; position: absolute; width: 100%; background-color: #fff; }
    .mobile-header__menu.opened { padding: 30px; height: auto; opacity: 1; }
    .mobile-header__menu ul li { text-align: center; }
    .mobile-header__menu ul li + li { margin-top: 5px; }
}

/* ================= MOBILE HERO & OFFER (Figma Exact) ================= */
@media (max-width: 768px) {
    /* HERO BANNER */
    .main-hero {
        margin-top: 0;
        margin-bottom: 0;
        overflow: hidden;
        position: relative;
    }
    .main-list-item{
margin-top: 20px;
    }
    .main-hero-picture {
        min-height: auto;
        height: 600px;
        max-height: none;
    }
    .main-hero-container {
        position: absolute;
        top: 67px;
        left: 50%;
        transform: translateX(-50%);
        width: 369px;
        max-width: 100%;
        height: 600px;
        padding: 0;
        justify-content: flex-start;
        align-items: flex-start;
        text-align: left;
        z-index: 2;
    }
    .main-hero-content {
        width: 400px;
        max-width: 100%;
        padding-top: 33px;
        padding-left: 28px;
        margin-top: -90px;
    }
    .main-hero-heading {
        font-size: 40px;
        line-height: 39px;
        margin-bottom: 14px;
        text-align: left;
        text-transform: uppercase;
    }
    .utp {
        gap: 4px;
    }
    .utp__item {
        flex-direction: row;
        align-items: center;
        gap: 10px;
    }
    .utp__icon {
        width: 36px;
        height: 36px;
        flex-shrink: 0;
    }
    .utp__text {
        font-size: 14px;
        line-height: 23px;
    }

    /* OFFER & TIMER */
    .main-offer {
        background-image: none;
        height: auto;
        padding: 20px 0 30px;
        background-color: #c3002f;
    }
    .main-offer-container {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .main-offer-heading {
        text-align: center;
        margin-top: 0;
        margin-bottom: 15px;
    }
    .main-offer-heading__title {
        font-size: 28px;
    }
    .main-offer-heading__sub-title {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .main-offer-countdown {
        display: block !important; /* Возвращаем таймер */
        width: 100%;
    }
    .timer {
        display: flex;
        justify-content: center;
        gap: 15px;
        color: #fff;
        margin-bottom: 20px;
    }
    .timer p {
        font-size: 36px;
        font-weight: 300;
        line-height: 1;
    }
    .timer small {
        font-size: 12px;
        font-weight: 300;
        display: block;
        margin-top: 4px;
    }
    .main-offer-form {
        width: 100%;
        max-width: 320px;
        margin: 0 auto;
    }
    .main-offer-form-cont {
        flex-direction: column;
        gap: 10px;
    }
    .main-form-input {
        font-size: 14px !important;
        height: 48px;
        background: rgba(255,255,255,0.15);
        border: 1px solid rgba(255,255,255,0.3);
        color: #fff;
    }
    .main-form-input::placeholder { color: rgba(255,255,255,0.7); }
    .main-offer-form .btn {
        width: 100%;
        font-size: 16px;
        height: 48px;
        background: #000;
        color: #fff;
        border: none;
    }
    .main-form-checkbox.main-form-checkbox_white .main-form-checkbox__text {
        color: rgba(255,255,255,0.8);
        font-size: 11px;
        text-align: left;
    }
}

@media (max-width:770px) {
    .main-offer { display: block; } /* Показываем блок, а не скрываем */
    .main-credit-title { margin-top: 260px; text-align: left; font-size: 24px; }
    .main-credit-sub-title { text-align-last: left; }
    .main-list.main-list_columns_set_2 { gap: 20px; display: block;}
}

@media (max-width: 375px) {
    .contacts-card { padding: 24px 16px; }
    .contacts-card__header { font-size: 20px; }
    .contacts-card__label { font-size: 12px; }
    .contacts-card__value, .contacts-card__phone { font-size: 13px; }
    .contacts-card__btn { font-size: 18px; height: 46px; padding: 10px 20px; }
    .map { height: 350px; }
}

@media (max-width: 350px) {
    .catalog-item-preview { max-width: 195px; top: 40px; }
    .catalog-item-futures-item { gap: 9px; }
    .catalog-item-futures-item__text { font-size: 10px; }
    .catalog-item-preview__thumb { margin-left: -23px; max-height: 110px; }
    .main-search-item__pricing { flex-direction: column; gap: 2px; align-items: flex-start; }
    .main-search-item__buttons { grid-template-columns: 1fr; grid-gap: 0; }
    .main-tradein-title { font-size: 27px; }
    .main-tradein-sub-title { font-size: 11px; }
    .popup-callback-form__title { font-size: 21px; }
    .popup-callback-form__desc { font-size: 12px; }
    .popup-callback-form__inputs .btn { font-size: 16px; }
    .main-map-iframe { height: 245px; }
}

@media (max-width: 1024px) {
    .swiper-button-next1, .swiper-button-prev1 { display: none; }
    .swiper-pagination1 { background: rgba(121, 115, 116, 0.73); max-width: max-content; display: flex; align-items: center; gap: 5px; padding: 6px 7px; left: 50% !important; border-radius: 38px; bottom: -25px !important; transform: translate(-50%, 0%); }
    .swiper-pagination1 .swiper-pagination-bullet { background-color: white; width: 6px; height: 6px; border-radius: 50%; opacity: 1; margin: 0 !important; }
    .swiper-pagination1 .swiper-pagination-bullet-active { background-color: #c3002f; border: 2px solid white; width: 10px; height: 10px; }
    .fast-buy__price p { font-size: 26px; }
    .fast-buy__charac { column-gap: 10px; }
    .fast-buy__charac-item { font-size: 14px; gap: 5px; }
}

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