/* ===================================================
   هیرو اشیونه — ویجت المنتور
   =================================================== */
.ash-hero{
  --ash-sky:#00163A;
  --ash-navy:#1B2A4A;
  --ash-gold:#C9A227;
  --ash-white:#F8F9FA;

  --ash-hero-h:100svh;
  --ash-pad-top:14vh;
  --ash-content-w:760px;

  --ash-photo-w:100%;
  --ash-photo-fit:cover;
  --ash-px:50%;
  --ash-py:88%;

  --ash-zoom-from:1.02;
  --ash-zoom-to:1.09;
  --ash-zoom-dur:26s;

  --ash-veil:.72;
  --ash-overscan:3%;

  position:relative;
  min-height:var(--ash-hero-h);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  overflow:hidden;
  isolation:isolate;
  background-color:var(--ash-sky);
}
.ash-hero *{box-sizing:border-box}

/* تمام‌عرض: از کانتینر باکس‌شده‌ی المنتور بیرون می‌زند */
.ash-hero.ash-fullbleed{
  width:calc(100vw - var(--ash-sbw,0px));
  max-width:calc(100vw - var(--ash-sbw,0px));
  margin-inline-start:calc(50% - (100vw - var(--ash-sbw,0px)) / 2);
  margin-inline-end:calc(50% - (100vw - var(--ash-sbw,0px)) / 2);
}

/* ---- قاب عکس: با ماوس و اسکرول جابه‌جا می‌شود ---- */
.ash-photo{
  position:absolute;
  inset:calc(var(--ash-overscan) * -1);
  z-index:0;
  overflow:hidden;
  will-change:transform;
}

/* ---- خود عکس: زوم آرام و بی‌پایان ---- */
.ash-photo img{
  display:block;
  height:100%;
  width:var(--ash-photo-w);
  margin-inline:calc((100% - var(--ash-photo-w)) / 2);
  object-fit:var(--ash-photo-fit);
  object-position:var(--ash-px) var(--ash-py);
  transform-origin:50% 62%;
}
.ash-hero.has-zoom .ash-photo img{
  animation:ash-breathe var(--ash-zoom-dur) ease-in-out infinite alternate;
}
@keyframes ash-breathe{
  from{transform:scale(var(--ash-zoom-from))}
  to  {transform:scale(var(--ash-zoom-to))}
}

/* ---- پرده‌ی بالای کادر برای خوانایی متن ---- */
.ash-hero::before{
  content:"";
  position:absolute;inset:0;z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg,
    rgba(0,26,58,var(--ash-veil)) 0%,
    rgba(0,26,58,calc(var(--ash-veil) * .22)) 42%,
    transparent 62%);
}

/* ---- متن ---- */
.ash-hero-content{
  position:relative;z-index:2;
  width:min(var(--ash-content-w),92vw);
  padding-top:var(--ash-pad-top);
  text-align:center;
  color:var(--ash-white);
  will-change:transform;
}
.ash-eyebrow{
  display:inline-block;
  font-size:13px;letter-spacing:6px;
  color:var(--ash-gold);margin-bottom:14px;
}
.ash-hero-title{
  font-size:clamp(24px,4.6vh,46px);
  font-weight:700;line-height:1.45;
  text-shadow:0 2px 20px rgba(1,25,58,.7);
}
.ash-hero-title em{font-style:normal;color:var(--ash-gold)}
.ash-hero-sub{
  margin-top:12px;
  font-size:clamp(14px,2vh,18px);
  color:rgba(248,249,250,.85);line-height:1.9;
  text-shadow:0 1px 12px rgba(1,25,58,.7);
}
.ash-hero-btn{
  display:inline-block;
  margin-top:clamp(14px,2.6vh,26px);
  padding:13px 32px;border-radius:6px;
  background:var(--ash-gold);color:var(--ash-navy);
  font-size:16px;font-weight:700;text-decoration:none;
  transition:filter .25s ease,transform .25s ease;
}
.ash-hero-btn:hover{filter:brightness(1.08);transform:translateY(-2px)}
.ash-hero-btn:focus-visible{outline:2px solid var(--ash-white);outline-offset:4px}

/* ===================================================
   پیش‌فرض‌های دستگاه — از پنل المنتور قابل بازنویسی است
   =================================================== */

/* مانیتور پهن و کم‌ارتفاع: کادر را کمی بالاتر بگیر */
@media (min-width:1024px) and (max-height:760px){
  .ash-hero{--ash-py:82%}
}

/* تبلت: عکس عرض‌محور و چسبیده به کف */
@media (max-width:1023px){
  .ash-hero{
    --ash-photo-fit:cover;
    --ash-photo-w:100%;
    --ash-px:50%;
    --ash-py:45%;
    --ash-veil:.45;
  }
}

/* گوشی */
@media (max-width:640px){
  .ash-hero{
    --ash-photo-fit:cover;
    --ash-photo-w:100%;
    --ash-px:50%;
    --ash-py:58%;
    --ash-hero-h:92svh;
  }
  .ash-hero-title{font-size:clamp(23px,3.4vh,34px)}
}

/* گوشی باریک */
@media (max-width:380px){
  .ash-hero{--ash-photo-w:110%}
}

@media (prefers-reduced-motion:reduce){
  .ash-hero.has-zoom .ash-photo img{animation:none;transform:scale(1.04)}
  .ash-photo,.ash-hero-content{transform:none!important}
  .ash-hero-btn{transition:none}
}