/* ==========================================================
   ESPINAS — REFERENCE MATCH / HEADER + HERO FINAL OVERRIDES
   Load this stylesheet at the very end of app.blade.php.
   Keeps all current Persian copy, routes, forms and PHP logic.
========================================================== */
:root{
  --esp-ref-blue:#0877b9;
  --esp-ref-deep:#074779;
  --esp-ref-ink:#073b69;
  --esp-ref-sky:#dff3ff;
  --esp-ref-sky2:#eff9ff;
  --esp-ref-orange:#ff8a00;
  --esp-ref-orange2:#f47700;
  --esp-ref-line:#cce8f8;
}

/* -------------------- HEADER -------------------- */
body:has(> header.espinas-site-header){padding-top:0!important;background:#fff!important;}
#espinasSiteHeader.espinas-site-header{
  position:sticky!important;top:0!important;z-index:1000!important;
  width:100%!important;margin:0!important;padding:0!important;
  color:var(--esp-ref-ink)!important;background:#fff!important;
  border:0!important;border-bottom:1px solid #d8edf9!important;
  box-shadow:0 4px 17px rgba(15,105,159,.07)!important;
  isolation:isolate;
}
#espinasSiteHeader .esp-header-container{width:min(1380px,94%)!important;margin-inline:auto!important;}
#espinasSiteHeader .esp-header-topbar{min-height:27px!important;background:linear-gradient(90deg,#e6f5ff,#f7fcff 55%,#e9f7ff)!important;border-bottom:1px solid #e0f1fb!important;}
#espinasSiteHeader .esp-header-topbar-inner{min-height:27px!important;display:flex!important;flex-direction:row-reverse!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;}
#espinasSiteHeader .esp-header-topbar-links{display:flex!important;align-items:center!important;gap:20px!important;}
#espinasSiteHeader .esp-header-topbar-links a{color:#2d678e!important;font-size:10px!important;font-weight:800!important;}
#espinasSiteHeader .esp-header-topbar-links a span{color:var(--esp-ref-orange)!important;}
#espinasSiteHeader .esp-header-topbar-slogan{color:#6d899f!important;font-size:9px!important;font-weight:700!important;}
#espinasSiteHeader .esp-header-main-wrap{background:rgba(255,255,255,.98)!important;}
#espinasSiteHeader .esp-header-main{min-height:66px!important;gap:18px!important;}
#espinasSiteHeader .esp-header-brand{min-width:210px!important;gap:9px!important;}
#espinasSiteHeader .esp-header-brand img{width:53px!important;height:53px!important;min-width:53px!important;max-width:53px!important;object-fit:contain!important;}
#espinasSiteHeader .esp-header-brand-copy strong{color:#07558a!important;font-size:14px!important;font-weight:950!important;}
#espinasSiteHeader .esp-header-brand-copy small{color:#7895a8!important;font-size:8px!important;}
#espinasSiteHeader .esp-header-desktop-nav>ul{gap:clamp(10px,1.4vw,21px)!important;}
#espinasSiteHeader .esp-header-desktop-nav>ul>li>a,
#espinasSiteHeader .esp-header-desktop-nav .esp-drop-trigger{
  min-height:38px!important;padding:5px 2px!important;color:#244f6e!important;
  font-size:12px!important;font-weight:850!important;
}
#espinasSiteHeader .esp-header-desktop-nav>ul>li>a:hover,
#espinasSiteHeader .esp-header-desktop-nav .esp-drop-trigger:hover{color:var(--esp-ref-orange2)!important;}
#espinasSiteHeader .esp-drop-arrow{color:var(--esp-ref-orange)!important;}
#espinasSiteHeader .esp-drop-box{border:1px solid #cce8f8!important;border-top:2px solid #ffad4d!important;background:linear-gradient(145deg,#fff,#f1f9ff)!important;box-shadow:0 16px 38px rgba(7,69,112,.15)!important;}
#espinasSiteHeader .esp-drop-title{color:#07558a!important;border-color:#dceefa!important;}
#espinasSiteHeader .esp-drop-link{color:#244f6e!important;border-color:#e0eff8!important;background:#fff!important;}
#espinasSiteHeader .esp-drop-link:hover{background:#fff8ef!important;border-color:#ffc985!important;}
#espinasSiteHeader .esp-drop-link b{color:var(--esp-ref-orange)!important;}
#espinasSiteHeader .esp-header-actions{gap:8px!important;}
#espinasSiteHeader .esp-header-cart{width:39px!important;height:39px!important;background:#eff9ff!important;border-color:#c5e5f7!important;color:#0877b9!important;}
#espinasSiteHeader .esp-header-cart-count{background:linear-gradient(135deg,#ffad31,#ff8200)!important;border-color:#fff!important;color:#fff!important;}
#espinasSiteHeader .esp-header-consult,
#espinasSiteHeader .esp-header-account{min-height:37px!important;padding:0 13px!important;font-size:10px!important;font-weight:900!important;}
#espinasSiteHeader .esp-header-consult{background:linear-gradient(135deg,#ffa31b,#ff8100)!important;border-color:#ff9b1a!important;color:#fff!important;box-shadow:0 5px 13px rgba(255,138,0,.18)!important;}
#espinasSiteHeader .esp-header-account{background:linear-gradient(135deg,#168bce,#0870b3)!important;border-color:#1685c5!important;color:#fff!important;}
#espinasSiteHeader .esp-header-mobile-toggle{border:1px solid #c8e7f8!important;background:#eaf7ff!important;color:#0877b9!important;box-shadow:0 4px 12px rgba(15,105,159,.08)!important;}

/* -------------------- HERO CANVAS -------------------- */
body.espinas-home-header-fit>main>#home.espinas-ultra-hero.espinas-home-hero-premium,
#home.espinas-ultra-hero.espinas-home-hero-premium,
#home.espinas-ultra-hero{
  position:relative!important;isolation:isolate!important;display:flex!important;align-items:center!important;
  width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;
  margin:0!important;padding:15px 0 20px!important;overflow:hidden!important;transform:none!important;
  direction:rtl!important;border:0!important;border-bottom:1px solid #d8effc!important;
  background:
    radial-gradient(ellipse at 5% 86%,rgba(255,151,30,.16),transparent 23%),
    radial-gradient(ellipse at 96% 10%,rgba(22,157,218,.18),transparent 25%),
    linear-gradient(105deg,#e8f7ff 0%,#dff3ff 48%,#f2faff 100%)!important;
}
#home.espinas-ultra-hero::before{content:""!important;position:absolute!important;z-index:0!important;left:-82px!important;top:22px!important;width:190px!important;height:190px!important;border:0!important;border-radius:48% 52% 58% 42%!important;background:rgba(25,169,226,.20)!important;box-shadow:0 0 0 28px rgba(25,169,226,.06)!important;pointer-events:none!important;opacity:1!important;}
#home.espinas-ultra-hero::after{content:""!important;position:absolute!important;z-index:0!important;right:-75px!important;bottom:-115px!important;width:230px!important;height:230px!important;border:0!important;border-radius:50%!important;background:rgba(255,145,20,.17)!important;pointer-events:none!important;opacity:1!important;}
#home .espinas-home-hero__ambient{position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;overflow:hidden!important;}
#home .espinas-home-hero__ring{border-color:rgba(8,119,185,.10)!important;box-shadow:0 0 0 30px rgba(33,163,220,.035),0 0 0 68px rgba(255,145,20,.04)!important;}
#home .espinas-home-hero__glow{background:radial-gradient(circle,rgba(28,164,222,.18),transparent 70%)!important;}
#home .espinas-home-hero__grid{opacity:.10!important;background-image:linear-gradient(rgba(8,91,145,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(8,91,145,.055) 1px,transparent 1px)!important;}

