/* home-dealer-stels — точная копия .dealer-stels-wrapper с center-crm.ru */

.dealer-stels-wrapper{
    width:100%;
    background:#111111;
    padding:56px 20px 48px;
    box-sizing:border-box;
}
.dealer-stels-two-cols{
    display:flex;
    gap:24px;
    width:100%;
    max-width:1200px;
    margin:0 auto;
}
.dealer-stels-two-cols__col{
    flex:1 1 50%;
    min-width:0;
    display:flex;
    flex-direction:column;
}
@media(max-width:768px){
    .dealer-stels-two-cols{flex-direction:column;gap:40px}
}
.dsc-carousel{position:relative;width:100%}
.dsc-carousel__title{
    font-family:"Capture",sans-serif;
    font-size:clamp(20px,2.5vw,28px);
    font-weight:10;
    line-height:1.2;
    text-transform:uppercase;
    text-align:center;
    margin:0 0 24px;
    color:var(--stels-ftr-primary,#fed500);
    letter-spacing:.02em;
}
.dsc-carousel__viewport{
    overflow:hidden;
    position:relative;
    width:100%;
    background:#1a1a1a;
    border:1px solid rgba(255,255,255,.06);
    border-radius:4px;
}
.dsc-carousel__track{
    display:flex;
    align-items:stretch;
    transition:transform .5s cubic-bezier(.22,.61,.36,1);
}
.dsc-carousel__slide{
    flex:0 0 100%;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
}
.dsc-carousel__slide img{
    width:100%;
    height:auto;
    max-width:100%;
    display:block;
    object-fit:contain;
    pointer-events:none;
}
.dsc-carousel__arrows{
    display:flex;
    justify-content:center;
    gap:12px;
    margin-top:20px;
}
.dsc-carousel__arrow{
    width:44px;
    height:44px;
    border:2px solid var(--stels-ftr-primary,#fed500);
    background:transparent;
    color:var(--stels-ftr-primary,#fed500);
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:background .3s ease,color .3s ease;
    border-radius:2px;
    padding:0;
}
.dsc-carousel__arrow:hover,
.dsc-carousel__arrow:focus-visible{
    background:var(--stels-ftr-primary,#fed500);
    border-color:var(--stels-ftr-primary,#fed500);
    color:#111111;
    outline:none;
}
.dsc-carousel__arrow:disabled{
    opacity:.3;
    cursor:default;
    pointer-events:none;
    background:transparent;
    color:var(--stels-ftr-primary,#fed500);
}
.dsc-carousel__arrow svg{
    width:20px;
    height:20px;
    stroke:currentColor;
    fill:none;
    stroke-width:2.5;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.dsc-carousel__dots{
    display:flex;
    justify-content:center;
    gap:8px;
    margin-top:16px;
}
.dsc-carousel__dot{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;padding:0;margin:0;cursor:pointer;position:relative;}
.dsc-carousel__dot:hover{border-color:var(--stels-ftr-primary,#fed500)}
.dsc-carousel__dot.is-active{}

/* === A11Y_DOT_FIX_V2 === */
/* Точка рисуется через ::after, размер 10×10, hitbox — сам button 44×44 */
.dsc-carousel__dot::after{
    content:"";
    display:block;
    width:10px;height:10px;
    border-radius:50%;
    border:2px solid rgba(254,213,0,.55);
    background:transparent;
    transition:all .3s ease;
}
.dsc-carousel__dot:hover::after{
    border-color:var(--stels-ftr-primary,#fed500);
}
.dsc-carousel__dot:focus-visible{
    outline:2px solid #fed500;
    outline-offset:2px;
    border-radius:6px;
}
.dsc-carousel__dot.is-active::after{
    background:var(--stels-ftr-primary,#fed500);
    border-color:var(--stels-ftr-primary,#fed500);
    transform:scale(1.2);
}