/* ====================================================
   MOBILE STYLES — max-width: 1399px
   Только отличия от десктопа. Базовые стили — style.css
   ==================================================== */

/* === VARIABLES === */
:root {
    --primary-color: #EE4151;
    --color-taxi: #FFCD6F;
    /* --secondary-color: #00FF00; */
    --color-light-grey: #EBEBEB;
    --color-dark-grey: #8B8B8B;
    --color-dark-txt: #202020;
    --color-white-txt: #FFFFFF;
    --primary-font: 'Unbounded', sans-serif;
    --secondary-font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial;
    --primary-border-radius: 24px;
    --primary-transition: all 0.3s ease-in-out;
}

/* ===== GLOBAL ===== */

[class*="-sections"]{
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    margin-bottom: 25px;
}

/* Hover-only tooltips — hidden on touch */
.i-block .txt,
.h-txt .txt{
    display: none;
}

/* ===== GLOBAL PAGINATION ===== */

.splide .splide__pagination{
    position: static;
    gap: 6px;
    padding: 0;
    margin-top: 16px;
}

.splide .splide__pagination__page{
    width: 6px;
    height: 6px;
    background: var(--color-dark-grey);
    opacity: 0.4;
    border-radius: 50%;
    margin: 0;
    transition: width 0.2s ease, border-radius 0.2s ease, opacity 0.2s ease, background 0.2s ease;
    transform: none !important;
}

.splide .splide__pagination__page.is-active{
    width: 20px;
    border-radius: 3px;
    background: var(--primary-color);
    opacity: 1;
}

@media (hover: hover) and (max-width: 1399px){
    .feedback-sections .feedback-block,
    .info-sections .info-block > div,
    .company-sections .plus-block{
        cursor: grab;
        user-select: none;
    }
}

/* Prevent iOS auto-zoom on input focus (iOS Safari/Chrome only) */
@supports (-webkit-touch-callout: none){
    input, select, textarea{
        font-size: 16px !important;
    }
}

/* ===== GLOBAL H-BLOCK ===== */

.h-block,
.h-block:has(.slider-nav){
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    margin: 0 0 15px 0;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}

[class*="-sections"] .h-block{
    padding-left: 0;
    padding-right: 0;
}

.h-block .h{
    font-size: 20px;
}

.h-block .more{
    margin: 0;
    font-size: 12px;
    padding: 6px 16px;
}

.h-block .slider-nav{
    display: none;
}

/* ===== HEADER ===== */

header .top .wrapper{
    padding: 0 20px;
    box-sizing: border-box;
}

header .top .wrapper .time{
    display: none;
}

header .top .wrapper .address{
    gap: 5px;
}

header .top .wrapper .address .icon{
    width: 16px;
    height: 16px;
}

header .top .wrapper .address span{
    font-size: 12px;
}

header .top .wrapper .soc{
    gap: 5px;
}

header .top .wrapper .soc a:not(.mb){
    display: none;
}

header .header{
    height: 60px;
    padding: 0 20px;
    max-width: 100%;
    box-sizing: border-box;
}

header .header nav,
header .header .contacts{
    display: none;
}

/* Burger button */
header .burger{
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    background: none;
    border: none;
    padding: 8px;
    margin-left: auto;
    cursor: pointer;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
}

header .burger span{
    display: block;
    width: 24px;
    height: 2px;
    background: var(--color-dark-txt);
    border-radius: 2px;
    transition: transform 0.3s ease, opacity 0.3s ease;
    transform-origin: center;
}

header.nav-open .burger span:nth-child(1){
    transform: translateY(7px) rotate(45deg);
}
header.nav-open .burger span:nth-child(2){
    opacity: 0;
    transform: scaleX(0);
}
header.nav-open .burger span:nth-child(3){
    transform: translateY(-7px) rotate(-45deg);
}

/* Nav drawer (используем единственный <nav> из .header) */
header .header nav{
    display: flex;
    position: fixed;
    top: 100px; /* .top 40px + .header 60px */
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    flex-direction: column;
    gap: 0;
    overflow-y: auto;
    transform: translateX(100%);
    transition: transform 0.35s ease;
    z-index: 997;
    padding: 10px 0 0;
}

header.nav-open .header nav{
    transform: translateX(0);
}

header .header nav > a{
    font-size: 20px;
    font-weight: 600;
    padding: 18px 20px;
    border-bottom: 1px solid var(--color-light-grey);
}

header .header nav > a:first-child{
    border-top: 1px solid var(--color-light-grey);
}