/* two-column composition: photo left, current text right */
#home .espinas-home-hero__inner{
  position:relative!important;z-index:2!important;display:block!important;
  width:min(1320px,94%)!important;max-width:1320px!important;min-height:0!important;height:auto!important;
  margin:0 auto!important;padding:9px 0 9px 51%!important;box-sizing:border-box!important;
  text-align:right!important;direction:rtl!important;
}
#home .espinas-home-hero__inner::before{
  content:""!important;position:absolute!important;left:0!important;right:auto!important;top:50%!important;
  display:block!important;width:48.5%!important;height:clamp(245px,25vw,305px)!important;min-height:0!important;
  margin:0!important;transform:translateY(-50%)!important;
  border:6px solid rgba(255,255,255,.94)!important;border-radius:28px!important;
  background-image:url('../img/espinas-redesign/hero-students-main.webp')!important;
  background-repeat:no-repeat!important;background-size:cover!important;background-position:center 42%!important;
  box-shadow:0 14px 32px rgba(21,122,181,.16),0 0 0 1px rgba(149,208,241,.7)!important;
  overflow:hidden!important;pointer-events:none!important;
}
#home .espinas-home-hero__brand{display:inline-flex!important;align-items:center!important;gap:8px!important;margin:0 0 9px!important;padding:6px 12px!important;border:1px solid #c6e6f7!important;border-radius:999px!important;background:rgba(255,255,255,.94)!important;color:#0875b5!important;font-size:11px!important;font-weight:900!important;line-height:1.7!important;box-shadow:0 4px 12px rgba(17,127,195,.06)!important;}
#home .espinas-home-hero__brand-mark{background:linear-gradient(135deg,#ffb43d,#ff8500)!important;color:#fff!important;box-shadow:0 3px 9px rgba(255,139,0,.2)!important;}
#home .espinas-home-hero__heading-wrap{width:100%!important;max-width:100%!important;margin:0!important;}
#home .espinas-home-hero__title{
  width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;
  color:#084a78!important;font-size:clamp(29px,3.15vw,43px)!important;font-weight:950!important;
  line-height:1.48!important;letter-spacing:-.4px!important;text-align:right!important;text-wrap:balance!important;
  text-shadow:none!important;overflow:visible!important;
}
#home .espinas-home-hero__title-main{display:block!important;color:#084a78!important;line-height:1.48!important;}
#home .espinas-home-hero__title-accent{
  display:block!important;margin:0!important;padding:0!important;color:#f47700!important;
  font-size:.82em!important;font-weight:950!important;line-height:1.58!important;letter-spacing:0!important;
  background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;
  -webkit-text-fill-color:#f47700!important;filter:none!important;text-shadow:none!important;
}
#home .espinas-home-hero__signature{display:flex!important;width:110px!important;margin:7px 0 0 auto!important;gap:7px!important;justify-content:flex-start!important;}
#home .espinas-home-hero__signature span{background:linear-gradient(90deg,transparent,#ffb451)!important;}
#home .espinas-home-hero__signature i{background:#ff910e!important;box-shadow:0 0 0 4px rgba(255,145,14,.12)!important;}
#home .espinas-home-hero__description{
  max-width:100%!important;margin:8px 0 0!important;padding:0!important;color:#315d79!important;
  font-size:clamp(12px,1.06vw,14px)!important;font-weight:600!important;line-height:1.95!important;
  text-align:right!important;text-align-last:right!important;text-wrap:pretty!important;
}
#home .espinas-home-hero__action-wrap{display:flex!important;align-items:flex-start!important;gap:8px!important;margin:12px 0 0!important;}
#home .espinas-home-hero__button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;
  min-width:210px!important;min-height:43px!important;margin:0!important;padding:5px 8px 5px 15px!important;
  border:1px solid #ff9d28!important;border-radius:999px!important;
  background:linear-gradient(135deg,#ffa31a,#ff8100)!important;color:#fff!important;
  box-shadow:0 7px 17px rgba(255,138,0,.20)!important;font-size:11px!important;font-weight:950!important;
  line-height:1.65!important;text-decoration:none!important;transform:none!important;
}
#home .espinas-home-hero__button:hover{background:linear-gradient(135deg,#ffad35,#f47700)!important;transform:translateY(-2px)!important;}
#home .espinas-home-hero__button-icon{width:31px!important;height:31px!important;flex:0 0 31px!important;background:rgba(255,255,255,.20)!important;border:1px solid rgba(255,255,255,.4)!important;color:#fff!important;}
#home .espinas-home-hero__scroll-note{display:none!important;}
#home .espinas-home-hero__bottom-line{display:none!important;}
#home .hero-card-slider,#home .hero-slider-track,#home .hero-slide-card{display:none!important;}
#courses{scroll-margin-top:105px!important;}

/* Compatibility for older hero class names, if any are still present */
#home .hero-premium-container{width:min(1320px,94%)!important;max-width:1320px!important;margin:0 auto!important;}
#home .hero-main-content{width:49%!important;max-width:49%!important;margin-right:auto!important;margin-left:0!important;text-align:right!important;}
#home .hero-main-title{color:#084a78!important;font-size:clamp(29px,3.15vw,43px)!important;line-height:1.48!important;text-shadow:none!important;}
#home .hero-main-title span,#home .hero-title-highlight{color:#f47700!important;}
#home .hero-main-description{color:#315d79!important;font-size:14px!important;line-height:1.95!important;}

/* -------------------- TABLET -------------------- */
@media(max-width:1023px){
  #espinasSiteHeader .esp-header-main{min-height:64px!important;}
  #espinasSiteHeader .esp-header-brand{min-width:0!important;}
  #espinasSiteHeader .esp-header-desktop-nav{display:none!important;}
  #espinasSiteHeader .esp-header-actions{display:none!important;}
  #espinasSiteHeader .esp-header-mobile-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;}
  #home .espinas-home-hero__inner{width:94%!important;padding-left:49%!important;min-height:0!important;}
  #home .espinas-home-hero__inner::before{width:46%!important;height:clamp(220px,30vw,285px)!important;}
  #home .espinas-home-hero__title{font-size:clamp(26px,4vw,36px)!important;}
}

