/* =========================================================================
   hero — استایل ویجت المنتور زبان‌نگار (هندل: zbn-el-hero)
   ========================================================================= */

.zbn-hero-wrap{--rc:#DC142D;--gc:#C79A3B;--ghc:#F1E7CE;--ghb:rgba(233,196,107,.5);direction:rtl;font-family:Vazirmatn,IRANYekanX,system-ui,sans-serif;}
.zbn-hero{max-width:1240px;margin:0 auto;display:block;}
.hr-stage{position:relative;overflow:hidden;border-radius:26px;isolation:isolate;min-height:520px;background:#05070d;box-shadow:0 34px 70px -34px rgba(0,0,0,.8), inset 0 1px 0 rgba(255,255,255,.05);border:1px solid rgba(233,196,107,.16);--scrim:#05070d;}
.hr-bg{position:absolute;inset:0;z-index:0;background-image:var(--bg-desktop);background-size:cover;background-position:center right;}
.hr-mobile-media{display:none;}
.hr-scrim{position:absolute;inset:0;z-index:1;pointer-events:none;--scrim-end:78%;background:linear-gradient(270deg,var(--scrim) 0%,color-mix(in srgb,var(--scrim) 96%,transparent) 26%,color-mix(in srgb,var(--scrim) 82%,transparent) 42%,color-mix(in srgb,var(--scrim) 35%,transparent) 60%,transparent var(--scrim-end));}
.hr-goldglow{position:absolute;z-index:2;top:-140px;right:-90px;width:520px;height:420px;pointer-events:none;--glow:rgba(233,196,107,.28);background:radial-gradient(circle at 70% 30%,var(--glow),transparent 60%);filter:blur(10px);}
.hr-inner{position:relative;z-index:4;display:flex;justify-content:flex-start;padding:56px 60px;min-height:520px;}
.hr-col{width:min(560px,90%);display:flex;flex-direction:column;align-items:flex-start;text-align:right;}
.hr-title{margin:0;font-size:clamp(28px,5.4vw,40px);font-weight:900;line-height:1.15;--t1:#FBE9BE;--t2:#E9C46B;--t3:#C79A3B;background:linear-gradient(180deg,var(--t1) 0%,var(--t2) 46%,var(--t3) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 10px rgba(199,154,59,.3));}
.hr-rule{width:74px;height:3px;margin:16px 0 18px;border-radius:3px;--r1:#E9C46B;--r2:#DC142D;background:linear-gradient(90deg,var(--r1),var(--r2));box-shadow:0 0 12px rgba(233,196,107,.5);display:block;}
.hr-sub{margin:0;font-size:clamp(18px,3vw,23px);font-weight:800;color:#fff;line-height:1.5;}
.hr-tag{margin:14px 0 0;font-size:16px;font-weight:600;color:#EBD9A9;line-height:1.6;}
.hr-desc{margin:16px 0 0;font-size:15px;font-weight:400;color:#CBD3E1;line-height:2;max-width:500px;}
.hr-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;align-items:center;}
.hr-btn{display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;text-decoration:none;font-family:inherit;font-weight:800;font-size:15px;padding:13px 22px;border-radius:12px;transition:transform .18s,box-shadow .18s,filter .18s;}
.hr-btn svg,.hr-btn i{flex:0 0 auto;font-size:16px;width:1em;height:1em;}
.hr-red{background:linear-gradient(180deg,color-mix(in srgb,var(--rc) 82%,#fff),var(--rc));color:#fff;box-shadow:0 12px 26px -10px color-mix(in srgb,var(--rc) 70%,transparent);}
.hr-red:hover{transform:translateY(-2px);box-shadow:0 18px 34px -12px color-mix(in srgb,var(--rc) 85%,transparent);}
.hr-red svg path{stroke:#fff;}
.hr-gold{background:linear-gradient(180deg,color-mix(in srgb,var(--gc) 70%,#fff),var(--gc));color:#2A1E06;box-shadow:0 12px 26px -10px color-mix(in srgb,var(--gc) 60%,transparent);}
.hr-gold:hover{transform:translateY(-2px);filter:brightness(1.05);}
.hr-gold svg path,.hr-gold svg rect{stroke:#2A1E06;}
.hr-ghost{background:rgba(255,255,255,.04);color:var(--ghc);border:1px solid var(--ghb);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);}
.hr-ghost:hover{background:rgba(233,196,107,.12);transform:translateY(-2px);}
.hr-ghost svg path,.hr-ghost svg rect{stroke:var(--ghc);}

.zbn-statbar{max-width:1180px;margin:-52px auto 0;position:relative;z-index:20;padding:0 16px;}
.sb-panel{position:relative;overflow:hidden;border-radius:24px;isolation:isolate;background:linear-gradient(180deg,#0a1120 0%,#070c17 100%);border:1px solid rgba(233,196,107,.22);box-shadow:0 30px 64px -28px rgba(0,0,0,.82), inset 0 1px 0 rgba(255,255,255,.05);padding:30px 26px;}
.sb-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:8px;}
.sb-item{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--sb-item-gap,14px);padding:6px 10px;}
.sb-grid.sb-has-div .sb-item:not(:first-child)::before{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:58px;background:linear-gradient(180deg,transparent,var(--sb-div,rgba(233,196,107,.55)),transparent);}
.sb-grid.sb-has-div .sb-item:not(:first-child)::after{content:"";position:absolute;right:0;top:50%;width:5px;height:5px;transform:translate(50%,-50%) rotate(45deg);background:var(--sb-div,rgba(233,196,107,.55));box-shadow:0 0 8px 2px color-mix(in srgb,var(--sb-div,rgba(233,196,107,.55)) 70%,transparent);}
.sb-ic{flex:0 0 auto;display:grid;place-items:center;color:var(--sb-ic,#E9C46B);font-size:var(--sb-ic-size,46px);filter:drop-shadow(0 3px 10px rgba(233,196,107,.28));}
.sb-ic svg{width:var(--sb-ic-size,46px);height:var(--sb-ic-size,46px);fill:currentColor;}
.sb-ic i{font-size:var(--sb-ic-size,46px);line-height:1;}
.sb-txt{text-align:right;}
.sb-num{font-size:34px;font-weight:900;color:#fff;line-height:1;display:block;}
.sb-lbl{font-size:14px;font-weight:600;color:#C6CEDC;margin-top:7px;display:block;}

/* موبایل: تصویرِ اختصاصی به‌صورت بلوکِ کامل بالای متن؛ متن زیر آن روی پس‌زمینه‌ی تیره‌ی استیج */
@media(max-width:767px){
	.hr-bg,.hr-scrim,.hr-goldglow{display:none;}
	.hr-inner{flex-direction:column;padding:0 !important;min-height:0 !important;align-items:stretch;justify-content:flex-start !important;}
	.hr-mobile-media{display:block;width:100%;height:var(--m-img-h,260px);background-image:var(--bg-mobile);background-size:cover;background-position:var(--m-img-pos,center);flex:0 0 auto;}
	.hr-col{width:100% !important;max-width:100% !important;padding:26px 22px 30px;}
	.hr-btn{flex:1 1 auto;justify-content:center;}
	.sb-grid.sb-has-div .sb-item:not(:first-child)::before,.sb-grid.sb-has-div .sb-item:not(:first-child)::after{display:none;}
}