header .header nav .nav-cta{
    margin-top: auto;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

header .header nav .nav-cta button{
    width: 100%;
    padding: 14px;
    font-size: 14px;
    justify-content: center;
    text-align: center;
}

header .header nav > a:active{
    color: var(--primary-color);
    background: var(--color-light-grey);
}

/* Флэттен .nav-more — скрываем «Еще», показываем ссылки напрямую */
header .header nav .nav-more__trigger{
    display: none;
}

header .header nav .nav-more{
    position: static;
}

header .header nav .nav-more__dropdown{
    position: static;
    opacity: 1;
    transform: none;
    pointer-events: auto;
    padding: 0;
}

header .header nav .nav-more__card{
    box-shadow: none;
    background: none;
    border-radius: 0;
    min-width: 0;
    clip-path: none;
    padding: 0;
}

header .header nav .nav-more__card a{
    font-size: 20px;
    font-weight: 600;
    padding: 18px 20px;
    border-top: none;
    border-bottom: 1px solid var(--color-light-grey);
    border-radius: 0;
    white-space: normal;
}

header .header nav .nav-more__card a:active{
    color: var(--primary-color);
    background: var(--color-light-grey);
}

/* ===== BOTTOM TOOLBAR ===== */

.mb-toolbar{
    display: flex;
    align-items: center;
    gap: 5px;
    position: fixed;
    bottom: 10px;
    left: 20px;
    right: 20px;
    background: #F5F5F5;
    border-radius: 75px;
    box-shadow: 0px 0px 16px 0px #00000040;
    padding: 5px;
    z-index: 996;
}

.mb-toolbar__item{
    background: #EBEBEB;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0px;
    flex: 1;
    padding: 5px;
    border-radius: 75px;
    font-family: var(--primary-font);
    font-size: 9px;
    font-weight: 600;
    color: var(--color-dark-txt);
    text-decoration: none;
    transition: background 0.2s, border-color 0.2s;
    white-space: nowrap;
    min-width: 0;
}

.mb-toolbar__item svg{
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.mb-toolbar__item:active{
    background: var(--color-light-grey);
    border-color: var(--color-dark-grey);
}

.mb-toolbar__call{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: var(--primary-color);
    flex-shrink: 0;
    border: none;
    transition: opacity 0.2s;
}

.mb-toolbar__call svg{
    width: 20px;
    height: 20px;
    color: var(--color-white-txt);
}

/* ===== MAIN SLIDER ===== */

.slider-main{
    margin-bottom: 25px;
}

.slider-main .splide__track{
    aspect-ratio: 338 / 380 !important;
    height: auto !important;
}

.slider-main .splide__slide{
    background-size: 100% 100% !important;
}

.slider-main .slide-content > *{
    max-width: 100%;
}

.slider-main .slide-content h2{
    font-size: 28px;
    margin-bottom: 12px;
}

.slider-main .slide-content p{
    font-size: 14px;
    margin-bottom: 25px;
}

.slider-main .slide-content .btn{
    padding: 12px 28px;
    font-size: 14px;
}

.slider-main .splide__arrow{
    display: none;
}

.slider-main .splide{
    overflow: hidden;
}

.slider-main .splide__pagination{
    position: absolute;
    bottom: 14px;
    gap: 8px;
    margin-top: 0;
}

.slider-main .splide__pagination__page{
    background: rgba(255,255,255,0.5);
    opacity: 1;
    width: 6px;
    height: 6px;
}

.slider-main .splide__pagination__page.is-active{
    background: #fff;
    width: 20px;
    border-radius: 3px;
    opacity: 1;
}

/* ===== DEALER ===== */

.dealer-sections .splide__arrow,
.dealer-sections .slider-nav{
    display: none;
}

.dealer-item{
    aspect-ratio: 4 / 3;
    padding: 16px;
}

.dealer-item:hover::before{
    background-position: center;
}

.dealer-item:hover::after{
    background: rgba(0,0,0,0.5);
}

.dealer-item:hover .h{
    text-shadow: none;
}

.dealer-item .mark svg{
    height: 50px;
    width: 50px;
}

.dealer-item .mark--wide svg{
    width: 90px;
    height: 50px;
}

.dealer-item .h{
    font-size: 16px;
}

/* ===== CATALOG SECTIONS ===== */

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

.catalog-sections .sections-small{
    flex: 1 1 100%;
}

.catalog-sections .sections-big::before{
    background-size: 50%;
    background-position: right 5px bottom 20px;
}
.catalog-sections .sections-small::before{
    background-size: 40%;
    background-position: right bottom 15px;
}

.catalog-sections .sections-big .h,
.catalog-sections .sections-small .h{
    font-size: 20px;
}

.catalog-sections .sections-big .txt,
.catalog-sections .sections-small .txt{
    font-size: 14px;
}

.catalog-sections .sections-big a,
.catalog-sections .sections-small a{
    font-size: 14px;
    padding: 8px 16px;
}

/* ===== BANK ===== */
.bank-sections{
    gap: 15px;
}

.bank-sections .bank-block{
    flex-direction: column;
    background-image:
        radial-gradient(circle at 50% -48%,
            color-mix(in srgb, var(--primary-color) 95%, black) 0%,
            color-mix(in srgb, var(--primary-color) 75%, black) 25%,
            color-mix(in srgb, var(--primary-color) 55%, black) 50%,
            transparent 50.1%),
        linear-gradient(to bottom,
            transparent 0%,
            color-mix(in srgb, var(--primary-color) 15%, white) 49.9%,
            color-mix(in srgb, var(--primary-color) 65%, white) 100%);
}

.bank-sections .bank-block .bank-number{
    order: 1;
    position: static;
    transform: none;
    left: auto;
    padding: 25px 25px 0;
    align-items: flex-start;
    text-align: left;
    width: fit-content;
    align-self: center;
}

.bank-sections .bank-block .bank-number .number{
    font-size: 80px;
}

.bank-sections .bank-block .bank-number span:not(.number){
    font-size: 25px;
}

.bank-sections .bank-block .bank-list{
    order: 2;
    width: 100%;
    padding: 25px;
    justify-content: center;
    gap: 20px 10px;
}

.bank-sections .bank-block .bank-list .bank-circle-lg{
    width: 80px;
    height: 80px;
    padding: 15px;
}
.bank-sections .bank-block .bank-list .bank-circle-lg{
    width: 50px;
    height: 50px;
    padding: 15px;
}

.bank-sections .bank-block .bank-list .bank-rectangle{
    height: 35px;
}

.bank-sections .bank-block .bank-list.bank-list-5{
    min-height: 0;
    padding: 25px;
    display: flex;
    gap: 14px;
    justify-content: center;
}
.bank-sections .bank-block .bank-list.bank-list-5 .bank-logo-sber,
.bank-sections .bank-block .bank-list.bank-list-5 .bank-logo-otp,
.bank-sections .bank-block .bank-list.bank-list-5 .bank-logo-vtb,
.bank-sections .bank-block .bank-list.bank-list-5 .bank-logo-tbank,
.bank-sections .bank-block .bank-list.bank-list-5 .bank-logo-alfa{
    position: static;
}
.bank-sections .bank-block .bank-list.bank-list-5 .bank-logo-main{
    width: 92px;
    height: 92px;
    padding: 16px;
}
.bank-sections .bank-block .bank-list.bank-list-5 .bank-logo-wide{
    height: 50px;
    padding: 12px 18px;
}
.bank-sections .bank-block .bank-list.bank-list-5 .bank-logo-medium{
    height: 46px;
    padding: 11px 16px;
}

.bank-sections .bank-block .form-block{
    order: 3;
    width: 100%;
    padding: 0 25px 25px;
    justify-content: center;
}

.bank-sections .bank-block .form-block .form{
    width: 100%;
}

.bank-sections .bank-block .form-block .form .h{
    font-size: 16px;
}

.bank-sections .bank-block .form-block .form form input,
.bank-sections .bank-block .form-block .form form button{
    font-size: 12px;
}

/* ===== PLUS-BLOCK ===== */

.bank-sections .plus-block,
.plus-sections .plus-block{
    flex-direction: column;
    gap: 15px;
}

.bank-sections .plus-block .plus-item,
.plus-sections .plus-block .plus-item{
    flex: 1 1 100%;
    padding: 15px 25px;
    gap: 5px;
}

.bank-sections .plus-block .plus-item .h,
.plus-sections .plus-block .plus-item .h{
    font-size: 14px;
    padding: 0 0 5px 0;
}

.bank-sections .plus-block .plus-item .txt,
.plus-sections .plus-block .plus-item .txt{
    font-size: 12px;
}

/* ===== COLLECTION ===== */

.collection-sections .slider-nav{
    display: none;
}

.collection-sections .collection-block .splide__slide{
    box-sizing: border-box;
}

.collection-sections .collection-block .collection-item{
    width: 100%;
}

.collection-sections .collection-block .collection-item .more{
    display: none;
}

.collection-sections .collection-block .collection-item .h{
    font-size: 16px;
}

/* ===== FEEDBACK / STORIES ===== */

.feedback-sections .feedback-block{
    flex-direction: row;
    overflow-x: auto;
    gap: 12px;
    padding-bottom: 8px;
    scrollbar-width: none;
}

.feedback-sections .feedback-block::-webkit-scrollbar{
    display: none;
}

.feedback-sections .feedback-item{
    flex: 0 0 auto;
    width: 75px;
    aspect-ratio: auto;
    border-radius: 0;
    overflow: visible;
    background: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

.feedback-sections .feedback-item::before{
    display: none;
}

.feedback-sections .feedback-item video{
    width: 75px;
    height: 75px;
    border-radius: 50%;
    object-fit: cover;
    border: 2.5px solid var(--primary-color);
    flex-shrink: 0;
}

.feedback-sections .feedback-item .sound-btn{
    display: none;
}

.feedback-sections .feedback-item .feedback-info{
    position: static;
    padding: 0;
    background: none;
    align-items: center;
    text-align: center;
    gap: 3px;
}

.feedback-sections .feedback-item .feedback-info .name{
    font-size: 10px;
    color: var(--color-dark-txt);
    max-width: 75px;
    white-space: normal;
    word-break: break-word;
    text-align: center;
}

.feedback-sections .feedback-item .feedback-info .stars{
    font-size: 12px;
}

/* ===== MODALS ===== */

.modal__overlay{
    padding: 25px;
    overflow-y: auto;
}

#modal-book .modal__overlay,
#modal-credit .modal__overlay,
#modal-tradein .modal__overlay{
    align-items: flex-start;
}

/* base: уменьшаем padding контейнера */
.modal__container{
    padding: 25px;
}

/* modal-book / modal-credit / modal-tradein */
.modal__container--book{
    flex-direction: column;
    width: 100%;
    padding: 0;
}

.modal-book__content{
    order: -1;
    max-width: 100%;
    padding: 25px 25px 0 25px;
}

.modal-book__content .modal__title{
    gap: 5px;
    margin-bottom: 10px;
}

.modal-book__content .price-block{
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    margin: 0 0 5px 0;
}

.modal-book__content .price-block .old-price{
    order: -1;
}

.modal-book__content .credit-calculator-base-sections{
    padding: 0;
}

.modal-book__photo{
    max-width: 100%;
    width: 100%;
    height: 350px;
    flex-shrink: 0;
    overflow: visible;
}
.modal-book__photo img{
    position: absolute;
    top: 20px;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
}

/* Stories modal */

.modal__container--stories{
    padding: 10px;
    width: calc(100% - 40px);
    max-width: 400px;
    border-radius: var(--primary-border-radius);
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.modal__container--stories #stories-video{
    width: 100%;
    max-height: 65vh;
    border-radius: 15px;
    object-fit: contain;
    display: block;
}

.stories-controls{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.stories-prev,
.stories-next{
    background: var(--color-light-grey);
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    color: var(--color-dark-txt);
    font-size: 18px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal__container--stories .modal__close{
    position: static;
    background: var(--color-light-grey);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    color: var(--color-dark-txt);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: none;
    cursor: pointer;
}

/* Просмотренные */

.feedback-sections .feedback-item.watched video{
    border-color: var(--color-dark-grey);
    opacity: 0.6;
}

/* ===== INFO SECTIONS ===== */

.info-sections .info-tab{
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    margin-bottom: 15px;
}

.info-sections .info-tab .tabs{
    gap: 10px;
    flex-wrap: wrap;
}

.info-sections .info-tab .tabs div{
    font-size: 14px;
    padding: 5px 15px;
}

.info-sections .info-tab .more{
    margin: 0;
    font-size: 12px;
    padding: 6px 16px;
}

.info-sections .info-block > div{
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 12px;
    padding-bottom: 8px;
    scrollbar-width: none;
}

.info-sections .info-block > div::-webkit-scrollbar{
    display: none;
}

.info-sections .stocks-item,
.info-sections .news-item,
.info-sections .reviews-item{
    flex: 0 0 300px;
}

/* ===== MEDIA SECTIONS ===== */

.media-sections .splide__arrow,
.media-sections .slider-nav{
    display: none;
}

.media-sections .media-slider{
    overflow: visible;
}

.media-sections .media-slider > .splide__pagination{
    position: relative;
    bottom: auto;
    width: 100%;
    justify-content: center;
    margin-top: 15px;
}

/* ===== BANNER SECTIONS ===== */

.banner-sections{
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    padding-left: 0;
    padding-right: 0;
    margin-left: 20px;
    margin-right: 20px;
    width: calc(100% - 40px);
    min-height: 0px;
}

.banner-sections::before{
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.4);
    border-radius: inherit;
    pointer-events: none;
}

.banner-sections .banner-block{
    width: 100%;
    padding: 25px;
    gap: 15px;
    background: none;
    position: relative;
    z-index: 1;
}

.banner-sections .banner-block .h{
    font-size: 22px;
    margin-bottom: -5px;
}

.banner-sections .banner-block .h span{
    display: block;
}

.banner-sections .banner-block .txt{
    font-size: 14px;
}

.banner-sections .banner-block form{
    flex-direction: column;
    gap: 15px;
}

.banner-sections .banner-block form input,
.banner-sections .banner-block form button{
    font-size: 12px;
}

.banner-sections .banner-block form button{
    text-align: center;
    justify-content: center;
}

/* ===== COMPANY SECTIONS ===== */

.company-sections .company-block .about-block{
    flex-direction: column;
}

.company-sections .company-block .about-block .marcar{
    flex: 1 1 100%;
    padding: 25px;
}

.company-sections .company-block .about-block .marcar .logo svg{
    display: block;
    aspect-ratio: 7 / 1;
    width: 100%;
    height: auto;
    margin: 0 0 20px 0;
}

.company-sections .company-block .about-block .marcar .txt{
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 20px 0;
}

.company-sections .company-block .about-block .marcar .tags{
    gap: 15px 10px;
}

.company-sections .company-block .about-block .slider{
    flex: 1 1 100%;
    aspect-ratio: 4 / 3;
}

.company-sections .company-block .about-block .slider .splide__arrow{
    display: none;
}

.company-sections .company-block .about-block .slider .splide__pagination__page{
    width: 6px;
    height: 6px;
    background: rgba(255,255,255,0.5);
    opacity: 1;
    transform: none !important;
}

.company-sections .company-block .about-block .slider .splide__pagination__page.is-active{
    width: 20px;
    border-radius: 3px;
    background: #fff;
    opacity: 1;
}

.company-sections .company-block .plus-block{
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 15px;
    padding-bottom: 1px;
    scrollbar-width: none;
}

.company-sections .company-block .plus-block::-webkit-scrollbar{
    display: none;
}

.company-sections .company-block .plus-block .plus-item{
    flex: 0 0 250px;
    flex-direction: row;
    align-items: flex-start;
    gap: 10px;
    border-radius: var(--primary-border-radius);
    border: 1px solid var(--color-light-grey);
    padding: 15px;
}

.company-sections .company-block .plus-block .plus-item .check-icon{
    width: 26px;
    height: 26px;
    margin-top: 4px;
}

.company-sections .company-block .plus-block .plus-item .content .h{
    font-size: 16px;
}

.company-sections .company-block .plus-block .plus-item .content .h span{
    display: block;
}

.company-sections .company-block .plus-block .plus-item .content .txt{
    font-size: 15px;
}

/* ===== SOC SECTIONS ===== */

.soc-sections{
    padding-left: 0;
    padding-right: 0;
    margin-left: 20px;
    margin-right: 20px;
    width: calc(100% - 40px);
}

.soc-sections .soc-block .soc-auto{
    display: none;
}

.soc-sections .soc-block{
    flex-direction: column;
    padding: 25px;
    gap: 20px;
}

.soc-sections .soc-block .soc-content{
    width: 100%;
    padding: 0;
    gap: 20px;
}

.soc-sections .soc-block .soc-content .h{
    font-size: 20px;
    margin-bottom: -5px;
}

.soc-sections .soc-block .soc-content .txt{
    font-size: 14px;
}

/* ===== FOOTER ===== */

footer{
    padding: 20px 0;
}

footer .footer{
    gap: 25px;
    padding: 0 20px;
    box-sizing: border-box;
}

/* --- footer-bar --- */

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

footer .footer .footer-bar .logo{
    justify-content: space-between;
    align-items: center;
}

footer .footer .footer-bar .logo svg{
    width: 140px;
}

footer .footer .footer-bar .footer-marks{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    height: auto;
    padding: 0;
    gap: 16px 0;
}

footer .footer .footer-bar .footer-marks a{
    flex: unset;
    width: auto;
    justify-content: center;
}

footer .footer .footer-bar .contacts{
    margin: 0;
    flex-direction: row;
    align-items: center;
}

footer .footer .footer-bar .contacts .phone{
    flex: 1;
    font-size: 16px;
}

footer .footer .footer-bar .contacts .find-car{
    font-size: 11px;
    padding: 7px 12px;
    text-align: center;
    justify-content: center;
    white-space: nowrap;
}

/* --- map-block --- */

footer .footer .map-block{
    height: auto;
    overflow: visible;
    display: flex;
    flex-direction: column;
    gap: 25px;
    border-radius: 0;
}

footer .footer .map-block .contacts{
    position: static;
    top: auto;
    left: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 20px;
    background: #fff;
    border-radius: var(--primary-border-radius);
    box-sizing: border-box;
}

footer .footer .map-block .contacts .contacts-slider{
    border-radius: var(--primary-border-radius);
    overflow: hidden;
    aspect-ratio: 16 / 9;
    margin: 0 0 5px 0;
}

footer .footer .map-block .contacts .contacts-slider .splide__arrow{
    display: none;
}

footer .footer .map-block .contacts .contacts-slider .splide__pagination{
    position: absolute;
    bottom: 10px;
    margin-top: 0;
}
footer .footer .map-block .contacts .contacts-slider .splide__pagination__page{
    background: rgba(255,255,255,0.5);
    opacity: 1;
    transform: none !important;
}

footer .footer .map-block .contacts .contacts-slider .splide__pagination__page.is-active{
    background: #fff;
    width: 20px;
    border-radius: 3px;
    opacity: 1;
}

footer .footer .map-block .contacts .adress div{
    font-size: 16px;
    font-weight: 500;
    padding: 0;
}

footer .footer .map-block .contacts .phone a{
    font-size: 16px;
    font-weight: 500;
    padding: 0;
}

footer .footer .map-block .contacts .time div{
    font-size: 15px;
    padding: 0;
}

footer .footer .map-block .contacts .button{
    padding: 0;
    margin: 0;
}

footer .footer .map-block .contacts .button a,
footer .footer .map-block .contacts .button .ordercall{
    width: 100%;
    text-align: center;
    justify-content: center;
    font-size: 12px;
}

footer .footer .map-block .contacts .soc{
    padding: 0;
    gap: 15px 10px;
    flex-wrap: wrap;
    align-items: center;
}

footer .footer .map-block .map{
    width: 100%;
    height: 300px;
    margin: 0;
    border-radius: var(--primary-border-radius);
    overflow: hidden;
}

footer .footer .map-block .map iframe{
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

/* --- footer-info --- */

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

footer .footer .footer-info div:not(.txt){
    gap: 5px;
}

footer .footer .footer-info .txt{
    grid-column: 1 / -1;
}

footer .footer .footer-info div .h{
    font-size: 12px;
}

footer .footer .footer-info div a{
    font-size: 12px;
}

footer .footer .footer-info .txt span{
    font-size: 10px;
}

/* --- footer-copyright --- */

footer .footer .footer-copyright{
    flex-direction: column;
    gap: 8px;
    align-items: center;
    text-align: center;
    padding-bottom: 71px;
}

footer .footer .footer-copyright .copyright{
    font-size: 10px;
}

footer .footer .footer-copyright .copyright span{
    display: block;
}

footer .footer .footer-copyright .policy{
    width: 100%;
    justify-content: space-between;
}

footer .footer .footer-copyright .policy a{
    font-size: 10px;
}

/* ===== BREADCRUMBS ===== */

.breadcrumbs{
    padding: 0 20px;
    box-sizing: border-box;
    row-gap: 8px;
}

.breadcrumbs li{
    font-size: 12px;
}

.breadcrumbs li + li::before{
    margin: 0 5px;
}

.breadcrumbs li.mark-dealer svg{
    width: 18px;
    height: 18px;
}

/* ===== CATALOG HEADER ===== */

.catalog-header{
    padding: 0 20px;
    box-sizing: border-box;
}

.h-txt-block{
    margin: 0;
}

.h-txt-block .h{
    font-size: 22px;
}

.h-txt-block .txt{
    font-size: 14px;
}

.catalog-header .catalog-header-block .plus-block{
    flex-direction: column;
    padding: 0 15px;
}

.catalog-header .catalog-header-block .plus-block .plus-item{
    width: 100%;
    height: auto;
    flex-shrink: 0;
    padding: 15px 25px;
}

.catalog-header .catalog-header-block .plus-block .plus-item .plus-icon{
    width: 50px;
    height: 50px;
    flex-shrink: 0;
}

.catalog-header .catalog-header-block .plus-block .plus-item .plus-icon.number{
    font-size: 11px;
}

.catalog-header .catalog-header-block .plus-block .plus-item .plus-icon svg{
    width: 25px;
    height: 25px;
}

/* ===== MARK SECTIONS ===== */

.mark-sections{
    margin-left: 20px;
    margin-right: 20px;
    width: calc(100% - 40px);
    margin: 0 auto 45px auto;
}

.mark-sections:not(.mark-lg) .mark-block{
    grid-template-columns: repeat(3, 1fr);
}

.mark-sections .mark-block .mark-item{
    min-width: 0;
    overflow: hidden;
}

.mark-sections:not(.mark-lg) .mark-block .mark-item .mark-icon,
.mark-sections:not(.mark-lg) .mark-block .mark-item .mark-icon svg{
    width: 18px;
    height: 18px;
}

.mark-sections:not(.mark-lg) .mark-block .mark-item .h{
    font-size: 10px;
}

.mark-sections.mark-lg .mark-block .mark-item .mark-icon,
.mark-sections.mark-lg .mark-block .mark-item .mark-icon svg{
    width: 30px;
    height: 30px;
}

.mark-sections.mark-lg .mark-block .mark-item .h{
    font-size: 13px;
}

.mark-sections.mark-lg .mark-block{
    grid-template-columns: repeat(2, 1fr);
}

.mark-sections:not(.mark-lg)[data-rows="1"]:not(.is-expanded) .mark-block .mark-item:nth-child(n+10){ display: none; }

.mark-sections.mark-lg[data-rows="1"]:not(.is-expanded) .mark-block .mark-item:nth-child(n+5){ display: none; }

/* ===== SALE OFFER (universal) ===== */

.new-car-header-block .sale-block .sale-offer,
.taxi-car-header-block .sale-block .sale-offer,
.new-equipment-sections .equipment-sale-block .sale-offer,
.taxi-equipment-sections .equipment-sale-block .sale-offer,
.new-catalog-sections .new-catalog-sale-block .sale-offer,
.taxi-catalog-sections .taxi-catalog-sale-block .sale-offer{
    gap: 20px;
}

.new-car-header-block .sale-block .sale-offer .sale .h-txt .h,
.taxi-car-header-block .sale-block .sale-offer .sale .h-txt .h,
.new-equipment-sections .equipment-sale-block .sale-offer .sale .h-txt .h,
.taxi-equipment-sections .equipment-sale-block .sale-offer .sale .h-txt .h,
.new-catalog-sections .new-catalog-sale-block .sale-offer .sale .h-txt .h,
.taxi-catalog-sections .taxi-catalog-sale-block .sale-offer .sale .h-txt .h{
    line-height: 1.5;
}

.new-car-header-block .sale-block .sale-offer .final-discount,
.taxi-car-header-block .sale-block .sale-offer .final-discount,
.new-equipment-sections .equipment-sale-block .sale-offer .final-discount,
.taxi-equipment-sections .equipment-sale-block .sale-offer .final-discount,
.new-catalog-sections .new-catalog-sale-block .sale-offer .final-discount,
.taxi-catalog-sections .taxi-catalog-sale-block .sale-offer .final-discount{
    flex: 1 0 100%;
    padding: 10px 20px;
    gap: 15px;
}

.new-car-header-block .sale-block .sale-offer .final-discount .h,
.taxi-car-header-block .sale-block .sale-offer .final-discount .h,
.new-equipment-sections .equipment-sale-block .sale-offer .final-discount .h,
.taxi-equipment-sections .equipment-sale-block .sale-offer .final-discount .h,
.new-catalog-sections .new-catalog-sale-block .sale-offer .final-discount .h,
.taxi-catalog-sections .taxi-catalog-sale-block .sale-offer .final-discount .h{
    line-height: 1.3;
}

.new-car-header-block .sale-block .sale-offer > .btn-outline-accent,
.taxi-car-header-block .sale-block .sale-offer > .btn-outline-accent,
.new-equipment-sections .equipment-sale-block .sale-offer > .btn-outline-accent,
.taxi-equipment-sections .equipment-sale-block .sale-offer > .btn-outline-accent,
.new-catalog-sections .new-catalog-sale-block .sale-offer > .btn-outline-accent,
.taxi-catalog-sections .taxi-catalog-sale-block .sale-offer > .btn-outline-accent{
    width: 100%;
    justify-content: center;
    text-align: center;
    margin: 0 auto;
}

/* ===== NEW CATALOG BLOCK ===== */

.new-catalog-sections .new-catalog-block{
    grid-template-columns: 1fr;
}

.new-item .info-block .options{
    display: block;
}

.new-item .info-block .options div{
    display: inline;
}

.new-item .info-block .options div + div::before{
    margin: 0 10px 1px 4px;
}

.new-item .info-block .options div:nth-child(2n)::after{
    content: '';
    display: block;
}

.new-item .info-block .options div:nth-child(2n+1)::before{
    display: none;
}

.new-item .info-block .h{
    font-size: 16px;
    margin-bottom: 2px;
}

.new-item .info-block .price-block .price{
    font-size: 16px;
}

.new-item .info-block .credit-block .credit{
    font-size: 14px;
}

.new-item .info-block .btn .credit,
.new-item .info-block .btn .reserve,
.new-item .info-block .btn .more,
.new-item .info-block .btn .find-car,
.new-item .info-block .btn .find-analog{
    font-size: 12px;
    padding: 8px 0;
}

.new-catalog-sections .new-catalog-slider,
.used-catalog-sections .used-catalog-slider{
    overflow: visible;
    margin-bottom: 25px;
}

.new-catalog-sections .new-catalog-slider .splide__track,
.used-catalog-sections .used-catalog-slider .splide__track{
    overflow: hidden;
}

.new-catalog-sections .new-catalog-slider .splide__pagination,
.used-catalog-sections .used-catalog-slider .splide__pagination{
    gap: 6px;
}

.new-catalog-sections .new-catalog-slider .splide__pagination__page,
.used-catalog-sections .used-catalog-slider .splide__pagination__page{
    width: 6px;
    height: 6px;
    background: var(--color-dark-grey);
    opacity: 0.4;
    border-radius: 50%;
    margin: 0;
    transform: none !important;
    transition: width 0.2s ease, border-radius 0.2s ease, opacity 0.2s ease, background 0.2s ease;
}

.new-catalog-sections .new-catalog-slider .splide__pagination__page.is-active,
.used-catalog-sections .used-catalog-slider .splide__pagination__page.is-active{
    width: 20px;
    border-radius: 3px;
    background: var(--primary-color);
    opacity: 1;
}

/* ===== NEW CAR HEADER SECTIONS ===== */

.new-car-header-sections .new-car-header-block .img-options-offer,
.taxi-car-header-sections .taxi-car-header-block .img-options-offer{
    grid-template-columns: 1fr;
    gap: 25px;
}

.new-car-header-block .img-options-offer .offer-block,
.taxi-car-header-block .img-options-offer .offer-block{
    grid-column: auto;
    grid-row: auto;
}

.new-car-header-sections .new-car-header-block .img-block,
.taxi-car-header-sections .taxi-car-header-block .img-block{
    width: 100%;
    height: auto;
    aspect-ratio: 4/3;
    overflow: visible;
    margin-bottom: 45px;
}

.new-car-header-block .color-block,
.taxi-car-header-block .color-block,
.new-car-header-block .exterior-block,
.taxi-car-header-block .exterior-block,
.new-car-header-block .interior-block,
.taxi-car-header-block .interior-block,
.new-car-header-block .video-block,
.taxi-car-header-block .video-block{
    border-radius: var(--primary-border-radius);
    overflow: hidden;
}

.new-car-header-block .color-block .img,
.taxi-car-header-block .color-block .img{
    padding: 60px 0 0 0;
    box-sizing: border-box;
}

.new-car-header-block .color-block .img img,
.taxi-car-header-block .color-block .img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.new-car-header-block .img-block .stickers,
.taxi-car-header-block .img-block .stickers{
    top: 15px;
    right: 15px;
}

.new-car-header-block .img-block .sticker,
.taxi-car-header-block .img-block .sticker{
    font-size: 10px;
    padding: 6px 12px;
}

.new-car-header-block .color-block .color,
.taxi-car-header-block .color-block .color{
    top: 15px;
    left: 15px;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
}

.new-car-header-block .color-block .color-name,
.taxi-car-header-block .color-block .color-name{
    margin-right: 100%;
    font-size: 10px;
    padding: 6px 12px;
}

.new-car-header-block .color-block .color .btn,
.taxi-car-header-block .color-block .color .btn{
    flex: 0 0 100%;
    flex-direction: row;
    flex-wrap: wrap;
    height: auto;
    gap: 10px;
}

.new-car-header-block .color-block .color .color-btn::after,
.taxi-car-header-block .color-block .color .color-btn::after{
    display: none;
}

.new-car-header-block .color-block .color .color-btn,
.taxi-car-header-block .color-block .color .color-btn{
    width: 20px;
    height: 20px;
}

.new-car-header-block .img-block .tabs-block,
.taxi-car-header-block .img-block .tabs-block{
    gap: 8px;
    left: 0;
    right: 0;
    bottom: -45px;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.new-car-header-block .img-block .tabs-block .tab,
.taxi-car-header-block .img-block .tabs-block .tab{
    font-size: 12px;
    padding: 5px 10px;
}

.new-car-header-block .exterior-block .img-slider,
.taxi-car-header-block .exterior-block .img-slider,
.new-car-header-block .interior-block .img-slider,
.taxi-car-header-block .interior-block .img-slider{
    overflow: visible;
}

.new-car-header-block .img-slider .splide__track,
.taxi-car-header-block .img-slider .splide__track{
    overflow: hidden;
}

.new-car-header-block .img-slider .splide__arrow,
.taxi-car-header-block .img-slider .splide__arrow{
    display: none;
}

.new-car-header-block .img-slider .splide__pagination,
.taxi-car-header-block .img-slider .splide__pagination{
    gap: 6px;
    top: 10px;
    left: 15px;
    margin-top: 0;
}

.new-car-header-block .img-slider .splide__pagination__page,
.taxi-car-header-block .img-slider .splide__pagination__page{
    width: 6px;
    height: 6px;
    background: var(--primary-color);
    opacity: 0.4;
    border-radius: 50%;
    margin: 0;
    transform: none !important;
    transition: width 0.2s ease, border-radius 0.2s ease, opacity 0.2s ease, background 0.2s ease;
}

.new-car-header-block .img-slider .splide__pagination__page.is-active,
.taxi-car-header-block .img-slider .splide__pagination__page.is-active{
    width: 20px;
    border-radius: 3px;
    background: var(--primary-color);
    opacity: 1;
}

.new-car-header-block .options-block,
.taxi-car-header-block .options-block{
    flex-wrap: wrap;
}

.new-car-header-block .options-block .option,
.taxi-car-header-block .options-block .option{
    flex: 0 0 calc(50% - 7.5px);
}

.new-car-header-block .img-options-offer .offer-block,
.taxi-car-header-block .img-options-offer .offer-block{
    gap: 25px;
}

.new-car-header-block .img-options-offer .offer-block .price-credit,
.taxi-car-header-block .img-options-offer .offer-block .price-credit{
    padding: 0 25px;
}

.new-car-header-block .sale-block .sale-offer .sale,
.taxi-car-header-block .sale-block .sale-offer .sale{
    padding: 0;
}

.new-car-header-block .img-options-offer .offer-block .btn-block .reserve,
.taxi-car-header-block .img-options-offer .offer-block .btn-block .reserve,
.new-car-header-block .img-options-offer .offer-block .btn-block .tradein,
.taxi-car-header-block .img-options-offer .offer-block .btn-block .tradein{
    font-size: 14px;
}

/* ===== NEW EQUIPMENT BLOCK ===== */

.new-equipment-sections .new-equipment-block .equipment-item,
.taxi-equipment-sections .taxi-equipment-block .equipment-item{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 15px;
    align-items: start;
}

.new-equipment-sections .new-equipment-block .equipment-item .color-block,
.taxi-equipment-sections .taxi-equipment-block .equipment-item .color-block{
    grid-column: 1;
    grid-row: 2;
}

.new-equipment-sections .new-equipment-block .equipment-item .info-block,
.taxi-equipment-sections .taxi-equipment-block .equipment-item .info-block{
    grid-column: 1 / -1;
    grid-row: 1;
}

.new-equipment-sections .new-equipment-block .equipment-item .price-credit,
.taxi-equipment-sections .taxi-equipment-block .equipment-item .price-credit{
    grid-column: 2;
    grid-row: 2;
    align-self: center;
}

.new-equipment-sections .new-equipment-block .equipment-item .btn-block,
.taxi-equipment-sections .taxi-equipment-block .equipment-item .btn-block{
    grid-column: 1 / -1;
    grid-row: 3;
}

.new-equipment-sections .new-equipment-block .equipment-item .color-block,
.taxi-equipment-sections .taxi-equipment-block .equipment-item .color-block{
    flex: none;
    width: auto;
    min-height: 0;
    max-height: none;
}

.new-equipment-sections .new-equipment-block .equipment-item .color-block .img,
.taxi-equipment-sections .taxi-equipment-block .equipment-item .color-block .img{
    width: 100%;
    height: auto;
    aspect-ratio: 4/3;
}

.new-equipment-sections .new-equipment-block .equipment-item .info-block,
.taxi-equipment-sections .taxi-equipment-block .equipment-item .info-block{
    flex: none;
    gap: 10px;
}

.new-equipment-sections .new-equipment-block .equipment-item .info-block .h,
.taxi-equipment-sections .taxi-equipment-block .equipment-item .info-block .h{
    font-size: 20px;
}

.new-equipment-sections .new-equipment-block .equipment-item .info-block .options,
.taxi-equipment-sections .taxi-equipment-block .equipment-item .info-block .options{
    gap: 10px;
}

.new-equipment-sections .new-equipment-block .equipment-item .info-block .options .option,
.taxi-equipment-sections .taxi-equipment-block .equipment-item .info-block .options .option{
    font-size: 14px;
    padding: 6px 12px;
}

.new-equipment-sections .new-equipment-block .equipment-item .price-credit,
.taxi-equipment-sections .taxi-equipment-block .equipment-item .price-credit{
    flex: none;
}

.new-equipment-sections .new-equipment-block .equipment-item .price-credit .price-block .price,
.taxi-equipment-sections .taxi-equipment-block .equipment-item .price-credit .price-block .price{
    font-size: 16px;
}

.new-equipment-sections .new-equipment-block .equipment-item .price-credit .credit-block .credit,
.taxi-equipment-sections .taxi-equipment-block .equipment-item .price-credit .credit-block .credit{
    font-size: 14px;
}

.new-equipment-sections .new-equipment-block .equipment-item .btn-block,
.taxi-equipment-sections .taxi-equipment-block .equipment-item .btn-block{
    flex: none;
    width: auto;
}

/* ===== CREDIT CALCULATOR BASE ===== */

.credit-calculator-base{
    padding: 20px;
    gap: 25px;
}

.credit-calculator-base .h{
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
}

.credit-calculator-base .h .title{
    font-size: 16px;
}

.credit-calculator-base .h .bank .bank-circle{
    width: 36px;
    height: 36px;
    margin-right: -10px;
    padding: 6px;
}

.credit-calculator-base .credit-calculator,
.credit-calculator-base .credit-result{
    width: 100%;
}

.credit-calculator-base .credit-result{
    padding: 20px;
}

.credit-calculator-base .credit-result .h{
    font-size: 14px;
}

.credit-calculator-base .credit-result .credit-block .credit{
    font-size: 22px;
}

.credit-calculator-base .credit-result .form form{
    flex-direction: column;
    gap: 10px;
}

.credit-calculator-base .credit-result .form form button{
    width: 100%;
    justify-content: center;
}

/* ===== SPECIFICATIONS ===== */

.specifications-block .specs-tabs{
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.specifications-block .specs-tab{
    font-size: 14px;
    padding: 8px 16px;
    white-space: nowrap;
    flex-shrink: 0;
}

.specifications-block .specs-content{
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 0 20px;
}

.specifications-block .spec-name{
    font-size: 12px;
}

.specifications-block .spec-value{
    font-size: 12px;
}

.specifications-block .specs-options{
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 15px;
}

.specifications-block .specs-options li{
    font-size: 12px;
}

.specifications-block .car-dimensions{
    flex-direction: column;
    gap: 15px;
    margin: -10px 0 10px 0;
}

/* ============================================================
   USED — used.html
   ============================================================ */

/* catalog-strip */
.used-catalog-sections .catalog-strip{
    padding: 0 15px;
}

.used-catalog-sections .catalog-strip #mse2_selected{
    gap: 5px;
}

.used-catalog-sections .catalog-strip #mse2_selected strong{
    font-size: 10px;
}

.used-catalog-sections .catalog-strip .mse2_selected_link{
    font-size: 10px;
    padding: 4px 8px;
}

/* used-catalog-block: sidebar → column layout */
.used-catalog-sections .used-catalog-block{
    grid-template-columns: 1fr;
    gap: 25px;
}

/* used-filter: full width, no sticky */
.used-catalog-sections .used-catalog-block .used-filter{
    position: static;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}
.used-catalog-sections .used-catalog-block .used-filter .filter-toggle{
    position: relative;
    width: fit-content;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 10px;
    margin-bottom: -32px;
    z-index: 1;
}

/* used-catalog: full width, 1 card per row */
.used-catalog-sections .used-catalog-block .used-catalog{
    grid-column: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* btn-more: full width */
.used-catalog-sections .used-catalog-block .btn-more{
    grid-column: 1;
    align-self: center;
}

/* used-item img block */
.used-catalog-sections .used-catalog-block .used-catalog .used-item .img-info-block{
    height: 220px;
}

.used-catalog-sections .used-catalog-block .used-catalog .used-item .img-info-block .img .img-segment,
.used-catalog-sections .used-catalog-slider .used-item .img-info-block .img .img-segment,
.used-catalog-sections .used-catalog-block .used-catalog .used-item .img-info-block .img .img-dots,
.used-catalog-sections .used-catalog-slider .used-item .img-info-block .img .img-dots,
.used-catalog-sections .used-catalog-block .used-catalog .used-item .img-info-block .img-segments,
.used-catalog-sections .used-catalog-block .used-catalog .used-item .img-info-block .img-dots{
    display: none !important;
}

/* used-item .h font size */
.used-catalog-sections .used-catalog-block .used-catalog .used-item .h{
    font-size: 18px;
}

/* ============================================================
   USED-MARK — used-mark.html
   ============================================================ */

.h-a-txt-block{
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 20px;
}

.h-a-txt-block .h{
    font-size: 20px;
    flex: none;
}

.h-a-txt-block .more{
    margin: 0;
    padding: 6px 16px;
    font-size: 12px;
}

.h-a-txt-block .txt{
    font-size: 13px;
    margin-top: 0;
}

/* ============================================================
   USED-CAR — used-car.html
   ============================================================ */

.used-car-header-block .offer-block{ order: 3; }
.used-car-header-block .img-block{ order: 1; }
.used-car-header-block .options-block{ order: 2; }

/* img-block: 1 slide per view, 4:3 height */
.used-car-header-block .img-block{
    height: calc((100vw - 50px) * 3 / 4 + 50px);
    padding: 50px 0 0 0;
    overflow: hidden;
    box-sizing: border-box;
}

.used-car-header-block .img-block .slider-btn{
    display: none !important;
}
.used-car-header-block .img-block.has-iframe-video .slider-btn{
    display: flex !important;
}

.used-car-header-block .img-block .slider-viewport{
    position: static;
    width: 100%;
    height: calc((100vw - 50px) * 3 / 4);
    overflow: visible;
    border-radius: 0;
}

.used-car-header-block .img-block .stickers{
    position: absolute;
    top: 11px;
    left: 20px;
    align-items: center;
}

.used-car-header-block .img-block .sticker{
    font-size: 10px;
    padding: 6px 12px;
}

.used-car-header-block .img-block .mark{
    position: absolute;
    top: 9px;
    right: 20px;
    width: 32px;
    height: 32px;
}

.used-car-header-block .img-block .mark svg{
    width: 22px;
    height: 22px;
}

.used-car-header-block .img-block .mark .i{
    display: none;
}

.used-car-header-block .img-block .slider-track{
    width: 100%;
    height: 100%;
    gap: 0;
}

.used-car-header-block .img-block .slider-track .slide{
    flex: 0 0 100%;
    min-width: 100%;
}

/* pagination dots */
.used-car-header-block .img-block .slider-pagination{
    position: absolute;
    bottom: 12px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    z-index: 5;
    pointer-events: none;
}

.used-car-header-block .img-block .slider-dot{
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.6);
    transition: width 0.2s ease, border-radius 0.2s ease, background 0.2s ease;
    flex-shrink: 0;
}

.used-car-header-block .img-block .slider-dot.is-active{
    width: 20px;
    border-radius: 3px;
    background: #fff;
}

/* offer-block: column */
.used-car-header-block .offer-block{
    flex-direction: column;
    align-items: stretch;
    gap: 15px;
}

.used-car-header-block .offer-block .price-credit{
    padding: 0 25px;
    gap: 10px;
}

.used-car-header-block .offer-block .price-block{
    gap: 10px;
}

.used-car-header-block .offer-block .price-block .old-price{
    font-size: 18px;
}

.used-car-header-block .offer-block .price-block .price{
    font-size: 32px;
}

.used-car-header-block .offer-block .credit-block .credit{
    font-size: 24px;
}

.used-car-header-block .offer-block .sale-block{
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.used-car-header-block .offer-block .sale-block .txt{
    font-size: 13px;
}

.used-car-header-block .offer-block .sale-block .sale{
    font-size: 13px;
    padding: 4px 12px;
    flex-shrink: 0;
}

.used-car-header-block .offer-block .btn-block .credit,
.used-car-header-block .offer-block .btn-block .reserve,
.used-car-header-block .offer-block .btn-block .tradein{
    padding: 10px 20px;
    font-size: 13px;
}

/* options-block: 2 per row, 7th alone */
.used-car-header-block .options-block{
    flex-wrap: wrap;
}

.used-car-header-block .options-block .option{
    flex: 0 0 calc(50% - 7.5px);
}

/* ============================================================
   SERVICE-CREDIT — service-credit.html
   ============================================================ */

.smart-calculator-block .car-sections{
    padding: 20px;
}
.smart-calculator-block .car-sections:has(.selection-block button[type="reset"]:not(.hidden)){
    padding: 20px 20px 90px;
}

.smart-calculator-block .car-block{
    flex-direction: column;
}

.smart-calculator-block .car-block .selection-block,
.smart-calculator-block .car-block .img-block,
.smart-calculator-block .car-block .info-block{
    flex: none;
    width: 100%;
}

/* h-sale: строка 1 = цифра + заголовок, строка 2 = sale-offer */
.smart-calculator-block .h-sale{
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 15px;
}

.smart-calculator-block .h-sale::before{
    width: 34px;
    height: 34px;
    font-size: 16px;
}

.selection-block button[type="reset"]{
    top: auto;
    bottom: 25px;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
}

.smart-calculator-block .h-sale > .h{
    flex: 1;
    font-size: 22px;
}

.smart-calculator-block .h-sale .sale-offer{
    flex: 1 1 100%;
    padding: 10px 15px;
    gap: 15px;
}

/* внутри sale: h-txt и discount поровну, switch фиксированный */
.smart-calculator-block .h-sale .sale-offer .sale .h-txt{
    flex: 1;
    min-width: 0;
}

.smart-calculator-block .h-sale .sale-offer .sale .h-txt .h{
    font-size: 12px;
    line-height: 1.2;
}

.smart-calculator-block .h-sale .sale-offer .sale .discount{
    flex: 1;
    min-width: 0;
    font-size: 14px;
    white-space: normal;
    text-align: end;
    min-width: 125px;
}

/* calculator-sections: по образцу credit-calculator-base */
.smart-calculator-sections .calculator-sections{
    padding: 20px;
}

.smart-calculator-sections .calculator-sections .calculator-block{
    flex-direction: column;
    gap: 20px;
}

.smart-calculator-sections .calculator-block .h{
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
}

.smart-calculator-sections .calculator-block .h .bank .bank-circle{
    width: 36px;
    height: 36px;
    margin-right: -10px;
    padding: 6px;
}

.smart-calculator-sections .calculator-block .credit-calculator,
.smart-calculator-sections .calculator-block .credit-result{
    width: 100%;
}

.smart-calculator-sections .calculator-block .credit-result{
    padding: 20px;
}

.smart-calculator-sections .calculator-block .credit-result .h{
    font-size: 14px;
}

.smart-calculator-sections .calculator-block .credit-result .credit-block .credit{
    font-size: 22px;
}

.smart-calculator-sections .calculator-block .credit-result .form form{
    flex-direction: column;
    gap: 10px;
}

.smart-calculator-sections .calculator-block .credit-result .form form button{
    width: 100%;
    justify-content: center;
}

/* tradein-sections */
.smart-calculator-sections .tradein-sections{
    padding: 20px;
}

.smart-calculator-sections .tradein-block .form{
    flex-direction: column;
    gap: 10px;
}

.smart-calculator-sections .tradein-block .form input:first-child{
    flex: none;
}

/* form-sections */
.smart-calculator-sections .form-sections{
    padding: 20px;
}

.smart-calculator-sections .form-sections .final-block{
    flex-direction: column;
    gap: 10px;
}

.smart-calculator-sections .form-sections .final-block .final-item .final-value{
    font-size: 16px;
}

.smart-calculator-sections .form-sections .form-block{
    grid-template-columns: 1fr;
}

.smart-calculator-sections .form-sections .form-block .gift-block{
    order: -1;
    padding: 20px;
}

/* ============================================================
   BANK — bank.html
   ============================================================ */

.bank-catalog-block{
    grid-template-columns: 1fr;
}

.bank-item{
    padding-bottom: 52px;
}

.bank-item::after{
    opacity: 1;
    height: 52px;
    font-size: 13px;
}

.bank-item:hover img{
    transform: none;
}

.bank-item:hover::after{
    opacity: 1;
}

/* ============================================================
   PROMO / NEWS / REVIEW — универсально
   ============================================================ */

.promo-catalog-sections .promo-item,
.news-catalog-sections .news-item,
.review-catalog-sections .review-item{
    flex: 1 1 100%;
}

/* ============================================================
   NEWS / PROMO / REVIEW PAGE — универсально
   ============================================================ */

/* sticker-block: горизонтальный скролл */
.news-page-sections .sticker-block,
.promo-page-sections .sticker-block,
.review-page-sections .sticker-block{
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    gap: 10px;
}

.news-page-sections .sticker-block > *,
.promo-page-sections .sticker-block > *,
.review-page-sections .sticker-block > *{
    flex-shrink: 0;
}

/* news-block / promo-block / review-block: одна колонка, картинки сверху */
.news-page-sections .news-block,
.promo-page-sections .promo-block,
.review-page-sections .review-block{
    grid-template-columns: 1fr;
    gap: 25px;
}

.news-page-sections .img-block,
.promo-page-sections .img-block,
.review-page-sections .img-block{
    order: -1;
}

/* txt-block: уменьшаем заголовки */
.news-page-sections .txt-block h2,
.promo-page-sections .txt-block h2,
.review-page-sections .txt-block h2{
    font-size: 18px;
}

.news-page-sections .txt-block h3,
.promo-page-sections .txt-block h3,
.review-page-sections .txt-block h3{
    font-size: 16px;
}

.news-page-sections .txt-block h4,
.promo-page-sections .txt-block h4,
.review-page-sections .txt-block h4{
    font-size: 14px;
}

.news-page-sections .txt-block p,
.promo-page-sections .txt-block p,
.review-page-sections .txt-block p{
    font-size: 13px;
}

.news-catalog-sections .news-catalog-block,
.promo-catalog-sections .promo-catalog-block,
.review-catalog-sections .review-catalog-block{
    margin: 25px 0 0 0;
}

/* ============================================================
   CONTACTS — contacts.html
   ============================================================ */

.contacts-sections{
    gap: 25px;
}

.contacts-sections .contacts-block .contacts{
    flex-direction: column;
}

.contacts-sections .contacts-block .ooo{
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}

.contacts-sections .contacts-block .contacts .contacts-slider-wrap{
    flex: none;
    width: 100%;
    aspect-ratio: 4 / 3;
}

.contacts-sections .contacts-block .contacts .contacts-slider-wrap .contacts-slider .splide__arrow{
    display: none;
}

.contacts-sections .contacts-block .contacts .contacts-slider-wrap .contacts-slider .splide__pagination{
    position: absolute;
    bottom: 10px;
    margin-top: 0;
}
.contacts-sections .contacts-block .contacts .contacts-slider-wrap .contacts-slider .splide__pagination__page{
    width: 6px;
    height: 6px;
    background: rgba(255,255,255,0.6);
    opacity: 1;
    border-radius: 50%;
    transform: none !important;
    transition: width 0.2s ease, border-radius 0.2s ease, background 0.2s ease;
}

.contacts-sections .contacts-block .contacts .contacts-slider-wrap .contacts-slider .splide__pagination__page.is-active{
    width: 20px;
    border-radius: 3px;
    background: #fff;
    transform: none !important;
}

.contacts-sections .contacts-block .contacts .info-block{
    flex: none;
    width: 100%;
    padding: 20px 15px;
}

/* ============================================================
   FEEDBACK — feedback.html
   ============================================================ */

.feedback-catalog-sections .feedback-row{
    grid-template-columns: 1fr;
}

.feedback-catalog-sections .feedback-video-item,
.feedback-catalog-sections .feedback-form-item,
.feedback-catalog-sections .feedback-txtsm-item{
    grid-column: span 1;
}

.feedback-catalog-sections .feedback-video-item{
    aspect-ratio: auto;
    height: 260px;
}

.feedback-catalog-sections .feedback-txtlg-item{
    grid-column: span 1;
    flex-direction: column;
}

.feedback-catalog-sections .feedback-txtlg-item .feedback-info{
    padding: 25px;
}

.feedback-catalog-sections .feedback-txtlg-item .feedback-media{
    width: 100%;
    height: 260px;
    flex-shrink: 0;
}

.feedback-catalog-sections .feedback-txtlg-item .feedback-media img,
.feedback-catalog-sections .feedback-txtlg-item .feedback-media video{
    position: absolute;
    top: 0; left: 25px; right: 25px; bottom: 25px;
    width: calc(100% - 50px);
    height: calc(100% - 25px);
}

/* ============================================================
   MEDIA ABOUT US — media-about-us.html
   ============================================================ */

.media-catalog-sections .h-txt-block .h{
    font-size: 22px;
}

.media-catalog-sections .media-catalog-block{
    grid-template-columns: 1fr;
}

.media-catalog-sections .media-item .h,
.media-catalog-sections .media-item .txt{
    display: block;
    overflow: visible;
    -webkit-line-clamp: unset;
    line-clamp: unset;
}

/* ============================================================
   TXT — txt.html (политика, соглашения)
   ============================================================ */

.doc-sections .doc-content{
    flex-direction: column;
    gap: 30px;
}

.doc-sections .doc-sidebar{
    position: static;
    flex: none;
    width: 100%;
    order: 1;
}

.doc-sections .doc-block h2{
    font-size: 18px;
}


/* ===== MARK-PLUS / MODEL-PLUS / EXTERIOR / INTERIOR SLIDERS ===== */
.mark-plus-item,
.model-plus-item,
.exterior-item,
.interior-item{
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
.mark-plus-item .h,
.model-plus-item .h,
.exterior-item .h,
.interior-item .h{
    font-size: 18px;
}
.mark-plus-item .txt,
.model-plus-item .txt,
.exterior-item .txt,
.interior-item .txt{
    font-size: 16px;
    line-height: 1.5;
}
.mark-plus-slider > .splide__pagination,
.model-plus-slider > .splide__pagination,
.exterior-slider > .splide__pagination,
.interior-slider > .splide__pagination{
    margin-top: 20px;
}


/* ===== COOKIE CONSENT ===== */
.cookie-consent{
    left: 15px;
    right: 15px;
    bottom: 15px;
    max-width: none;
}
.cookie-consent__actions{
    flex-direction: column;
}
.cookie-btn{
    width: 100%;
    justify-content: center;
    text-align: center;
    padding: 12px 18px;
}

/* ============================================================
   ZARULEM — мобильная адаптация
   ============================================================ */

.zarulem-sections{
    gap: 25px;
}
.zarulem-sections .zarulem-hero{
    padding: 20px;
    gap: 15px;
}
.zarulem-sections .zarulem-brand-row{
    gap: 15px;
    flex-wrap: wrap;
    margin: 0 0 15px 0;
}
.zarulem-sections .zarulem-marcar-logo{
    width: 135px;
    height: 30px;
}
.zarulem-sections .zarulem-zr-logo{
    height: 30px;
}
.zarulem-sections .zarulem-kicker{
    font-size: 14px;
    margin: 0 0 15px 0;
}
.zarulem-sections .zarulem-hero-grid{
    display: flex;
    flex-direction: column;
}
.zarulem-sections .zarulem-hero:not(.zarulem-gate) .zarulem-hero-copy{
    display: contents;
}
.zarulem-sections .zarulem-hero:not(.zarulem-gate) .zarulem-brand-row{
    order: 1;
}
.zarulem-sections .zarulem-hero:not(.zarulem-gate) .zarulem-kicker{
    order: 2;
}
.zarulem-sections .zarulem-hero:not(.zarulem-gate) h1{
    order: 3;
}
.zarulem-sections .zarulem-hero:not(.zarulem-gate) p{
    order: 4;
}
.zarulem-sections .zarulem-hero:not(.zarulem-gate) .zarulem-hero-cover{
    order: 5;
}
.zarulem-sections .zarulem-hero:not(.zarulem-gate) .zarulem-hero-actions{
    order: 6;
}
.zarulem-sections .zarulem-hero h1{
    font-size: 24px;
    line-height: 1.3;
    margin: 0 0 15px 0;
}
.zarulem-sections .zarulem-hero p{
    font-size: 16px;
    line-height: 1.3;
    margin: 0 0 25px 0;
}
.zarulem-sections .zarulem-hero-actions{
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 15px;
    margin-top: 25px;
}
.zarulem-sections .zarulem-hero-actions .btn-primary{
    width: 100%;
    justify-content: center;
    text-align: center;
}
.zarulem-sections .zarulem-phone{
    text-align: center;
    font-size: 18px;
}
.zarulem-sections .zarulem-hero-cover{
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    width: 100%;
    max-width: none;
    align-self: auto;
    aspect-ratio: 745 / 1020;
}
.zarulem-sections .zarulem-hero-cover img{
    inset: 0;
    width: 100%;
    height: 100%;
}
.zarulem-sections .zarulem-section-head{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 16px;
}
.zarulem-sections .zarulem-section-head h2{
    font-size: 22px;
}
.zarulem-sections .zarulem-perks .zarulem-section-head h2,
.zarulem-sections .zarulem-cars .zarulem-section-head h2{
    font-size: 26px;
}
.zarulem-sections .zarulem-perk-grid,
.zarulem-sections .zarulem-cars .new-catalog-block{
    grid-template-columns: 1fr;
}
.zarulem-sections .zarulem-car-bonus{
    font-size: 12px;
}
.zarulem-sections .zarulem-perk-card{
    min-height: 0;
}
.zarulem-sections .zarulem-perk-media{
    height: auto;
}
.zarulem-sections .zarulem-perk-body{
    padding: 20px;
}
.zarulem-sections .zarulem-perk-body h3{
    font-size: 18px;
}
.zarulem-sections .zarulem-lead-form{
    padding: 24px 20px;
    gap: 14px;
}
.zarulem-sections .zarulem-lead-form__top{
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}
.zarulem-sections .zarulem-lead-form__txt{
    font-size: 16px;
}
.zarulem-sections .zarulem-lead-form__phone{
    font-size: 20px;
}
.zarulem-sections .zarulem-lead-form form{
    flex-direction: column;
}
.zarulem-sections .zarulem-lead-form button{
    width: 100%;
    justify-content: center;
}
.zarulem-sections .zarulem-legal{
    padding: 16px;
}
.zarulem-sections .zarulem-legal-txt{
    font-size: 11px;
}
.zarulem-sections .zarulem-gate h2{
    font-size: 24px;
    line-height: 1.3;
}
.zarulem-sections .zarulem-gate p{
    font-size: 16px;
    line-height: 1.3;
    margin: 0 0 15px 0;
}
.zarulem-sections .zarulem-socials-label{
    margin: 0 0 15px 0;
}
.zarulem-sections .zarulem-socials{
    margin: 0 0 25px 0;
}

/* ============================================================
   404
   ============================================================ */

.error404-sections{
    margin-bottom: 25px;
}
.error404-sections .error404-hero{
    padding: 25px 20px;
    grid-template-columns: 1fr;
    gap: 25px;
}
.error404-sections .error404-code{
    font-size: 76px;
    margin-bottom: 18px;
}
.error404-sections .error404-kicker{
    font-size: 14px;
    margin-bottom: 15px;
}
.error404-sections .error404-content h1{
    font-size: 24px;
    line-height: 1.3;
}
.error404-sections .error404-content p{
    font-size: 16px;
    line-height: 1.3;
}
.error404-sections .error404-actions{
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 15px;
}
.error404-sections .error404-actions .btn-primary{
    width: 100%;
    justify-content: center;
    text-align: center;
}
.error404-sections .error404-phone{
    text-align: center;
    font-size: 18px;
}
.error404-sections .error404-links{
    gap: 8px;
}
.error404-sections .error404-links a{
    min-height: 54px;
    padding: 0 16px;
    font-size: 13px;
}