/* -------------------- MOBILE -------------------- */
@media(max-width:640px){
  #espinasSiteHeader .esp-header-topbar{min-height:25px!important;}
  #espinasSiteHeader .esp-header-topbar-inner{min-height:25px!important;justify-content:center!important;}
  #espinasSiteHeader .esp-header-topbar-links{gap:14px!important;}
  #espinasSiteHeader .esp-header-topbar-links a{font-size:9px!important;}
  #espinasSiteHeader .esp-header-topbar-slogan{display:none!important;}
  #espinasSiteHeader .esp-header-main{min-height:62px!important;}
  #espinasSiteHeader .esp-header-brand img{width:46px!important;height:46px!important;min-width:46px!important;max-width:46px!important;}
  #espinasSiteHeader .esp-header-brand-copy strong{font-size:11px!important;}
  #espinasSiteHeader .esp-header-brand-copy small{font-size:7px!important;}
  #espinasSiteHeader .esp-header-mobile-toggle{width:39px!important;height:39px!important;}
  #mobile-menu.esp-mobile-drawer{background:linear-gradient(180deg,#fff 0%,#eef8ff 100%)!important;}
  #home.espinas-ultra-hero{padding:15px 0 24px!important;min-height:0!important;height:auto!important;}
  #home .espinas-home-hero__inner{width:92%!important;min-height:0!important;padding:0!important;text-align:center!important;}
  #home .espinas-home-hero__inner::before{
    position:relative!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;
    display:block!important;width:100%!important;height:clamp(190px,57vw,250px)!important;min-height:0!important;
    margin:0 auto 15px!important;border-width:4px!important;border-radius:20px!important;background-position:center 40%!important;
  }
  #home .espinas-home-hero__brand{margin:0 auto 9px!important;font-size:10px!important;padding:5px 10px!important;}
  #home .espinas-home-hero__title{font-size:clamp(25px,7.4vw,34px)!important;line-height:1.55!important;text-align:center!important;letter-spacing:0!important;}
  #home .espinas-home-hero__title-main{line-height:1.55!important;}
  #home .espinas-home-hero__title-accent{font-size:.82em!important;line-height:1.65!important;}
  #home .espinas-home-hero__signature{width:95px!important;margin:8px auto 0!important;}
  #home .espinas-home-hero__description{margin:9px auto 0!important;font-size:12px!important;line-height:1.95!important;text-align:center!important;text-align-last:center!important;}
  #home .espinas-home-hero__action-wrap{align-items:center!important;margin:12px auto 0!important;}
  #home .espinas-home-hero__button{width:min(100%,310px)!important;min-width:0!important;min-height:45px!important;font-size:11px!important;}
  #home .espinas-home-hero__ring{right:-260px!important;width:350px!important;height:350px!important;opacity:.45!important;}
  #home .espinas-home-hero__glow{left:-190px!important;bottom:-150px!important;opacity:.45!important;}
  #home .espinas-home-hero__grid{opacity:.06!important;}
  #home .hero-main-content{width:100%!important;max-width:100%!important;margin:0!important;text-align:center!important;}
}

@media(prefers-reduced-motion:reduce){
  #espinasSiteHeader *,#home .espinas-home-hero__button{transition:none!important;animation:none!important;}
}
/* ==========================================
   ESPINAS — REFERENCE TOP BAR
========================================== */
#espinasSiteHeader .esp-header-topbar {
    position: relative !important;
    width: 100% !important;
    height: 29px !important;
    min-height: 29px !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    overflow: hidden !important;
    isolation: isolate;
}

/* زمینه آبی روشن با انتهای منحنی */
#espinasSiteHeader .esp-header-topbar::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;

    width: 73%;
    height: 100%;

    background: linear-gradient(
        100deg,
        #e5f4ff,
        #edf8ff
    );

    clip-path: polygon(
        0 0,
        100% 0,
        98% 18%,
        95% 45%,
        92% 72%,
        88% 100%,
        0 100%
    );
}

/* محدوده لینک‌ها؛ فقط در قسمت چپ */
#espinasSiteHeader .esp-header-topbar-inner {
    position: relative !important;
    z-index: 2 !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;

    direction: ltr !important;

    width: 73% !important;
    max-width: none !important;
    height: 29px !important;
    min-height: 29px !important;

    margin: 0 auto 0 0 !important;
    padding: 0 24px 0 35px !important;
    box-sizing: border-box !important;
}

/* لینک‌ها */
#espinasSiteHeader .esp-header-topbar-links {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;

    direction: rtl !important;
    gap: 22px !important;
    width: auto !important;
    margin: 0 !important;
}

/* ظاهر لینک‌ها */
#espinasSiteHeader .esp-header-topbar-links a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;

    color: #315f80 !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    white-space: nowrap !important;
}

/* حذف شعار */
#espinasSiteHeader .esp-header-topbar-slogan {
    display: none !important;
}

/* موبایل */
@media (max-width: 767px) {
    #espinasSiteHeader .esp-header-topbar {
        height: 27px !important;
        min-height: 27px !important;
    }

    #espinasSiteHeader .esp-header-topbar::before {
        width: 100% !important;
        clip-path: none !important;
    }

    #espinasSiteHeader .esp-header-topbar-inner {
        width: 100% !important;
        height: 27px !important;
        min-height: 27px !important;
        margin: 0 !important;
        padding: 0 12px !important;
        justify-content: center !important;
    }

    #espinasSiteHeader .esp-header-topbar-links {
        gap: 12px !important;
    }

    #espinasSiteHeader .esp-header-topbar-links a {
        font-size: 9px !important;
    }
}
/* =========================================
   ESPINAS — HEADER FINAL FIX
========================================= */

/* نمایش شعار زیر نام مؤسسه */
#espinasSiteHeader .esp-header-brand-copy small {
    display: block !important;
    margin-top: 5px !important;
    color: #7895a8 !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    line-height: 1.7 !important;
}

/* اصلاح منوهای کشویی */
#espinasSiteHeader .esp-header-desktop-nav {
    position: relative !important;
    overflow: visible !important;
}

#espinasSiteHeader .esp-drop-item {
    position: relative !important;
}

#espinasSiteHeader .esp-drop-menu {
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    left: auto !important;
    width: 290px !important;
    min-width: 290px !important;
    max-width: 290px !important;
    display: block !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(10px) !important;
    z-index: 2000 !important;
}

#espinasSiteHeader .esp-drop-item:hover > .esp-drop-menu,
#espinasSiteHeader .esp-drop-item:focus-within > .esp-drop-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
}

#espinasSiteHeader .esp-drop-box {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

#espinasSiteHeader .esp-drop-list {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
}

#espinasSiteHeader .esp-drop-link {
    display: flex !important;
    width: 100% !important;
    box-sizing: border-box !important;
    white-space: normal !important;
}

/* جلوگیری از به‌هم‌ریختگی هدر */
#espinasSiteHeader,
#espinasSiteHeader .esp-header-main-wrap,
#espinasSiteHeader .esp-header-main {
    overflow: visible !important;
}
/* FIX: جلوگیری از افتادن هدر روی هیرو */

#espinasSiteHeader.espinas-site-header {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    transform: none !important;
    z-index: 1000 !important;
}

#espinasSiteHeader .esp-header-topbar,
#espinasSiteHeader .esp-header-main-wrap {
    position: relative !important;
    width: 100% !important;
}

#home.espinas-ultra-hero {
    position: relative !important;
    margin-top: 0 !important;
    transform: none !important;
    z-index: 1 !important;
}
/* ==========================================
   ESPINAS — HEADER / HERO ALIGNMENT
========================================== */

#espinasSiteHeader.espinas-site-header {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    top: auto !important;
    margin: 0 !important;
    transform: none !important;
    z-index: 1000 !important;
}

#espinasSiteHeader .esp-header-topbar {
    position: relative !important;
    height: 29px !important;
    min-height: 29px !important;
}

#espinasSiteHeader .esp-header-main-wrap {
    position: relative !important;
    width: 100% !important;
}

#home.espinas-ultra-hero {
    position: relative !important;
    display: flex !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    top: auto !important;
    transform: none !important;
    z-index: 1 !important;
}
/* =========================================
   ESPINAS — COMPACT SINGLE ROW HEADER
========================================= */

