/* آرامیا — موج ۲۶: بنر بخش‌ها و اسلایدر صفحهٔ محصول/اعضا در همهٔ صفحات */

html body[class][class][class] .pb26{display:block;max-width:1120px;margin:16px auto 10px;padding:0 14px;
  box-sizing:border-box}
html body[class][class][class] .pb26-in{position:relative;overflow:hidden;border-radius:24px;
  border:1px solid rgba(224,184,98,.36);box-shadow:0 24px 60px rgba(0,0,0,.34);background:#0a1b12;
  aspect-ratio:5/4}
@media(min-width:760px){html body[class][class][class] .pb26-in{aspect-ratio:32/11}}
html body[class][class][class] .pb26-in>i{position:absolute;inset:0;background-size:cover;background-position:center;
  transform:scale(1.03);transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
html body[class][class][class] .pb26:hover .pb26-in>i{transform:scale(1.08)}
html body[class][class][class] .pb26-in::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(4,14,9,.08),rgba(4,14,9,.34) 40%,rgba(4,14,9,.92) 74%,#071510)}
@media(min-width:760px){html body[class][class][class] .pb26-in::after{
  background:linear-gradient(90deg,rgba(4,14,9,.93) 4%,rgba(4,14,9,.66) 44%,rgba(4,14,9,.06) 82%)}}
html body[class][class][class] .pb26-tx{position:absolute;z-index:3;inset:0;display:flex;flex-direction:column;
  justify-content:flex-end;gap:7px;padding:18px 18px 22px}
@media(min-width:760px){html body[class][class][class] .pb26-tx{justify-content:center;padding:26px 30px;
  max-width:min(580px,70%)}}
html body[class][class][class] .pb26-tx .k{align-self:flex-start;font-size:10.4px;font-weight:800;letter-spacing:.14em;
  color:#f7e4a8;border:1px solid rgba(224,184,98,.5);background:rgba(6,17,11,.58);border-radius:999px;padding:5px 11px}
html body[class][class][class] .pb26-tx h3{margin:0;font-size:clamp(18px,4.2vw,28px);line-height:1.6;font-weight:900;
  color:#fff6e2;text-shadow:0 4px 22px rgba(0,0,0,.7)}
html body[class][class][class] .pb26-tx p{margin:0;font-size:clamp(11.8px,2.5vw,14px);line-height:1.95;color:#dcd0b2;
  text-shadow:0 2px 16px rgba(0,0,0,.7)}
html body[class][class][class] .pb26-tx a.c{align-self:flex-start;margin-top:6px;text-decoration:none;font-weight:900;
  font-size:12.4px;color:#171106!important;-webkit-text-fill-color:#171106;
  background:linear-gradient(135deg,#ffe9b0,#e0b862 58%,#c49a48);border-radius:14px;padding:10px 18px;
  box-shadow:0 12px 26px rgba(224,184,98,.24);transition:transform .25s ease,box-shadow .25s ease}
html body[class][class][class] .pb26-tx a.c:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(224,184,98,.34)}
html body[class][class][class] .pb26-tx a.c:focus-visible{outline:3px solid #ffe9b0;outline-offset:3px}

/* ورود نرم */
html body[class][class][class] .pb26{opacity:0;transform:translateY(16px)}
html body[class][class][class] .pb26.in{opacity:1;transform:none;
  transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
@media (prefers-reduced-motion:reduce){html body[class][class][class] .pb26{opacity:1;transform:none}
  html body[class][class][class] .pb26-in>i{transition:none}}

/* اسلایدر درون صفحه (محصول/اعضا/سبد) از همان موتور ps25 استفاده می‌کند */
html body[class][class][class] .ps25.ps26{margin-top:10px}

/* ---------- موج ۲۶ب: پاک‌سازی نهایی گرادیان ناوی پلتفرم از صفحات عمومی ---------- */
html body[class][class][class] .card,
html body .card,
html body[class][class][class] .step,
html body .step,
html body[class][class][class] details,
html body details{
  background-image:linear-gradient(158deg,rgba(23,52,36,.92),rgba(7,18,12,.96))!important;
  border-color:rgba(224,184,98,.3)!important}
html body[class][class][class] .btn-ghost,
html body .btn-ghost,
html body[class][class][class] .burger,
html body .burger,
html body[class][class][class] .skip-link,
html body .skip-link{
  background-image:linear-gradient(158deg,rgba(26,58,40,.94),rgba(8,20,13,.96))!important;
  border-color:rgba(224,184,98,.36)!important;color:#f7e4a8!important}
html body[class][class][class] .burger span,
html body .burger span{background:#f7e4a8!important}
html body[class][class][class] .ux-combo-list,
html body .ux-combo-list{background:#0c2017!important;border:1px solid rgba(224,184,98,.4)!important;
  color:#f3e9d2!important}
html body[class][class][class] .ux-combo-list li:hover,
html body .ux-combo-list li[aria-selected="true"]{background:rgba(224,184,98,.14)!important}

/* ---------- موج ۲۶ج: قاب‌بندی امن‌تر تصاویر در موبایل ---------- */
@media(max-width:759px){
  html body[class][class][class] .ps25-s i{inset:0}
  html body[class][class][class] .ps25-s.on i{animation:ps26kb 11s ease-out forwards;transform-origin:50% 38%}
  @keyframes ps26kb{from{transform:scale(1)}to{transform:scale(1.045)}}
  html body[class][class][class] .pb26-in>i{transform:scale(1)}
  html body[class][class][class] .pb26:hover .pb26-in>i{transform:scale(1.04)}
  /* شناورها: اندازهٔ یکدست و سایهٔ روشن تا متن پشتشان خوانا بماند */
  html body[class][class][class] .fab,
  html body[class][class][class] .cart-fab,
  html body[class][class][class] .backtop{box-shadow:0 10px 26px rgba(0,0,0,.55),0 0 0 1px rgba(224,184,98,.25)!important}
  html body[class][class][class] .backtop{width:40px!important;height:40px!important}
}

/* ---------- موج ۲۶د: نوار گام‌های سبد هم سبز برند ---------- */
html body[class][class][class] .progress,
html body .progress,
html body[class][class][class] .ccb,
html body .ccb{background-image:linear-gradient(158deg,rgba(23,52,36,.94),rgba(7,18,12,.97))!important;
  border-color:rgba(224,184,98,.3)!important}
html body[class][class][class] .progress .dot,
html body .progress .dot{background:rgba(224,184,98,.18)!important;color:#f7e4a8!important;
  border:1px solid rgba(224,184,98,.45)!important}
html body[class][class][class] .progress .step.active .dot,
html body .progress .step.active .dot{background:linear-gradient(135deg,#ffe9b0,#e0b862)!important;
  color:#171106!important;border-color:transparent!important}
html body[class][class][class] .progress .line,
html body .progress .line{background:rgba(224,184,98,.25)!important}

/* ---------- موج ۲۷: قاب تصویری منطقی‌تر (مقیاس بطری ۲۰cc درست دیده شود) ---------- */
@media(max-width:759px){
  html body[class][class][class] .pb26-in{aspect-ratio:4/3}
  html body[class][class][class] .ps25-box{aspect-ratio:4/3}
  html body[class][class][class] .ps25-tx{padding:16px 16px 30px}
  html body[class][class][class] .pb26-tx{padding:16px 16px 20px}
}

/* ---------- موج ۲۷ب: در موبایل صحنه کامل بالا دیده شود و متن زیر آن بنشیند ---------- */
@media(max-width:759px){
  html body[class][class][class] .pb26-in,
  html body[class][class][class] .ps25-box{aspect-ratio:auto;min-height:0}
  html body[class][class][class] .pb26-in{display:block}
  html body[class][class][class] .pb26-in>i{position:relative;display:block;inset:auto;width:100%;
    aspect-ratio:16/7;background-size:cover;transform:none}
  html body[class][class][class] .pb26-in::after{content:none}
  html body[class][class][class] .pb26-tx{position:relative;inset:auto;max-width:100%;
    background:linear-gradient(180deg,#0a1b12,#061410);padding:14px 16px 18px;gap:6px;
    border-top:1px solid rgba(224,184,98,.22)}
  html body[class][class][class] .pb26-tx h3{text-shadow:none;font-size:16.5px}
  html body[class][class][class] .pb26-tx p{text-shadow:none}

  html body[class][class][class] .ps25-box{aspect-ratio:1/1}
  html body[class][class][class] .ps25-s i{inset:0;background-size:auto 56%;background-repeat:no-repeat}
  html body[class][class][class] .ps25-s.on i{animation:none;transform:none}
  html body[class][class][class] .ps25-s::after{
    background:linear-gradient(180deg,rgba(4,14,9,0) 40%,rgba(10,27,18,.92) 54%,#0a1b12 60%)}
  html body[class][class][class] .ps25-tx{justify-content:flex-end;padding:16px 16px 34px}
  html body[class][class][class] .ps25-s h3{text-shadow:none}
  html body[class][class][class] .ps25-s p{text-shadow:none}
}