.lg-single-hero{position:relative;overflow:hidden;padding:56px 0;background:linear-gradient(160deg,#2b3350,#171b25);color:#fff}
.lg-single-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 120% at 85% 0%,rgba(153,206,255,.2),transparent 55%)}
.lg-single-hero .in{position:relative;z-index:2;max-width:760px}
.lg-single-hero .lg-crumb{color:rgba(255,255,255,.6)}
.lg-single-hero .lg-crumb a{color:rgba(255,255,255,.8)}
.lg-single-hero .lg-crumb .cur{color:rgba(255,255,255,.9)}
.lg-single-hero .tag{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);padding:7px 14px;border-radius:100px;font-size:13px;font-weight:600;color:var(--sky);margin-top:18px}
.lg-single-hero h1{font-size:38px;font-weight:800;line-height:1.3;letter-spacing:-.02em;margin-top:18px}
.lg-single-hero p{font-size:16px;color:rgba(255,255,255,.78);margin-top:16px;line-height:1.8}
.lg-single-hero .acts{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}
.lg-incl{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px}
.lg-incl-item{display:flex;gap:13px;padding:16px 18px;background:var(--bg-2);border-radius:14px}
.lg-incl-item .ck{width:26px;height:26px;flex:none;border-radius:8px;background:color-mix(in srgb,#1f8a52 14%,transparent);color:#1f8a52;display:grid;place-items:center}
.lg-incl-item .ck svg{width:15px;height:15px}
.lg-incl-item b{font-size:14.5px;color:var(--ink);display:block;margin-bottom:3px}
.lg-incl-item span{font-size:13px;color:var(--ink-2);line-height:1.6}
@media (max-width:760px){.lg-incl{grid-template-columns:1fr}}
@media (max-width:640px){.lg-single-hero h1{font-size:26px}.lg-single-hero{padding:36px 0}}
.lg-single-hero .tag svg{width:16px;height:16px;flex:none}

/* ---- تصویر شاخص در هیرو (فاز ۳ / مورد ۸) ----
   تصویر به‌عنوان پس‌زمینه پشتِ محتوا؛ یک روکشِ گرادینتِ ملایم برای خواناییِ متنِ
   سفید، اما به‌قدری کم که تصویر همچنان واضح دیده شود. */
.lg-single-hero.has-img{background:#12151d}
.lg-single-hero .lg-hero-bg{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;background-repeat:no-repeat}
.lg-single-hero.has-img::after{z-index:1;background:linear-gradient(180deg,rgba(15,18,26,.42) 0%,rgba(15,18,26,.30) 45%,rgba(15,18,26,.72) 100%)}
.lg-single-hero.has-img .in{position:relative;z-index:2}
.lg-single-hero.has-img .lg-hero-grid-lines{opacity:.35}