@media (min-width: 1024px) {

    #espinasSiteHeader .esp-header-main-wrap {
        height: 82px !important;
        min-height: 82px !important;
    }

    #espinasSiteHeader .esp-header-main {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;

        width: min(1380px, 94%) !important;
        height: 82px !important;
        min-height: 82px !important;
        gap: 18px !important;
    }

    /* لوگو و نام مؤسسه */
    #espinasSiteHeader .esp-header-brand {
        display: flex !important;
        flex: 0 0 225px !important;
        min-width: 225px !important;
        align-items: center !important;
        gap: 9px !important;
        margin: 0 !important;
    }

    #espinasSiteHeader .esp-header-brand img {
        width: 52px !important;
        height: 52px !important;
        flex-shrink: 0 !important;
    }

    #espinasSiteHeader .esp-header-brand-copy {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 4px !important;
        white-space: nowrap !important;
    }

    #espinasSiteHeader .esp-header-brand-copy strong {
        font-size: 13px !important;
    }

    #espinasSiteHeader .esp-header-brand-copy small {
        display: block !important;
        font-size: 9px !important;
        color: #7895a8 !important;
    }

    /* منوی وسط */
    #espinasSiteHeader .esp-header-desktop-nav {
        display: flex !important;
        flex: 1 1 auto !important;
        justify-content: center !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    #espinasSiteHeader .esp-header-desktop-nav > ul {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: center !important;
        gap: clamp(9px, 1.2vw, 18px) !important;
        margin: 0 !important;
        padding: 0 !important;
        white-space: nowrap !important;
    }

    /* دکمه‌های سمت چپ */
    #espinasSiteHeader .esp-header-actions {
        display: flex !important;
        flex: 0 0 auto !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 7px !important;
        margin: 0 !important;
    }

    #espinasSiteHeader .esp-header-consult,
    #espinasSiteHeader .esp-header-account {
        min-height: 36px !important;
        padding: 0 11px !important;
        white-space: nowrap !important;
        font-size: 10px !important;
    }

    #espinasSiteHeader .esp-header-cart {
        flex: 0 0 37px !important;
        width: 37px !important;
        height: 37px !important;
    }

}
#espinasSiteHeader {
    outline: 5px solid red !important;
    background: yellow !important;
}
/* حذف خط قرمز زیر هدر */
#espinasSiteHeader,
#espinasSiteHeader .esp-header-main-wrap {
    border-bottom: 0 !important;
    box-shadow: none !important;
}

#espinasSiteHeader::after,
#espinasSiteHeader .esp-header-main-wrap::after {
    content: none !important;
    display: none !important;
}
/* ==================================================
   ESPINAS — REFERENCE HEADER FINAL ALIGNMENT
   Desktop: compact, clean, single-row header
================================================== */

/* حذف خطوط و نوارهای رنگی ناخواسته */
#espinasSiteHeader,
#espinasSiteHeader.espinas-site-header {
    height: auto !important;
    min-height: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #d9edf9 !important;
    outline: 0 !important;
    box-shadow: 0 3px 14px rgba(18, 105, 155, .06) !important;
    background: #ffffff !important;
}

#espinasSiteHeader::before,
#espinasSiteHeader::after,
#espinasSiteHeader .esp-header-main-wrap::before,
#espinasSiteHeader .esp-header-main-wrap::after {
    content: none !important;
    display: none !important;
}

/* نوار بالایی */
#espinasSiteHeader .esp-header-topbar {
    position: relative !important;
    width: 100% !important;
    height: 27px !important;
    min-height: 27px !important;
    background: #ffffff !important;
    border: 0 !important;
    overflow: hidden !important;
}

#espinasSiteHeader .esp-header-topbar::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 73% !important;
    height: 100% !important;
    background: linear-gradient(100deg, #e5f4ff, #eff9ff) !important;
    clip-path: polygon(
        0 0, 100% 0, 98% 20%, 95% 50%,
        92% 78%, 88% 100%, 0 100%
    ) !important;
}

#espinasSiteHeader .esp-header-topbar-inner {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    direction: ltr !important;

    width: 73% !important;
    max-width: none !important;
    height: 27px !important;
    min-height: 27px !important;

    margin: 0 auto 0 0 !important;
    padding: 0 25px 0 35px !important;
    box-sizing: border-box !important;
}

#espinasSiteHeader .esp-header-topbar-links {
    display: flex !important;
    flex-direction: row !important;
    direction: rtl !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 21px !important;
    margin: 0 !important;
    padding: 0 !important;
}

#espinasSiteHeader .esp-header-topbar-links a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    color: #315f80 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
}

#espinasSiteHeader .esp-header-topbar-slogan {
    display: none !important;
}


/* ==================================================
   ردیف اصلی هدر — دسکتاپ
================================================== */

