:root{--basma-green:#88B44E;--basma-navy:#2F5971;--basma-dark:#252C30;--basma-light:#F5F8F2}
.basma-studio-page{overflow:hidden}.basma-section{position:relative;width:100%;box-sizing:border-box}.basma-container{width:min(1140px,calc(100% - 40px));margin-inline:auto;position:relative;z-index:2}.basma-layer{position:relative;z-index:2}.basma-heading{text-align:center;max-width:760px;margin:0 auto 38px}.basma-eyebrow{color:var(--basma-green);font-weight:700;margin-bottom:9px}.basma-title{color:var(--basma-navy);margin:0;line-height:1.25}.basma-section-intro{max-width:900px;margin:-18px auto 34px;text-align:center;line-height:1.9}.basma-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 28px;border-radius:999px;background:var(--basma-green);color:#fff;text-decoration:none;border:0;cursor:pointer;transition:.25s ease;margin-top:20px}.basma-btn:hover{transform:translateY(-2px);color:#fff}
/* hero */
.basma-hero{overflow:hidden;background:#dfe8d5}.basma-slider-track{position:relative;width:100%;min-height:inherit}.basma-hero-slide,.basma-testimonial-slide{display:none}.basma-hero-slide.is-active{display:flex}.basma-hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;align-items:center;justify-content:center;padding:30px 70px}.basma-hero-slide:before,.basma-testimonials:before,.basma-join-cta:before,.basma-distributor:before,.basma-join-hero:before{content:"";position:absolute;inset:0;z-index:0}.basma-hero-panel{position:relative;z-index:2;width:100%;text-align:center}.basma-hero .basma-title{font-size:clamp(32px,5vw,64px);margin:10px 0}.basma-hero-desc{line-height:1.8}.basma-slider-arrow{position:absolute;z-index:7;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:50%;background:rgba(47,89,113,.82);color:#fff;font-size:28px;line-height:1;cursor:pointer}.basma-prev{left:22px}.basma-next{right:22px}.basma-slider-dots{position:absolute;z-index:7;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:7px}.basma-dot{width:9px;height:9px;border-radius:50%;border:0;background:rgba(255,255,255,.55);padding:0;cursor:pointer}.basma-dot.is-active{background:var(--basma-green);transform:scale(1.25)}
/* about */
.basma-about{padding:70px 20px}.basma-about-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px}.basma-about .basma-heading{text-align:start;margin-inline:0}.basma-about-media{overflow:hidden;min-width:0}.basma-about-media iframe,.basma-about-media img{width:100%;height:100%;min-height:inherit;display:block;object-fit:cover;border:0}.basma-about-copy{line-height:1.9}
/* cards */
.basma-jobs,.basma-certificates,.basma-products,.basma-videos,.basma-contact,.basma-join-form-section{padding:70px 20px}.basma-card-grid,.basma-cert-grid,.basma-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.basma-job-card{display:flex;flex-direction:column;text-align:center;align-items:center}.basma-job-icon{display:block;margin-bottom:16px}.basma-job-image{object-fit:cover;border-radius:50%;margin-bottom:16px}.basma-job-title{margin:5px 0 12px}.basma-job-desc{line-height:1.75;flex:1}.basma-cert-grid,.basma-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.basma-cert-card,.basma-product-card{display:block;overflow:hidden;text-decoration:none;color:inherit;background:#fff}.basma-cert-card img,.basma-product-card img{width:100%;height:300px;object-fit:cover;display:block}.basma-cert-title,.basma-product-body{padding:14px 16px;text-align:center}.basma-product-title{margin:0}.basma-product-body p{margin:8px 0 0}
/* testimonial */
.basma-testimonials{background-position:center;background-size:cover;overflow:hidden}.basma-testimonials:before{background:rgba(0,45,74,.8)}.basma-testimonials .basma-slider-track{min-height:230px}.basma-testimonial-slide.is-active{display:flex;align-items:center;justify-content:center}.basma-testimonial-card{width:100%;margin:auto;text-align:center}.basma-testimonial-card audio{width:100%;max-width:520px}.basma-avatar{width:70px;height:70px;border-radius:50%;object-fit:cover;margin-bottom:12px}.basma-testimonial-name{margin:14px 0 4px}.basma-testimonials .basma-slider-arrow{top:58%}
/* cta */
.basma-join-cta,.basma-distributor,.basma-join-hero{background-position:center;background-size:cover;display:flex;align-items:center}.basma-join-cta-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center}.basma-join-cta .basma-title,.basma-join-cta-desc{color:#fff}.basma-join-cta-desc{line-height:1.8}.basma-join-cta-video{aspect-ratio:16/9;overflow:hidden;border-radius:16px}.basma-join-cta-video iframe{width:100%;height:100%;border:0}.basma-distributor-content{position:relative;z-index:2}.basma-distributor-desc{line-height:1.8}.basma-join-hero .basma-layer{width:100%}.basma-join-hero-title{text-align:center;margin:0;font-size:clamp(34px,6vw,68px)}
/* video */
.basma-video-layout{display:flex;gap:20px;align-items:stretch}.basma-video-list{display:flex;flex-direction:column;gap:8px;flex:0 0 34%}.basma-video-tab{border:1px solid #e1e6e9;padding:16px;border-radius:8px;text-align:start;cursor:pointer}.basma-video-stage{flex:1;min-width:0;aspect-ratio:16/9;overflow:hidden;background:#111}.basma-video-pane{display:none;width:100%;height:100%}.basma-video-pane.is-active{display:block}.basma-video-pane iframe,.basma-video-pane video{width:100%;height:100%;border:0}
/* contact */
.basma-contact-items{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:34px}.basma-contact-item{min-width:170px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none;color:var(--basma-navy);overflow-wrap:anywhere}.basma-contact-icon{display:flex;align-items:center;justify-content:center;width:66px;height:66px;border-radius:50%;background:var(--basma-green);color:#fff;font-size:24px;box-shadow:0 0 0 12px rgba(136,180,78,.10)}
/* form */
.basma-join-form-wrap{margin:0 auto}.basma-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.basma-full{grid-column:1/-1}.basma-field label,.basma-radio-group strong,.basma-referrer>label{display:block;margin-bottom:7px;font-weight:600}.basma-field input,.basma-field textarea,.basma-referrer input{width:100%;border:1px solid #cfd8dd;padding:12px 14px;outline:0;box-sizing:border-box}.basma-field textarea{resize:vertical}.basma-radio-group{display:flex;flex-direction:column;gap:8px}.basma-radio-group label{display:flex;align-items:center;gap:7px}.basma-referrer{margin-top:8px}.basma-hp{position:absolute!important;left:-99999px!important;opacity:0!important}.basma-alert{padding:14px 16px;border-radius:8px;margin-bottom:18px}.basma-success{background:#edf7e4;color:#36541a}.basma-error{background:#fff0f0;color:#8c1f1f}.basma-form-contact{margin-top:48px}
@media(max-width:1024px){.basma-about-grid{gap:30px}.basma-join-cta-grid{grid-template-columns:1fr 1fr}.basma-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.basma-cert-grid,.basma-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.basma-container{width:min(100% - 28px,1140px)}.basma-hero-slide{padding:20px 48px}.basma-slider-arrow{width:38px;height:38px}.basma-prev{left:8px}.basma-next{right:8px}.basma-about-grid{grid-template-columns:1fr}.basma-about.media-first-mobile .basma-about-media{order:-1}.basma-about .basma-heading{text-align:center;margin-inline:auto}.basma-card-grid,.basma-cert-grid,.basma-product-grid{grid-template-columns:1fr}.basma-join-cta-grid{grid-template-columns:1fr}.basma-video-layout{flex-direction:column}.basma-video-list{flex-basis:auto!important}.basma-form-grid{grid-template-columns:1fr}.basma-field,.basma-full{grid-column:1/-1}.basma-contact-items{flex-direction:column;align-items:center}.basma-contact-item{width:100%}}

/* --------------------------------------------------------------------------
 * Basma2u motion system + RTL slider controls (v5.2)
 * -------------------------------------------------------------------------- */

/* Slider cross-fade and Hero stagger */
.basma-hero .basma-hero-slide{
    display:flex;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .72s ease,visibility .72s ease;
}
.basma-hero .basma-hero-slide.is-active{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}
.basma-hero.basma-slider-ready .basma-hero-panel>*{
    opacity:0;
    transform:translateY(34px);
    transition:opacity .62s ease,transform .72s cubic-bezier(.22,.61,.36,1);
}
.basma-hero.basma-slider-ready .basma-hero-slide.is-active .basma-hero-panel>*{
    opacity:1;
    transform:none;
}
.basma-hero.basma-slider-ready .basma-hero-slide.is-active .basma-hero-panel>*:nth-child(1){transition-delay:.08s}
.basma-hero.basma-slider-ready .basma-hero-slide.is-active .basma-hero-panel>*:nth-child(2){transition-delay:.18s}
.basma-hero.basma-slider-ready .basma-hero-slide.is-active .basma-hero-panel>*:nth-child(3){transition-delay:.28s}
.basma-hero.basma-slider-ready .basma-hero-slide.is-active .basma-hero-panel>*:nth-child(4){transition-delay:.38s}

/* Use CSS chevrons instead of text glyphs so RTL never flips unpredictably. */
.basma-slider-arrow{
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:0!important;
    line-height:0;
    transition:transform .22s ease,background .22s ease,box-shadow .22s ease,opacity .22s ease;
}
.basma-slider-arrow::before{
    content:"";
    display:block;
    width:10px;
    height:10px;
    border-right:2.4px solid currentColor;
    border-bottom:2.4px solid currentColor;
}
.basma-slider-arrow:hover{
    transform:translateY(-50%) scale(1.07);
    background:rgba(47,89,113,.96);
    box-shadow:0 8px 22px rgba(15,45,62,.22);
}
/* LTR: previous on left / next on right */
[dir="ltr"] .basma-prev{left:22px;right:auto}
[dir="ltr"] .basma-next{right:22px;left:auto}
[dir="ltr"] .basma-prev::before{transform:rotate(135deg)}
[dir="ltr"] .basma-next::before{transform:rotate(-45deg)}
/* RTL: next is physically on the left and points left; previous is on right and points right */
[dir="rtl"] .basma-prev{right:22px;left:auto}
[dir="rtl"] .basma-next{left:22px;right:auto}
[dir="rtl"] .basma-prev::before{transform:rotate(-45deg)}
[dir="rtl"] .basma-next::before{transform:rotate(135deg)}

/* Testimonial slide change */
.basma-testimonial-slide.is-active .basma-testimonial-card{
    animation:basmaCardIn .58s cubic-bezier(.22,.61,.36,1) both;
}
@keyframes basmaCardIn{
    from{opacity:0;transform:translateY(22px) scale(.985)}
    to{opacity:1;transform:none}
}

/* Scroll reveal system: mirrors the polished fadeIn/fadeInUp feeling of the old site. */
.basma-studio-page.basma-motion-enabled .basma-motion-item{
    opacity:0;
    will-change:opacity,transform;
    transition:
        opacity .72s cubic-bezier(.22,.61,.36,1) var(--basma-motion-delay,0ms),
        transform .82s cubic-bezier(.22,.61,.36,1) var(--basma-motion-delay,0ms);
}
.basma-studio-page.basma-motion-enabled .basma-motion-up{transform:translate3d(0,38px,0)}
.basma-studio-page.basma-motion-enabled .basma-motion-scale{transform:scale(.965)}
.basma-studio-page.basma-motion-enabled [dir="ltr"] .basma-motion-start{transform:translate3d(-46px,0,0)}
.basma-studio-page.basma-motion-enabled [dir="ltr"] .basma-motion-end{transform:translate3d(46px,0,0)}
.basma-studio-page.basma-motion-enabled [dir="rtl"] .basma-motion-start{transform:translate3d(46px,0,0)}
.basma-studio-page.basma-motion-enabled [dir="rtl"] .basma-motion-end{transform:translate3d(-46px,0,0)}
.basma-studio-page.basma-motion-enabled .basma-motion-item.is-revealed{
    opacity:1;
    transform:none!important;
}

/* Keep Elementor editor comfortable: animations show but never leave controls hidden. */
.elementor-editor-active .basma-motion-item,
.elementor-editor-preview .basma-motion-item{
    opacity:1!important;
    transform:none!important;
}

@media(max-width:767px){
    [dir="ltr"] .basma-prev{left:8px;right:auto}
    [dir="ltr"] .basma-next{right:8px;left:auto}
    [dir="rtl"] .basma-prev{right:8px;left:auto}
    [dir="rtl"] .basma-next{left:8px;right:auto}
    .basma-studio-page.basma-motion-enabled .basma-motion-up{transform:translate3d(0,26px,0)}
    .basma-studio-page.basma-motion-enabled [dir="ltr"] .basma-motion-start{transform:translate3d(-28px,0,0)}
    .basma-studio-page.basma-motion-enabled [dir="ltr"] .basma-motion-end{transform:translate3d(28px,0,0)}
    .basma-studio-page.basma-motion-enabled [dir="rtl"] .basma-motion-start{transform:translate3d(28px,0,0)}
    .basma-studio-page.basma-motion-enabled [dir="rtl"] .basma-motion-end{transform:translate3d(-28px,0,0)}
}

@media (prefers-reduced-motion: reduce){
    .basma-hero .basma-hero-slide,
    .basma-hero.basma-slider-ready .basma-hero-panel>*,
    .basma-slider-arrow,
    .basma-motion-item,
    .basma-testimonial-slide.is-active .basma-testimonial-card{
        transition:none!important;
        animation:none!important;
        transform:none!important;
        opacity:1!important;
    }
}