.stocks-main-slider{
    --sms-blue:#0c287b;
    --sms-pink:#ffb3e6;
    position:relative;
    width:100%;
    min-height:500px;
    overflow:hidden;
    background:#dedede;
    font-family:inherit;
}
.stocks-main-slider *{box-sizing:border-box}
.stocks-main-slider__viewport{position:relative;min-height:500px}
.stocks-main-slider__slide{
    position:absolute;
    inset:0;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .45s ease, visibility .45s ease;
}
.stocks-main-slider__slide.is-active{
    position:relative;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}
.stocks-main-slider__bg{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:0;
    user-select:none;
    pointer-events:none;
}
.stocks-main-slider__inner{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(430px,1fr);
    align-items:center;
    gap:30px;
    width:min(1180px,calc(100% - 48px));
    min-height:500px;
    margin:0 auto;
}
.stocks-main-slider__visual{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:0;
    transform:translateX(-60px);
    opacity:0;
}
.stocks-main-slider__visual img{
    display:block;
    width:min(470px,100%);
    max-height:470px;
    object-fit:contain;
}
.stocks-main-slider__content{
    max-width:520px;
    justify-self:start;
    color:#333;
}
.stocks-main-slider__title{
    margin:0 0 12px;
    color:#333;
    font-size:clamp(38px,4vw,56px);
    line-height:1;
    font-weight:700;
    letter-spacing:-.02em;
}
.stocks-main-slider__title span{display:block;transform:translateY(45px);opacity:0}
.stocks-main-slider__text{
    max-width:500px;
    margin:0 0 24px;
    color:#777;
    font-size:18px;
    line-height:1.45;
    font-weight:500;
    transform:translateY(38px);
    opacity:0;
}
.stocks-main-slider__button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:209px;
    min-height:59px;
    padding:12px 30px;
    border-radius:8px;
    background:var(--sms-pink);
    color:var(--sms-blue)!important;
    text-decoration:none!important;
    font-size:20px;
    line-height:1;
    font-weight:600;
    transform:translateY(32px);
    opacity:0;
    transition:transform .2s ease, filter .2s ease, box-shadow .2s ease;
}
.stocks-main-slider__button:hover{
    transform:translateY(-2px)!important;
    filter:brightness(1.02);
    box-shadow:0 9px 24px rgba(12,40,123,.12);
}
.stocks-main-slider__slide.is-active .stocks-main-slider__visual{
    animation:smsVisualIn 1.2s .15s cubic-bezier(.16,1,.3,1) forwards;
}
.stocks-main-slider__slide.is-active .stocks-main-slider__title span:nth-child(1){animation:smsTextIn .8s .45s cubic-bezier(.16,1,.3,1) forwards}
.stocks-main-slider__slide.is-active .stocks-main-slider__title span:nth-child(2){animation:smsTextIn .8s .55s cubic-bezier(.16,1,.3,1) forwards}
.stocks-main-slider__slide.is-active .stocks-main-slider__text{animation:smsTextIn .8s .68s cubic-bezier(.16,1,.3,1) forwards}
.stocks-main-slider__slide.is-active .stocks-main-slider__button{animation:smsTextIn .8s .82s cubic-bezier(.16,1,.3,1) forwards}
@keyframes smsVisualIn{to{transform:translateX(0);opacity:1}}
@keyframes smsTextIn{to{transform:translateY(0);opacity:1}}
.stocks-main-slider__arrow{
    position:absolute;
    top:50%;
    z-index:4;
    display:flex;
    align-items:center;
    justify-content:center;
    width:46px;
    height:46px;
    padding:0;
    border:0;
    background:#fff;
    color:#333;
    box-shadow:0 4px 18px rgba(0,0,0,.06);
    cursor:pointer;
    transform:translateY(-50%);
    transition:transform .2s ease, box-shadow .2s ease;
}
.stocks-main-slider__arrow:hover{transform:translateY(-50%) scale(1.04);box-shadow:0 7px 22px rgba(0,0,0,.1)}
.stocks-main-slider__arrow span{font-size:36px;line-height:1;margin-top:-3px}
.stocks-main-slider__arrow--prev{left:18px}
.stocks-main-slider__arrow--next{right:18px}
.stocks-main-slider__dots{
    position:absolute;
    left:50%;
    bottom:18px;
    z-index:4;
    display:flex;
    align-items:center;
    gap:7px;
    transform:translateX(-50%);
}
.stocks-main-slider__dot{
    width:12px;
    height:12px;
    padding:0;
    border:2px solid #fff;
    border-radius:50%;
    background:rgba(255,255,255,.3);
    cursor:pointer;
}
.stocks-main-slider__dot.is-active{background:#fff}
@media(max-width:991px){
    .stocks-main-slider,.stocks-main-slider__viewport{min-height:500px}
    .stocks-main-slider__inner{
        grid-template-columns:1fr 1fr;
        width:min(900px,calc(100% - 64px));
        min-height:500px;
        gap:18px;
    }
    .stocks-main-slider__visual img{width:min(390px,100%)}
    .stocks-main-slider__title{font-size:42px}
    .stocks-main-slider__text{font-size:16px}
    .stocks-main-slider__button{min-width:170px;min-height:48px;font-size:17px}
}
@media(max-width:767px){
    .stocks-main-slider,.stocks-main-slider__viewport{min-height:560px}
    .stocks-main-slider__inner{
        grid-template-columns:1fr;
        align-content:center;
        gap:4px;
        width:calc(100% - 36px);
        min-height:560px;
        padding:22px 0 48px;
        text-align:center;
    }
    .stocks-main-slider__visual{order:2}
    .stocks-main-slider__visual img{width:min(320px,78vw);max-height:285px}
    .stocks-main-slider__content{order:1;max-width:100%;justify-self:center}
    .stocks-main-slider__title{font-size:clamp(34px,10vw,46px);line-height:1.02;margin-bottom:10px}
    .stocks-main-slider__text{max-width:340px;margin:0 auto 16px;font-size:14px;line-height:1.55}
    .stocks-main-slider__button{min-width:168px;min-height:46px;font-size:15px}
    .stocks-main-slider__arrow{width:38px;height:38px}
    .stocks-main-slider__arrow--prev{left:8px}
    .stocks-main-slider__arrow--next{right:8px}
}
@media(prefers-reduced-motion:reduce){
    .stocks-main-slider__slide,.stocks-main-slider__arrow,.stocks-main-slider__button{transition:none!important}
    .stocks-main-slider__slide.is-active .stocks-main-slider__visual,
    .stocks-main-slider__slide.is-active .stocks-main-slider__title span,
    .stocks-main-slider__slide.is-active .stocks-main-slider__text,
    .stocks-main-slider__slide.is-active .stocks-main-slider__button{animation:none!important;transform:none!important;opacity:1!important}
}

/* Bilingual / RTL adjustments */
.stocks-main-slider--ar .stocks-main-slider__content{
    text-align:right;
    justify-self:end;
}
.stocks-main-slider--ar .stocks-main-slider__visual{
    transform:translateX(60px);
}
.stocks-main-slider--ar .stocks-main-slider__slide.is-active .stocks-main-slider__visual{
    animation:smsVisualInAr 1.2s .15s cubic-bezier(.16,1,.3,1) forwards;
}
@keyframes smsVisualInAr{to{transform:translateX(0);opacity:1}}
@media(max-width:767px){
    .stocks-main-slider--ar .stocks-main-slider__content{
        text-align:center;
        justify-self:center;
    }
}

/* Support any number of slides/dots */
.stocks-main-slider__dots{
    max-width:min(82%,700px);
    flex-wrap:wrap;
    justify-content:center;
}



/* =========================================================
   Arabic navigation arrows
   Keep arrow glyphs visually identical to English.
   RTL Unicode mirroring can flip ‹ / › unless isolated.
   ========================================================= */
.stocks-main-slider--ar .stocks-main-slider__arrow,
.stocks-main-slider--ar .stocks-main-slider__arrow span{
    direction:ltr !important;
    unicode-bidi:isolate !important;
}

/* =========================================================
   Arabic polish / mirrored layout
   ========================================================= */
.stocks-main-slider--ar .stocks-main-slider__inner{
    direction:rtl;
    grid-template-columns:minmax(430px,1fr) minmax(0,1fr);
    gap:34px;
}
.stocks-main-slider--ar .stocks-main-slider__content{
    width:100%;
    max-width:520px;
    justify-self:center;
    text-align:right;
    direction:rtl;
    unicode-bidi:plaintext;
}
.stocks-main-slider--ar .stocks-main-slider__title{
    width:100%;
    margin:0 0 14px;
    font-size:clamp(38px,3.7vw,54px);
    line-height:1.16;
    letter-spacing:0;
    font-weight:700;
    text-align:right;
}
.stocks-main-slider--ar .stocks-main-slider__title span{
    width:100%;
    text-align:right;
}
.stocks-main-slider--ar .stocks-main-slider__text{
    width:100%;
    max-width:510px;
    margin:0 0 22px;
    font-size:17px;
    line-height:1.85;
    font-weight:400;
    text-align:right;
    direction:rtl;
}
.stocks-main-slider--ar .stocks-main-slider__button{
    min-width:185px;
    min-height:52px;
    padding:12px 28px;
    font-size:17px;
}
.stocks-main-slider--ar .stocks-main-slider__visual{
    justify-self:center;
    transform:translateX(60px);
}
.stocks-main-slider--ar .stocks-main-slider__visual img{
    width:min(470px,100%);
    max-height:440px;
}

@media(max-width:991px){
    .stocks-main-slider--ar .stocks-main-slider__inner{
        grid-template-columns:1fr 1fr;
        width:min(920px,calc(100% - 64px));
        gap:20px;
    }
    .stocks-main-slider--ar .stocks-main-slider__content{
        max-width:430px;
    }
    .stocks-main-slider--ar .stocks-main-slider__title{
        font-size:clamp(34px,4.5vw,44px);
        line-height:1.2;
    }
    .stocks-main-slider--ar .stocks-main-slider__text{
        font-size:15px;
        line-height:1.8;
    }
}

@media(max-width:767px){
    .stocks-main-slider--ar .stocks-main-slider__inner{
        grid-template-columns:1fr;
        width:calc(100% - 42px);
        gap:8px;
        padding:24px 0 52px;
        text-align:center;
    }
    .stocks-main-slider--ar .stocks-main-slider__content{
        order:1;
        width:100%;
        max-width:100%;
        justify-self:center;
        text-align:center;
    }
    .stocks-main-slider--ar .stocks-main-slider__visual{
        order:2;
        transform:translateY(16px);
    }
    .stocks-main-slider--ar .stocks-main-slider__slide.is-active .stocks-main-slider__visual{
        animation:smsVisualInArMobile .9s .12s cubic-bezier(.16,1,.3,1) forwards;
    }
    .stocks-main-slider--ar .stocks-main-slider__title,
    .stocks-main-slider--ar .stocks-main-slider__title span,
    .stocks-main-slider--ar .stocks-main-slider__text{
        text-align:center;
    }
    .stocks-main-slider--ar .stocks-main-slider__title{
        font-size:clamp(30px,9vw,40px);
        line-height:1.2;
        margin-bottom:10px;
    }
    .stocks-main-slider--ar .stocks-main-slider__text{
        max-width:340px;
        margin:0 auto 16px;
        font-size:14px;
        line-height:1.75;
    }
    .stocks-main-slider--ar .stocks-main-slider__button{
        min-width:160px;
        min-height:46px;
        font-size:15px;
    }
}

@keyframes smsVisualInArMobile{
    to{transform:translateY(0);opacity:1}
}