@media (min-width: 1024px) {

    #espinasSiteHeader .esp-header-main-wrap {
        display: block !important;
        width: 100% !important;
        height: 69px !important;
        min-height: 69px !important;
        padding: 0 !important;
        background: #ffffff !important;
        border: 0 !important;
    }

    #espinasSiteHeader .esp-header-main {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;

        width: min(1380px, 94%) !important;
        max-width: 1380px !important;
        height: 69px !important;
        min-height: 69px !important;

        margin: 0 auto !important;
        padding: 0 !important;
        gap: 12px !important;
        box-sizing: border-box !important;
        direction: rtl !important;
    }

    /* لوگو و نام مؤسسه در سمت راست */
    #espinasSiteHeader .esp-header-brand {
        display: flex !important;
        flex: 0 0 230px !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important;

        width: 230px !important;
        min-width: 230px !important;
        max-width: 230px !important;
        margin: 0 !important;
        padding: 0 !important;
        gap: 9px !important;

        text-decoration: none !important;
    }

    #espinasSiteHeader .esp-header-brand img {
        display: block !important;
        flex: 0 0 49px !important;

        width: 49px !important;
        height: 49px !important;
        min-width: 49px !important;
        max-width: 49px !important;

        object-fit: contain !important;
    }

    #espinasSiteHeader .esp-header-brand-copy {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;
        gap: 3px !important;

        min-width: 0 !important;
        white-space: nowrap !important;
        text-align: right !important;
    }

    #espinasSiteHeader .esp-header-brand-copy strong {
        display: block !important;
        color: #07558a !important;
        font-size: 13px !important;
        font-weight: 950 !important;
        line-height: 1.7 !important;
    }

    #espinasSiteHeader .esp-header-brand-copy small {
        display: block !important;
        color: #7895a8 !important;
        font-size: 8px !important;
        font-weight: 700 !important;
        line-height: 1.6 !important;
        white-space: nowrap !important;
    }

    /* منوی اصلی در مرکز */
    #espinasSiteHeader .esp-header-desktop-nav {
        display: flex !important;
        flex: 1 1 auto !important;
        align-items: center !important;
        justify-content: center !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        transform: none !important;
    }

    #espinasSiteHeader .esp-header-desktop-nav > ul {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: center !important;

        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        gap: clamp(10px, 1.15vw, 17px) !important;

        white-space: nowrap !important;
        list-style: none !important;
    }

    #espinasSiteHeader .esp-header-desktop-nav > ul > li {
        display: flex !important;
        flex: 0 0 auto !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #espinasSiteHeader .esp-header-desktop-nav > ul > li > a,
    #espinasSiteHeader .esp-header-desktop-nav .esp-drop-trigger {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 5px !important;

        min-height: 36px !important;
        padding: 5px 2px !important;

        color: #244f6e !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;

        font-family: inherit !important;
        font-size: 12px !important;
        font-weight: 850 !important;
        line-height: 1.7 !important;

        white-space: nowrap !important;
        text-decoration: none !important;
        cursor: pointer !important;
    }

    #espinasSiteHeader .esp-header-desktop-nav > ul > li > a:hover,
    #espinasSiteHeader .esp-header-desktop-nav .esp-drop-trigger:hover {
        color: #f47700 !important;
    }

    #espinasSiteHeader .esp-drop-arrow {
        color: #ff8a00 !important;
    }

    /* دکمه‌ها در سمت چپ */
    #espinasSiteHeader .esp-header-actions {
        display: flex !important;
        flex: 0 0 auto !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important;

        width: auto !important;
        min-width: 0 !important;
        gap: 8px !important;

        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
    }

    /* سبد خرید دایره‌ای */
    #espinasSiteHeader .esp-header-cart {
        position: relative !important;
        display: inline-flex !important;
        flex: 0 0 40px !important;
        align-items: center !important;
        justify-content: center !important;

        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;

        padding: 0 !important;
        margin: 0 !important;

        color: #0877b9 !important;
        background: #eff9ff !important;
        border: 1px solid #c5e5f7 !important;
        border-radius: 50% !important;

        text-decoration: none !important;
        box-shadow: 0 3px 10px rgba(15,105,159,.08) !important;
    }

    #espinasSiteHeader .esp-header-cart svg {
        display: block !important;
        width: 21px !important;
        height: 21px !important;
    }

    #espinasSiteHeader .esp-header-cart-count {
        position: absolute !important;
        top: -5px !important;
        right: -5px !important;
        z-index: 3 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        min-width: 18px !important;
        width: auto !important;
        height: 18px !important;
        padding: 0 4px !important;

        color: #ffffff !important;
        background: linear-gradient(135deg,#ffad31,#ff8200) !important;
        border: 2px solid #ffffff !important;
        border-radius: 999px !important;

        font-size: 9px !important;
        font-weight: 950 !important;
        line-height: 1 !important;
    }

    /* دکمه درخواست مشاوره و ورود */
    #espinasSiteHeader .esp-header-consult,
    #espinasSiteHeader .esp-header-account {
        display: inline-flex !important;
        flex: 0 0 auto !important;
        align-items: center !important;
        justify-content: center !important;

        min-width: 103px !important;
        height: 36px !important;
        min-height: 36px !important;
        padding: 0 13px !important;
        margin: 0 !important;

        border-radius: 999px !important;
        font-family: inherit !important;
        font-size: 10px !important;
        font-weight: 900 !important;
        line-height: 1.5 !important;

        white-space: nowrap !important;
        text-decoration: none !important;
        box-shadow: 0 4px 12px rgba(10,90,140,.10) !important;
        transition: transform .2s ease, filter .2s ease !important;
    }

    #espinasSiteHeader .esp-header-consult {
        color: #ffffff !important;
        background: linear-gradient(135deg,#ffa31b,#ff8100) !important;
        border: 1px solid #ff9b1a !important;
    }

    #espinasSiteHeader .esp-header-account {
        color: #ffffff !important;
        background: linear-gradient(135deg,#168bce,#0870b3) !important;
        border: 1px solid #1685c5 !important;
    }

    #espinasSiteHeader .esp-header-consult:hover,
    #espinasSiteHeader .esp-header-account:hover {
        transform: translateY(-2px) !important;
        filter: brightness(1.04) !important;
    }

    /* فلش موبایل در دسکتاپ نمایش داده نشود */
    #espinasSiteHeader .esp-header-mobile-toggle {
        display: none !important;
    }

    /* منوی کشویی */
    #espinasSiteHeader .esp-drop-item {
        position: relative !important;
    }

    #espinasSiteHeader .esp-drop-menu {
        position: absolute !important;
        top: 100% !important;
        right: 0 !important;
        left: auto !important;
        z-index: 3000 !important;

        width: 330px !important;
        max-width: 330px !important;

        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translateY(8px) !important;

        transition: opacity .2s ease, transform .2s ease, visibility .2s ease !important;
    }

    #espinasSiteHeader .esp-drop-item:hover > .esp-drop-menu,
    #espinasSiteHeader .esp-drop-item:focus-within > .esp-drop-menu {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translateY(0) !important;
    }
}


/* ==================================================
   TABLET AND MOBILE
================================================== */

@media (max-width: 1023px) {

    #espinasSiteHeader .esp-header-main-wrap {
        height: 64px !important;
        min-height: 64px !important;
    }

    #espinasSiteHeader .esp-header-main {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;

        height: 64px !important;
        min-height: 64px !important;
        width: 94% !important;
        margin: 0 auto !important;
        gap: 10px !important;
    }

    #espinasSiteHeader .esp-header-desktop-nav,
    #espinasSiteHeader .esp-header-actions {
        display: none !important;
    }

    #espinasSiteHeader .esp-header-brand {
        display: flex !important;
        flex: 0 1 auto !important;
        min-width: 0 !important;
        max-width: calc(100% - 55px) !important;
        align-items: center !important;
        gap: 8px !important;
    }

    #espinasSiteHeader .esp-header-brand img {
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
    }

    #espinasSiteHeader .esp-header-brand-copy {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 2px !important;
    }

    #espinasSiteHeader .esp-header-brand-copy strong {
        font-size: 11px !important;
    }

    #espinasSiteHeader .esp-header-brand-copy small {
        display: block !important;
        font-size: 8px !important;
    }

    #espinasSiteHeader .esp-header-mobile-toggle {
        display: inline-flex !important;
        flex: 0 0 40px !important;
        align-items: center !important;
        justify-content: center !important;

        width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        padding: 8px !important;
        margin: 0 !important;

        border: 1px solid #c8e7f8 !important;
        border-radius: 12px !important;
        background: #eaf7ff !important;
        color: #0877b9 !important;
    }
}


/* نوار بالایی موبایل */
@media (max-width: 767px) {

    #espinasSiteHeader .esp-header-topbar {
        height: 27px !important;
        min-height: 27px !important;
    }

    #espinasSiteHeader .esp-header-topbar::before {
        width: 100% !important;
        clip-path: none !important;
    }

    #espinasSiteHeader .esp-header-topbar-inner {
        width: 100% !important;
        height: 27px !important;
        min-height: 27px !important;
        margin: 0 !important;
        padding: 0 10px !important;
        justify-content: center !important;
    }

    #espinasSiteHeader .esp-header-topbar-links {
        justify-content: center !important;
        gap: 12px !important;
    }

    #espinasSiteHeader .esp-header-topbar-links a {
        font-size: 9px !important;
    }
}

/* خط اتصال هدر و Hero */
#espinasSiteHeader {
    border-bottom: 1px solid #d8edf9 !important;
}

#home.espinas-ultra-hero {
    border-top: 0 !important;
    border-bottom: 1px solid #d8effc !important;
}
/* شعار اسپیناس — بزرگ‌تر و خواناتر */
#espinasSiteHeader .esp-header-brand {
    flex-basis: 250px !important;
    width: 250px !important;
}

#espinasSiteHeader .esp-header-brand-copy {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 4px !important;
}

#espinasSiteHeader .esp-header-brand-copy small {
    display: block !important;
    color: #315f80 !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    white-space: nowrap !important;
    opacity: 1 !important;
}

@media (max-width: 1023px) {
    #espinasSiteHeader .esp-header-brand-copy small {
        font-size: 9px !important;
        font-weight: 800 !important;
    }
}
/* نام مؤسسه اسپیناس — خوانایی و وضوح بیشتر */
#espinasSiteHeader .esp-header-brand-copy strong {
    display: block !important;
    color: #064675 !important;
    font-size: 16px !important;
    font-weight: 950 !important;
    line-height: 1.8 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    text-shadow: 0 0 0.3px currentColor;
}

/* شعار زیر نام مؤسسه */
#espinasSiteHeader .esp-header-brand-copy small {
    font-size: 11px !important;
    font-weight: 850 !important;
    color: #315f80 !important;
    line-height: 1.8 !important;
}

@media (max-width: 1023px) {
    #espinasSiteHeader .esp-header-brand-copy strong {
        font-size: 13px !important;
    }

    #espinasSiteHeader .esp-header-brand-copy small {
        font-size: 9px !important;
    }
}
/* ==============================================
   ESPINAS — FULL LAPTOP FIRST SCREEN
   هدر + هیرو = کل صفحه قابل مشاهده لپ‌تاپ
============================================== */

@media (min-width: 1024px) {

    /* ارتفاع واقعی هدر */
    #espinasSiteHeader {
        position: sticky !important;
        top: 0 !important;
    }

    /* هیرو دقیقاً فضای باقی‌مانده نمایشگر را پر کند */
    body.espinas-home-header-fit > main > #home.espinas-ultra-hero.espinas-home-hero-premium,
    #home.espinas-ultra-hero.espinas-home-hero-premium {

        box-sizing: border-box !important;

        width: 100% !important;

        height: calc(
            100vh - var(--espinas-home-hero-offset, 97px)
        ) !important;

        height: calc(
            100svh - var(--espinas-home-hero-offset, 97px)
        ) !important;

        min-height: 460px !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 25px 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        overflow: hidden !important;
        transform: none !important;
    }

    /* محتوای هیرو در مرکز ارتفاع قرار بگیرد */
    #home .espinas-home-hero__inner {
        display: block !important;

        width: min(1320px, 94%) !important;
        max-width: 1320px !important;

        margin: 0 auto !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important;

        box-sizing: border-box !important;
    }

    /* تصویر دانش‌آموزان بزرگ‌تر شود */
    #home .espinas-home-hero__inner::before {
        height: clamp(290px, 48vh, 460px) !important;
        width: 48.5% !important;

        top: 50% !important;
        transform: translateY(-50%) !important;

        border-radius: 28px !important;
    }

    /* تیتر خوانا و متناسب */
    #home .espinas-home-hero__title {
        font-size: clamp(34px, 3.2vw, 47px) !important;
        line-height: 1.55 !important;
    }

    #home .espinas-home-hero__description {
        font-size: clamp(13px, 1.15vw, 16px) !important;
        line-height: 2 !important;
    }

    #home .espinas-home-hero__action-wrap {
        margin-top: 18px !important;
    }

}

/* لپ‌تاپ‌های با ارتفاع کم */
@media (min-width: 1024px) and (max-height: 700px) {

    body.espinas-home-header-fit > main > #home.espinas-ultra-hero.espinas-home-hero-premium,
    #home.espinas-ultra-hero.espinas-home-hero-premium {
        padding: 12px 0 !important;
        min-height: 420px !important;
    }

    #home .espinas-home-hero__inner::before {
        height: clamp(260px, 43vh, 340px) !important;
    }

    #home .espinas-home-hero__title {
        font-size: clamp(30px, 3vw, 39px) !important;
    }
}
/* ==================================================
   ESPINAS — HERO FINAL REFINEMENT
   حفظ تصویر تمام‌عرض + فید تدریجی
================================================== */

@media (min-width: 1024px) {

    /* هیرو تمام فضای باقی‌مانده نمایشگر را بگیرد */
    #home.espinas-ultra-hero.espinas-home-hero-premium {
        height: calc(100vh - var(--espinas-home-hero-offset, 106px)) !important;
        height: calc(100svh - var(--espinas-home-hero-offset, 106px)) !important;
        min-height: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    /* تصویر همچنان پس‌زمینه بزرگ باقی بماند */
    #home .espinas-home-hero__inner {
        width: min(1480px, 96%) !important;
        height: 100% !important;
        padding: 18px 0 18px 48% !important;
        box-sizing: border-box !important;
    }

    /* فقط جابه‌جایی و بزرگ‌تر شدن ملایم تصویر */
    #home .espinas-home-hero__inner::before {
        width: 100% !important;
        height: 97% !important;

        left: -12px !important;
        right: auto !important;
        top: 47% !important;

        transform: translateY(-50%) !important;

        background-image: url('../img/espinas-redesign/hero-students-main.webp') !important;
        background-size: auto 100% !important;
        background-repeat: no-repeat !important;
        background-position: left center !important;

        border: 0 !important;
        border-radius: 0 !important;

        clip-path: polygon(
            0 1%,
            94% 0,
            100% 8%,
            98% 80%,
            92% 92%,
            78% 99%,
            63% 96%,
            0 100%
        ) !important;
    }

    /* حفظ محوشدن تصویر به سمت متن */
    #home .espinas-home-hero__inner::after {
        display: block !important;
        inset: 0 !important;

        background: linear-gradient(
            270deg,
            rgba(239,249,255,.99) 0%,
            rgba(232,247,255,.96) 32%,
            rgba(228,245,255,.75) 47%,
            rgba(228,245,255,.12) 68%,
            rgba(228,245,255,0) 80%
        ) !important;
    }

    /* تیتر جمع‌وجورتر تا تمام متن دیده شود */
    #home .espinas-home-hero__title {
        font-size: clamp(32px, 3.15vw, 46px) !important;
        line-height: 1.38 !important;
    }

    #home .espinas-home-hero__title-main {
        line-height: 1.4 !important;
    }

    #home .espinas-home-hero__title-accent {
        font-size: .80em !important;
        line-height: 1.48 !important;
        margin-top: 2px !important;
    }

    #home .espinas-home-hero__brand {
        margin-bottom: 7px !important;
    }

    #home .espinas-home-hero__signature {
        margin-top: 8px !important;
    }

    #home .espinas-home-hero__description {
        font-size: clamp(12px, 1vw, 14px) !important;
        line-height: 1.85 !important;
        margin-top: 9px !important;
    }

    #home .espinas-home-hero__action-wrap {
        margin-top: 13px !important;
    }

    #home .espinas-home-hero__button {
        min-height: 47px !important;
    }
}

/* لپ‌تاپ‌های کم‌ارتفاع */
@media (min-width: 1024px) and (max-height: 700px) {

    #home .espinas-home-hero__title {
        font-size: clamp(29px, 2.8vw, 39px) !important;
    }

    #home .espinas-home-hero__description {
        font-size: 12px !important;
        line-height: 1.75 !important;
    }

    #home .espinas-home-hero__action-wrap {
        margin-top: 9px !important;
    }
}
```css
/* ==============================================
   ESPINAS — HERO IMAGE FINAL POSITION
   تصویر تمام‌عرض، چسبیده به هدر و لبه چپ
============================================== */

@media (min-width: 1024px) {

    /* اتصال کامل Hero به هدر */
    #espinasSiteHeader {
        margin-bottom: 0 !important;
        border-bottom: 0 !important;
    }

    #home.espinas-ultra-hero.espinas-home-hero-premium {
        position: relative !important;
        display: flex !important;
        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;

        height: calc(100svh - 96px) !important;
        min-height: 490px !important;

        overflow: hidden !important;

        background-color: #e5f5ff !important;

        background-image:
            linear-gradient(
                270deg,
                rgba(239,249,255,.98) 0%,
                rgba(239,249,255,.91) 29%,
                rgba(232,247,255,.65) 43%,
                rgba(232,247,255,.16) 62%,
                rgba(232,247,255,0) 79%
            ),
            url('../img/espinas-redesign/hero-students-main.webp') !important;

        background-repeat: no-repeat, no-repeat !important;
        background-size: cover, cover !important;
        background-position: center center, left center !important;
    }

    /* حذف قاب و تصویر قبلی */
    #home .espinas-home-hero__inner::before,
    #home .espinas-home-hero__inner::after {
        content: none !important;
        display: none !important;
    }

    /* قرارگیری متن روی تصویر */
    #home .espinas-home-hero__inner {
        position: relative !important;
        z-index: 3 !important;

        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: stretch !important;

        width: min(1480px, 96%) !important;
        max-width: 1480px !important;
        height: 100% !important;

        margin: 0 auto !important;
        padding: 15px 0 15px 48% !important;

        box-sizing: border-box !important;
        direction: rtl !important;
        text-align: right !important;
    }

    /* تیتر اصلی */
    #home .espinas-home-hero__title {
        width: 100% !important;
        max-width: 100% !important;

        color: #064675 !important;
        font-size: clamp(37px, 3.45vw, 51px) !important;
        font-weight: 1000 !important;
        line-height: 1.55 !important;
        letter-spacing: 0 !important;

        text-align: right !important;
        text-shadow: 0 1px 1px rgba(255,255,255,.3) !important;
    }

    #home .espinas-home-hero__title-main {
        color: #064675 !important;
        font-weight: 1000 !important;
    }

    #home .espinas-home-hero__title-accent {
        color: #f47700 !important;
        -webkit-text-fill-color: #f47700 !important;
        font-size: .83em !important;
        font-weight: 1000 !important;
        line-height: 1.55 !important;
    }

    /* متن توضیحات */
    #home .espinas-home-hero__description {
        color: #244f6e !important;
        font-size: clamp(13px, 1.12vw, 16px) !important;
        font-weight: 750 !important;
        line-height: 2.1 !important;
        margin-top: 13px !important;
        text-align: right !important;
    }

    /* دکمه */
    #home .espinas-home-hero__action-wrap {
        margin-top: 19px !important;
    }

    #home .espinas-home-hero__button {
        min-height: 50px !important;
        font-size: 13px !important;
        font-weight: 950 !important;
    }
}

/* لپ‌تاپ‌های کم‌ارتفاع */
@media (min-width: 1024px) and (max-height: 700px) {
    #home.espinas-ultra-hero.espinas-home-hero-premium {
        height: calc(100svh - 96px) !important;
        min-height: 440px !important;
    }

    #home .espinas-home-hero__title {
        font-size: clamp(32px, 3vw, 42px) !important;
    }

    #home .espinas-home-hero__description {
        font-size: 12px !important;
        line-height: 1.85 !important;
    }
}
/* ==========================================
   ESPINAS — FINAL HERO OVERLAY FIX
   تصویر پس‌زمینه + متن روی تصویر
========================================== */

@media (min-width: 1024px) {

    /* اتصال بدون فاصله به هدر */
    #espinasSiteHeader {
        margin: 0 !important;
        border: 0 !important;
    }

    #home.espinas-ultra-hero {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: min(720px, calc(100svh - 96px)) !important;
        min-height: 500px !important;
        max-height: 720px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;

        background-color: #dff3ff !important;
        background-image:
            linear-gradient(
                270deg,
                rgba(230,246,255,.99) 0%,
                rgba(230,246,255,.94) 28%,
                rgba(230,246,255,.72) 43%,
                rgba(230,246,255,.18) 64%,
                rgba(230,246,255,0) 79%
            ),
            url('/frontend/img/espinas-redesign/hero-students-main.webp') !important;

        background-repeat: no-repeat, no-repeat !important;
        background-position: center center, left center !important;
        background-size: cover, auto 100% !important;
    }

    /* حذف تمام لایه‌های تصویری قبلی */
    #home .espinas-home-hero__inner::before,
    #home .espinas-home-hero__inner::after {
        content: none !important;
        display: none !important;
    }

    /* قرارگیری متن روی تصویر */
    #home .espinas-home-hero__inner {
        position: relative !important;
        z-index: 5 !important;

        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: stretch !important;

        width: 100% !important;
        max-width: 1480px !important;
        height: 100% !important;

        margin: 0 auto !important;
        padding: 25px 5% 25px 51% !important;

        box-sizing: border-box !important;
        direction: rtl !important;
        text-align: right !important;
    }

    /* همه متن‌ها در محدوده سمت راست بمانند */
    #home .espinas-home-hero__brand,
    #home .espinas-home-hero__heading-wrap,
    #home .espinas-home-hero__signature,
    #home .espinas-home-hero__description,
    #home .espinas-home-hero__action-wrap {
        position: relative !important;
        z-index: 6 !important;
        max-width: 100% !important;
    }

    #home .espinas-home-hero__title {
        display: block !important;
        width: 100% !important;
        font-size: clamp(34px, 3.3vw, 49px) !important;
        font-weight: 1000 !important;
        line-height: 1.5 !important;
        color: #064675 !important;
        text-align: right !important;
    }

    #home .espinas-home-hero__title-main {
        display: block !important;
        color: #064675 !important;
        font-weight: 1000 !important;
    }

    #home .espinas-home-hero__title-accent {
        display: block !important;
        color: #f47700 !important;
        -webkit-text-fill-color: #f47700 !important;
        font-weight: 1000 !important;
    }

    #home .espinas-home-hero__description {
        font-size: clamp(13px, 1.1vw, 16px) !important;
        line-height: 2 !important;
        color: #244f6e !important;
        font-weight: 700 !important;
        text-align: right !important;
    }

    #home .espinas-home-hero__action-wrap {
        margin-top: 17px !important;
    }
}

/* موبایل و تبلت */
@media (max-width: 1023px) {

    #home.espinas-ultra-hero {
        height: auto !important;
        min-height: 0 !important;
        padding: 0 0 25px !important;
        background-image:
            linear-gradient(rgba(235,248,255,.25),rgba(235,248,255,.25)),
            url('/frontend/img/espinas-redesign/hero-students-main.webp') !important;
        background-size: 100% auto !important;
        background-position: center top !important;
        background-repeat: no-repeat !important;
    }

    #home .espinas-home-hero__inner {
        display: flex !important;
        flex-direction: column !important;
        width: 92% !important;
        height: auto !important;
        margin: 0 auto !important;
        padding: 55vw 0 0 !important;
        text-align: center !important;
    }

    #home .espinas-home-hero__inner::before,
    #home .espinas-home-hero__inner::after {
        display: none !important;
        content: none !important;
    }

    #home .espinas-home-hero__brand {
        align-self: center !important;
    }

    #home .espinas-home-hero__title,
    #home .espinas-home-hero__description {
        text-align: center !important;
    }

    #home .espinas-home-hero__signature {
        margin-inline: auto !important;
    }

    #home .espinas-home-hero__action-wrap {
        justify-content: center !important;
    }
}
/* =========================================
   ESPINAS — HERO BACKGROUND FINAL FIX
========================================= */

@media (min-width: 1024px) {

    #home.espinas-ultra-hero,
    #home.espinas-ultra-hero.espinas-home-hero-premium {

        position: relative !important;
        display: flex !important;
        align-items: center !important;

        width: 100% !important;
        height: calc(100vh - 96px) !important;
        min-height: 500px !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;

        background-color: #e8f6ff !important;

        background-image:
            linear-gradient(
                270deg,
                rgba(239,249,255,1) 0%,
                rgba(239,249,255,.96) 32%,
                rgba(239,249,255,.72) 47%,
                rgba(239,249,255,.15) 68%,
                rgba(239,249,255,0) 82%
            ),
            url('/frontend/img/espinas-redesign/hero-students-main.webp') !important;

        background-repeat: no-repeat, no-repeat !important;
        background-size: cover, cover !important;
        background-position: center center, left center !important;
    }

    /* حذف تصویرهای جداگانه قبلی */
    #home .espinas-home-hero__inner::before,
    #home .espinas-home-hero__inner::after {
        content: none !important;
        display: none !important;
    }

    /* متن روی تصویر قرار بگیرد */
    #home .espinas-home-hero__inner {
        position: relative !important;
        z-index: 5 !important;

        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;

        width: 100% !important;
        max-width: 1480px !important;
        height: 100% !important;

        margin: 0 auto !important;
        padding: 20px 5% 20px 49% !important;

        box-sizing: border-box !important;
        direction: rtl !important;
        text-align: right !important;
    }

    #home .espinas-home-hero__title {
        color: #064675 !important;
        font-size: clamp(34px, 3.4vw, 49px) !important;
        font-weight: 1000 !important;
        line-height: 1.55 !important;
    }

    #home .espinas-home-hero__title-main {
        color: #064675 !important;
        font-weight: 1000 !important;
    }

    #home .espinas-home-hero__title-accent {
        color: #f47700 !important;
        -webkit-text-fill-color: #f47700 !important;
        font-weight: 1000 !important;
    }

    #home .espinas-home-hero__description {
        color: #244f6e !important;
        font-size: 15px !important;
        font-weight: 750 !important;
        line-height: 2 !important;
    }
}

/* موبایل */
@media (max-width: 1023px) {

    #home.espinas-ultra-hero {
        height: auto !important;
        min-height: 0 !important;
        background-image: none !important;
    }

    #home .espinas-home-hero__inner {
        width: 94% !important;
        padding: 0 !important;
    }

    #home .espinas-home-hero__inner::before {
        content: "" !important;
        display: block !important;
        position: relative !important;
        width: 100% !important;
        height: 230px !important;
        margin: 0 auto 18px !important;
        background: url('/frontend/img/espinas-redesign/hero-students-main.webp')
            center 40% / cover no-repeat !important;
        border-radius: 18px !important;
    }
}

/* =====================================================
   ESPINAS — HERO BACKGROUND / FINAL OVERRIDE
   تصویر روی خود هیرو، متن روی تصویر
===================================================== */

@media (min-width: 1024px) {

    #home.espinas-ultra-hero,
    #home.espinas-ultra-hero.espinas-home-hero-premium {

        position: relative !important;
        isolation: isolate !important;
        display: block !important;

        width: 100% !important;
        height: calc(100vh - var(--espinas-home-hero-offset, 96px)) !important;
        height: calc(100svh - var(--espinas-home-hero-offset, 96px)) !important;

        min-height: 480px !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
        transform: none !important;

        background-color: #e5f5ff !important;

        background-image:
            linear-gradient(
                270deg,
                rgba(230,246,255,.98) 0%,
                rgba(230,246,255,.91) 30%,
                rgba(230,246,255,.66) 46%,
                rgba(230,246,255,.17) 65%,
                rgba(230,246,255,0) 82%
            ),
            url('/frontend/img/espinas-redesign/hero-students-main.webp') !important;

        background-repeat: no-repeat, no-repeat !important;
        background-size: cover, cover !important;
        background-position: center center, left center !important;
        background-attachment: scroll !important;
    }

    /* جلوگیری از نمایش دوباره تصویر به شکل کارت */
    #home .espinas-home-hero__inner::before,
    #home .espinas-home-hero__inner::after {
        content: none !important;
        display: none !important;
    }

    /* محدوده متن؛ سمت راست تصویر */
    #home .espinas-home-hero__inner {
        position: relative !important;
        z-index: 5 !important;

        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: stretch !important;

        width: 100% !important;
        max-width: 1480px !important;
        height: 100% !important;

        margin: 0 auto !important;
        padding: 25px 5% 25px 49% !important;

        box-sizing: border-box !important;
        direction: rtl !important;
        text-align: right !important;
    }

    /* تمام اجزای متن روی تصویر */
    #home .espinas-home-hero__brand,
    #home .espinas-home-hero__heading-wrap,
    #home .espinas-home-hero__signature,
    #home .espinas-home-hero__description,
    #home .espinas-home-hero__action-wrap {
        position: relative !important;
        z-index: 6 !important;
        max-width: 100% !important;
    }

    #home .espinas-home-hero__brand {
        align-self: flex-start !important;
        margin: 0 0 12px !important;
    }

    #home .espinas-home-hero__heading-wrap {
        width: 100% !important;
    }

    #home .espinas-home-hero__title {
        width: 100% !important;
        max-width: 100% !important;

        color: #064675 !important;
        font-size: clamp(34px, 3.2vw, 48px) !important;
        font-weight: 1000 !important;
        line-height: 1.48 !important;

        text-align: right !important;
        text-wrap: balance !important;
        text-shadow: 0 1px 2px rgba(255,255,255,.35) !important;
    }

    #home .espinas-home-hero__title-main {
        display: block !important;
        color: #064675 !important;
        font-weight: 1000 !important;
    }

    #home .espinas-home-hero__title-accent {
        display: block !important;
        color: #f47700 !important;
        -webkit-text-fill-color: #f47700 !important;
        font-size: .83em !important;
        font-weight: 1000 !important;
        line-height: 1.55 !important;
    }

    #home .espinas-home-hero__description {
        width: 100% !important;
        max-width: 100% !important;

        margin: 12px 0 0 !important;

        color: #244f6e !important;
        font-size: clamp(13px, 1.1vw, 16px) !important;
        font-weight: 750 !important;
        line-height: 2 !important;

        text-align: right !important;
        text-align-last: right !important;
    }

    #home .espinas-home-hero__action-wrap {
        display: flex !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        margin: 18px 0 0 !important;
    }

    #home .espinas-home-hero__button {
        min-height: 50px !important;
        font-size: 13px !important;
        font-weight: 950 !important;
    }

    #home .espinas-home-hero__scroll-note {
        display: none !important;
    }
}

/* لپ‌تاپ‌های کوتاه‌تر */
@media (min-width: 1024px) and (max-height: 700px) {

    #home.espinas-ultra-hero {
        min-height: 440px !important;
    }

    #home .espinas-home-hero__inner {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }

    #home .espinas-home-hero__title {
        font-size: clamp(30px, 2.8vw, 40px) !important;
        line-height: 1.4 !important;
    }

    #home .espinas-home-hero__description {
        font-size: 12px !important;
        line-height: 1.8 !important;
    }
}

/* موبایل و تبلت */
@media (max-width: 1023px) {

    #home.espinas-ultra-hero {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;

        padding: 0 0 25px !important;
        overflow: hidden !important;

        background-color: #e8f6ff !important;
        background-image:
            linear-gradient(
                rgba(232,247,255,.06),
                rgba(232,247,255,.06)
            ),
            url('/frontend/img/espinas-redesign/hero-students-main.webp') !important;

        background-repeat: no-repeat, no-repeat !important;
        background-size: 100% auto, 100% auto !important;
        background-position: center top, center top !important;
    }

    #home .espinas-home-hero__inner {
        display: flex !important;
        flex-direction: column !important;

        width: 92% !important;
        max-width: 620px !important;
        height: auto !important;

        margin: 0 auto !important;
        padding: 56vw 0 0 !important;

        text-align: center !important;
    }

    #home .espinas-home-hero__inner::before,
    #home .espinas-home-hero__inner::after {
        content: none !important;
        display: none !important;
    }

    #home .espinas-home-hero__brand {
        align-self: center !important;
    }

    #home .espinas-home-hero__title,
    #home .espinas-home-hero__description {
        text-align: center !important;
        text-align-last: center !important;
    }

    #home .espinas-home-hero__signature {
        margin-inline: auto !important;
    }

    #home .espinas-home-hero__action-wrap {
        justify-content: center !important;
        align-items: center !important;
    }
}