
/* اسکلت: درخشش با transform (روی GPU) به‌جای جابه‌جایی background-position که هر فریم repaint می‌کرد */
.sk{position:relative;overflow:hidden;background-image:none!important;background-color:var(--skb,rgba(0,0,0,.07));--sw:rgba(0,0,0,.07);animation:none!important}
[data-theme=dark] .sk{--skb:rgba(255,255,255,.07);--sw:rgba(255,255,255,.08)}
.sk-hero .sk{--skb:rgba(255,255,255,.1);--sw:rgba(255,255,255,.15)}
.sk-fx .sk{--sw:rgba(0,0,0,.09)}[data-theme=dark] .sk-fx .sk{--sw:rgba(219,163,93,.15)}
.sk::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 22%,var(--sw) 50%,transparent 78%);transform:translate3d(100%,0,0);animation:skSw 1.35s cubic-bezier(.45,0,.25,1) infinite;will-change:transform}
@keyframes skSw{to{transform:translate3d(-100%,0,0)}}
.sk-cover{background-color:var(--skb,rgba(255,255,255,.12))}
/* اسکلت ناوبری: ورود نرم، خروج محو (هم‌زمان با ظاهر شدن محتوا) */
#skov .sk-page{animation:skIn2 .16s ease-out both}
@keyframes skIn2{from{opacity:.55}}
#skov{transition:opacity .18s ease-out}
#skov.out{opacity:0!important;pointer-events:none}
/* اسکلت هم‌شکل loading.tsx (data-k) و حساب کاربر */
.sk-page[data-k] .sk-v{display:none}
.sk-page[data-k=single] .sk-single,.sk-page[data-k=home] .sk-home,.sk-page[data-k=list] .sk-list,.sk-page[data-k=reader] .sk-reader,.sk-page[data-k=form] .sk-form,.sk-page[data-k=acct] .sk-acct{display:block}
body[data-go=acct] .sk-v,body[data-go=acct] .sk-list{display:none}body[data-go=acct] .sk-acct{display:block}
.sk-acct-h{display:flex;gap:18px;align-items:center}.sk-acct-h>div{flex:1;min-width:0}.sk-acct-h .sk-avl{margin:0;width:76px;height:76px;flex:none}
.sk-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:22px 0 8px}.sk-tile{height:104px;border-radius:22px}
.sk-tabs{display:flex;gap:10px;padding:14px 0}.sk-listc{height:240px;border-radius:24px;margin-bottom:40px}
@media(max-width:860px){.sk-tiles{grid-template-columns:repeat(2,1fr)}.sk-tile{height:92px}}
/* حرکت‌ها: منحنی نرم‌تر (خروج تند، توقف آرام) */
.page-enter{animation-timing-function:cubic-bezier(.22,1,.36,1)}
.rv-in{transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
/* تغییر حالت روشن/تیره: محو نرم رنگ‌ها (کلاس را Boot فقط ~۳۸۰ms می‌گذارد) */
html.theme-fade *,html.theme-fade *::before,html.theme-fade *::after{transition-property:background-color,color,border-color,fill,stroke,box-shadow!important;transition-duration:.3s!important;transition-timing-function:ease!important;transition-delay:0s!important}
/* بیرون از دید: توقف انیمیشن‌های بی‌پایان (کلاس را Boot با IntersectionObserver می‌گذارد) */
.an-off,.an-off *,.an-off *::before,.an-off *::after{animation-play-state:paused!important}
/* چشمِ رمز: انتهای فیلد (راست)، متن از چپ شروع می‌شود و زیر چشم نمی‌رود */
.au-i .au-eye{left:auto;right:8px}.au-i input[type=password],.au-i input[dir=ltr]{padding-right:46px}
/* کلام امام شهید: رنگ باکس (قرمز خونیِ شهادت / سبزِ ولادت) از فیلد «رنگ باکس» */
.qfull.tone-blood{--tn:158,18,28;--tn2:110,11,20;--tnl:#B3202A}.qfull.tone-green{--tn:22,128,76;--tn2:10,84,48;--tnl:#1F9D5F}
html body .qfull[class*=tone-],html body .kl-card[class*=tone-]{border-color:rgba(var(--tn),.55)!important;background-image:radial-gradient(62% 140% at 100% 0%,rgba(var(--tn),.34),transparent 62%),radial-gradient(50% 110% at 0% 100%,rgba(var(--tn2),.28),transparent 62%)!important;box-shadow:0 24px 60px -32px rgba(var(--tn),.7),inset 0 1px 0 rgba(255,255,255,.1)!important}
html body .qfull[class*=tone-]::after{background:linear-gradient(90deg,rgb(var(--tn2)),var(--tnl),rgb(var(--tn2)))!important}
html body .qfull[class*=tone-]::before{color:rgba(var(--tn),.22)!important}
.qfull[class*=tone-] .qf-hd small,.qfull[class*=tone-] .qf-no b,.qfull[class*=tone-] .qf-all{color:var(--tnl)!important}
.qfull[class*=tone-] .qf-face span{box-shadow:0 0 0 3px rgba(var(--tn),.5),0 10px 26px -10px rgba(var(--tn),.7)!important}
@media(max-width:860px){.fquote{margin-top:16px}}
/* نشان نقل‌قول عنوان خبر: آیکن SVG به‌جای نویسهٔ « */
.nh-q{display:inline-flex;vertical-align:.08em;opacity:.8}.nh-q svg{width:.62em;height:.62em;fill:currentColor}
/* دکمه‌های حساب روی سرتیتر تیره: خوانا در هر دو حالت */
html body .ac-acts .btn-s{color:#fff!important;background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.34)!important}
html body .ac-acts .btn-s:hover{background:rgba(255,255,255,.26)!important}
.nh-id .nh-k-in{display:inline-flex;align-self:flex-start;order:-1;margin:0 0 6px;background:#17171B;color:#E9C987}
#skov.skeep{animation:none!important}#skov.skeep.out{transition:opacity .2s ease-out}
body.xs-busy .xs-main{opacity:.55;transition:opacity .15s}.xs-main{transition:opacity .2s}
/* تصویر جایگزین پاستیلی (مطلب بدون عکس): ویرگول بزرگ روی گرادیان هم‌رنگ بخش */
.ph-pastel{--a:hsl(var(--h,40) 72% 91%);--b:hsl(calc(var(--h,40) + 24) 66% 82%);display:block;position:relative;width:100%;height:100%;aspect-ratio:16/10;overflow:hidden;background:radial-gradient(60% 80% at 85% 10%,rgba(255,255,255,.75),transparent 60%),linear-gradient(135deg,var(--a),var(--b))}
.ph-pastel::before,.ph-pastel::after{content:"";position:absolute;border-radius:50%;background:hsl(var(--h,40) 80% 96% / .55)}.ph-pastel::before{width:46%;aspect-ratio:1;inset-inline-start:-10%;bottom:-24%}.ph-pastel::after{width:26%;aspect-ratio:1;inset-inline-end:8%;top:12%}
.ph-pastel svg{position:absolute;inset:0;margin:auto;width:34%;max-width:96px;min-width:28px;height:auto;aspect-ratio:1;fill:hsl(var(--h,40) 55% 56% / .55);filter:drop-shadow(0 6px 14px hsl(var(--h,40) 60% 50% / .25))}
[data-theme=dark] .ph-pastel{--a:hsl(var(--h,40) 30% 24%);--b:hsl(calc(var(--h,40) + 24) 34% 18%)}[data-theme=dark] .ph-pastel svg{fill:hsl(var(--h,40) 60% 70% / .6)}
/* صفحهٔ ویدیو: پلیر مثل یوتیوب (تمام‌عرض در موبایل) و عنوان و متن زیرش */
.vp-page{display:flex;flex-direction:column}.vp-page>*{order:3}.vp-page>.vp-pl{order:1;padding-bottom:0}.vp-page>.ph{order:2}.vp-page>.vp-body{order:4}
.vp-pl .vplayer{overflow:hidden;border-radius:22px}.vp-body .abody{margin-top:8px}
.pp-tabs{display:flex;gap:4px;padding:2px 2px 6px;border-bottom:1px solid rgba(233,201,135,.25);margin-bottom:4px}.pp-tabs button{flex:1;padding:6px 8px!important;font-size:.78rem!important;border-radius:8px!important}.pp-tabs button.on{background:rgba(233,201,135,.2)!important;color:#E9C987!important}
@media(max-width:860px){
  .vp-page>.vp-pl{padding-top:0}.vp-pl>.wrap{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
  .vp-pl .vplayer{border-radius:0!important;box-shadow:none!important;border:0!important;margin:0;background:#000}
  .vp-pl .pp{border-radius:0}
  html body .vp-pl .vplayer.card{margin-inline:0!important;width:100%!important;max-width:none!important}
  .vp-page>.ph{padding:14px 0 0;background:none!important}.vp-page>.ph .crumbs{display:none}.vp-page>.ph>.wrap{background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0 16px!important}.vp-page>.ph h1{font-size:1.15rem!important;line-height:1.8!important;margin:0}
  .pp-menu{display:grid;grid-template-columns:repeat(3,minmax(64px,1fr));max-width:min(300px,86vw);right:-44px;bottom:42px}.pp-tabs{grid-column:1/-1}
}
/* پلیر حرفهٔ ویدیو (الگوی نماوا، هویت روزنامه) */
.pp{position:relative;background:#000;color:#fff;outline:0;user-select:none;-webkit-user-select:none;aspect-ratio:16/9;overflow:hidden}.pp .pp-v{width:100%;height:100%;display:block;object-fit:contain;background:#000}
.pp.fs{aspect-ratio:auto;width:100vw;height:100vh}
.pp svg{width:100%;height:100%;fill:currentColor;stroke:none;display:block}
.pp-big{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:84px;height:84px;padding:24px;border:0;border-radius:50%;cursor:pointer;color:#2a1a05;background:linear-gradient(135deg,#E9C987,#C98F3F);box-shadow:0 0 0 12px rgba(233,201,135,.2),0 18px 40px -12px rgba(0,0,0,.8);transition:transform .25s cubic-bezier(.34,1.4,.5,1)}.pp-big svg{margin-inline-start:3px}.pp-big:hover{transform:translate(-50%,-50%) scale(1.07)}
.pp-spin{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;border:4px solid rgba(255,255,255,.25);border-top-color:#E9C987;animation:spin .8s linear infinite;pointer-events:none}
.pp-toast{position:absolute;left:50%;top:14%;transform:translateX(-50%);padding:6px 16px;border-radius:99px;background:rgba(0,0,0,.65);font-weight:800;font-size:.86rem;pointer-events:none;animation:lsIn .2s both}
.pp-resume{position:absolute;inset-inline-start:14px;top:14px;padding:8px 16px;border-radius:99px;border:1px solid rgba(233,201,135,.6);background:rgba(0,0,0,.6);color:#F3DCAE;font:inherit;font-weight:800;font-size:.84rem;cursor:pointer;backdrop-filter:blur(6px)}
.pp-ctl{position:absolute;inset-inline:0;bottom:0;padding:34px 14px 10px;background:linear-gradient(0deg,rgba(0,0,0,.82),rgba(0,0,0,.4) 55%,transparent);opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s;pointer-events:none}
.pp.ui .pp-ctl{opacity:1;transform:none;pointer-events:auto}.pp:not(.started) .pp-ctl{opacity:0;pointer-events:none}.pp:not(.ui).started{cursor:none}
.pp-bar-w{position:relative;height:22px;display:flex;align-items:center;cursor:pointer;touch-action:none}
.pp-bar{position:relative;width:100%;height:4px;border-radius:4px;background:rgba(255,255,255,.28);transition:height .15s}.pp-bar-w:hover .pp-bar{height:7px}
.pp-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:4px;display:block}.pp-buf{background:rgba(255,255,255,.35)}.pp-cur{background:linear-gradient(90deg,#C98F3F,#E9C987)}.pp-cur b{position:absolute;right:-7px;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:#E9C987;box-shadow:0 0 0 4px rgba(233,201,135,.3);transform:scale(0);transition:transform .15s}.pp-bar-w:hover .pp-cur b,.pp.ui .pp-cur b{transform:scale(1)}
.pp-tip{position:absolute;bottom:26px;transform:translateX(-50%);padding:3px 9px;border-radius:8px;background:rgba(0,0,0,.8);font-size:.76rem;font-weight:800;pointer-events:none;white-space:nowrap}
.pp-row{display:flex;align-items:center;gap:4px}.pp-sp{flex:1}
.pp-b{position:relative;width:40px;height:40px;padding:9px;border:0;border-radius:12px;background:none;color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .15s,transform .15s}.pp-b:hover{background:rgba(255,255,255,.14)}.pp-b:active{transform:scale(.92)}
.pp-sk em{position:absolute;font-style:normal;font-size:.62rem;font-weight:900;top:50%;left:50%;transform:translate(-50%,-34%)}
.pp-rate em{font-style:normal;font-weight:900;font-size:.82rem;color:#E9C987}
.pp-time{font-size:.82rem;font-weight:700;margin-inline:8px;opacity:.95;white-space:nowrap}
.pp-vol{display:inline-flex;align-items:center}.pp-vol input{width:0;opacity:0;transition:width .2s,opacity .2s;accent-color:#E9C987;height:4px}.pp-vol:hover input,.pp-vol:focus-within input{width:84px;opacity:1;margin-inline:2px 8px}
.pp-mw{position:relative}.pp-menu{position:absolute;bottom:46px;right:0;min-width:110px;padding:6px;border-radius:14px;background:rgba(18,16,13,.96);border:1px solid rgba(233,201,135,.35);box-shadow:0 18px 40px -16px #000;display:grid;gap:2px}.pp-menu button{border:0;background:none;color:#fff;padding:8px 12px;border-radius:9px;font:inherit;font-weight:700;font-size:.84rem;cursor:pointer;text-align:center}.pp-menu button:hover{background:rgba(255,255,255,.12)}.pp-menu button.on{background:linear-gradient(135deg,#E9C987,#C98F3F);color:#2a1a05}
@media(max-width:700px){.pp-big{width:64px;height:64px;padding:18px}.pp-vol input{display:none}.pp-time{margin-inline:4px;font-size:.74rem}.pp-b{width:36px;height:36px;padding:8px}.pp-ctl{padding-inline:8px}}
@media(prefers-reduced-motion:reduce){.pp-ctl,.pp-big,.pp-b{transition:none}.pp-spin{animation-duration:2s}}
/* تبلیغ پلیر ویدیو (غیرقابل‌رد) */
.adv-w{position:relative}.adv-ov{position:absolute;inset:0;z-index:5;background:#000;display:grid;place-items:center;animation:lsIn .25s ease-out both}
.adv-m{width:100%;height:100%;object-fit:contain;background:#000;display:block}.adv-lk{position:absolute;inset:0;z-index:1}
.adv-bar{position:absolute;z-index:2;inset-inline:0;bottom:0;display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent);color:#fff;font-size:.82rem;pointer-events:none}.adv-bar b{min-width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(233,201,135,.9);color:#2a1a05;font-size:.95rem}
/* باکس ویدیوی صفحهٔ اصلی: باند جوهری-طلایی، ویدیوی بزرگ + قاب عمودی ریلز (دسکتاپ) + ردیف اسکرولی */
.vh-sec{position:relative;margin:34px 0 8px;padding:30px 0 22px;background:radial-gradient(60% 120% at 100% 0%,rgba(233,201,135,.2),transparent 60%),linear-gradient(135deg,#15120e,#2a2015 62%,#1a140e);color:#fff;border-block:1px solid rgba(233,201,135,.28)}
.vh-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:18px}.vh-hd small{display:block;color:rgba(233,201,135,.7);letter-spacing:.14em;font-size:.72rem;font-weight:800;margin-bottom:4px}
.vh-hd h2{margin:0;font-family:Abar,Vazirmatn,sans-serif;font-weight:900;font-size:clamp(1.35rem,2.6vw,2rem);color:#fff}.vh-hd h2 span{color:#E9C987}
.vh-all{flex:none;display:inline-flex;gap:6px;align-items:center;padding:8px 16px;border-radius:99px;background:rgba(233,201,135,.14);border:1px solid rgba(233,201,135,.45);color:#F3DCAE;font-weight:800;font-size:.84rem;transition:background .2s}.vh-all:hover{background:rgba(233,201,135,.28)}
.vh-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.vh-grid.has-reel{grid-template-columns:minmax(0,1fr) auto}
.vh-main{position:relative;display:block;border-radius:26px;overflow:hidden;height:clamp(320px,36vw,480px);background:#0e0c0a;color:#fff;box-shadow:0 30px 70px -34px #000,0 0 0 1px rgba(233,201,135,.2);isolation:isolate}.vh-main>img,.vh-main>.ph-pastel{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.22,1,.36,1)}.vh-main:hover>img{transform:scale(1.04)}
.vh-pl{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16);border:1.5px solid rgba(233,201,135,.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 0 0 10px rgba(233,201,135,.12);transition:transform .35s cubic-bezier(.34,1.4,.5,1)}.vh-main:hover .vh-pl{transform:translate(-50%,-50%) scale(1.08)}.vh-pl svg{width:28px;height:28px;fill:#E9C987;stroke:none}
.vh-t{position:absolute;inset-inline:0;bottom:0;padding:clamp(16px,2.4vw,28px);display:grid;gap:8px}.vh-t h3{margin:0;font-family:Abar,Vazirmatn,sans-serif;font-weight:900;font-size:clamp(1.05rem,2.1vw,1.7rem);line-height:1.55;text-wrap:balance}.vh-t small{opacity:.8}
.mm-reel.vh-reel{height:clamp(320px,36vw,480px);width:auto;aspect-ratio:9/16;box-shadow:0 26px 54px -26px #000,0 0 0 1px rgba(233,201,135,.35)}
.vh-rt{position:absolute;bottom:auto;top:10px;inset-inline-start:10px;font-style:normal;font-weight:900;font-size:.7rem;padding:3px 10px;border-radius:99px;background:linear-gradient(135deg,#E9C987,#C98F3F);color:#2a1a05}.vh-sec .mm-reel .mm-rplay{display:none}
.vh-rail{margin-top:18px;gap:14px}.vh-rail .mm-reel{width:150px}
.vh-i{width:min(250px,66vw);display:grid;gap:7px;align-content:start;color:#fff}.vh-im{position:relative;display:block;aspect-ratio:16/10;border-radius:16px;overflow:hidden;background:#17171B;box-shadow:0 0 0 1px rgba(233,201,135,.18);transition:transform .3s cubic-bezier(.22,1,.36,1)}.vh-i:hover .vh-im{transform:translateY(-3px)}.vh-im img,.vh-im .ph-pastel{width:100%;height:100%;object-fit:cover;display:block}
.vh-im i{position:absolute;inset-inline-start:8px;bottom:8px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.6);backdrop-filter:blur(6px);color:#E9C987}.vh-im i svg{fill:currentColor;stroke:none}.vh-im em{position:absolute;inset-inline-end:8px;bottom:8px;font-style:normal;font-size:.7rem;font-weight:800;padding:2px 8px;border-radius:99px;background:rgba(0,0,0,.6)}
.vh-i b{font-size:.88rem;line-height:1.75;font-weight:800;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vh-i small{opacity:.6;font-size:.74rem}
.vh-m{display:none}
.vh-tri{display:none}
/* دسکتاپ: چند ویدیو کنار هم (۳ باکس هم‌اندازه)؛ موبایل همان ویدیوی بزرگ + ریل */
@media(min-width:861px){.vh-tri{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.vh-tri.n2{grid-template-columns:repeat(2,minmax(0,1fr))}.vh-grid.vh-m-only{display:none}.vh-main.vh-c{height:clamp(260px,22vw,340px);border-radius:22px}.vh-c .vh-pl{width:58px;height:58px;top:40%}.vh-c .vh-t h3{font-size:clamp(.98rem,1.3vw,1.2rem);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vh-tri+.vh-rail{display:none}}
@media(min-width:861px){.vh-sec .vh-rail{display:none}}
@media(max-width:860px){.vh-sec{padding:22px 0 16px}.vh-grid.has-reel{grid-template-columns:minmax(0,1fr)}.vh-d{display:none}.vh-m{display:block}.vh-main{height:auto;aspect-ratio:16/11;border-radius:20px}.vh-pl{width:56px;height:56px;top:38%}.vh-t h3{font-size:1rem}.vh-rail{margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px}.vh-all{padding:7px 12px;font-size:.78rem}.vh-rail .mm-reel{width:132px}}
/* ویترین چندرسانه‌ای (/multimedia/) */
.mm-top{padding:18px 0 4px}.mm-nav{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-top:12px;padding-bottom:2px}.mm-nav::-webkit-scrollbar{display:none}
.mm-nav a{flex:0 0 auto;padding:7px 16px;border-radius:99px;font-weight:800;font-size:.86rem;background:rgba(219,163,93,.14);color:var(--tx);border:1px solid rgba(219,163,93,.35);transition:background .2s,transform .2s}.mm-nav a:hover{background:rgba(219,163,93,.28)}.mm-nav a:active{transform:scale(.96)}
.mm-hero-s{padding:8px 0 6px}
.mm-hero{position:relative;display:block;border-radius:30px;overflow:hidden;aspect-ratio:21/9;background:#121114;color:#fff;box-shadow:0 30px 70px -36px rgba(0,0,0,.7);isolation:isolate}
.mm-hero .mm-hp{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.22,1,.36,1)}.mm-hero:hover .mm-hp{transform:scale(1.04)}
.mm-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(14,12,10,.92) 0%,rgba(14,12,10,.55) 38%,rgba(14,12,10,.08) 70%),linear-gradient(90deg,rgba(14,12,10,.55),transparent 55%)}
.mm-play{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16);border:1.5px solid rgba(233,201,135,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 0 0 12px rgba(233,201,135,.12);transition:transform .35s cubic-bezier(.34,1.4,.5,1)}.mm-play svg{width:34px;height:34px;fill:#E9C987;stroke:none}.mm-hero:hover .mm-play{transform:translate(-50%,-50%) scale(1.08)}
.mm-ht{position:absolute;inset-inline:0;bottom:0;padding:clamp(18px,3vw,38px);display:grid;gap:10px;max-width:760px}
.mm-chip{justify-self:start;display:inline-flex;gap:6px;align-items:center;padding:5px 14px;border-radius:99px;background:#17171B;color:#E9C987;font-weight:800;font-size:.78rem;border:1px solid rgba(233,201,135,.45)}
.mm-ht h1{margin:0;font-family:Abar,Vazirmatn,sans-serif;font-weight:900;font-size:clamp(1.35rem,3.1vw,2.5rem);line-height:1.5;text-wrap:balance}
.mm-ht p{margin:0;opacity:.82;font-size:.98rem;line-height:1.9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mm-hm{display:flex;flex-wrap:wrap;gap:14px;align-items:center;font-size:.84rem;opacity:.95}.mm-hm span{display:inline-flex;gap:5px;align-items:center;opacity:.8}
.mm-btn{display:inline-flex;gap:7px;align-items:center;padding:9px 20px;border-radius:99px;background:linear-gradient(135deg,#E9C987,#C98F3F);color:#2a1a05;font-weight:900}
.mm-sec{padding-top:26px}
.mm-rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:6px 2px 14px;margin-inline:-2px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.mm-rail::-webkit-scrollbar{display:none}.mm-rail>*{scroll-snap-align:start;flex:0 0 auto}
.mm-reel{position:relative;width:176px;aspect-ratio:9/16;border-radius:22px;overflow:hidden;background:#17171B;color:#fff;box-shadow:0 18px 36px -22px rgba(0,0,0,.65);transition:transform .35s cubic-bezier(.22,1,.36,1)}.mm-reel:hover{transform:translateY(-4px)}.mm-reel:active{transform:scale(.97)}
.mm-reel .mm-rp{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.mm-reel b{position:absolute;inset-inline:0;bottom:0;padding:34px 12px 12px;font-size:.84rem;line-height:1.7;font-weight:800;background:linear-gradient(0deg,rgba(0,0,0,.82),transparent)}
.mm-rplay{position:absolute;top:10px;inset-inline-start:10px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.45);backdrop-filter:blur(6px)}.mm-rplay svg{fill:#fff;stroke:none}
.mm-reel em{position:absolute;top:10px;inset-inline-end:10px;font-style:normal;font-size:.7rem;font-weight:800;padding:2px 8px;border-radius:99px;background:rgba(0,0,0,.5)}
.mm-pod{margin-top:26px;padding:6px 0 18px;background:linear-gradient(135deg,#16130f,#2b2115 60%,#1b1510);color:#fff;border-block:1px solid rgba(233,201,135,.25)}
.mm-pod .sh h2,.mm-pod .sh p{color:#fff;-webkit-text-fill-color:#fff}.mm-pod .sh h2 span{color:#E9C987;-webkit-text-fill-color:#E9C987;background:none}.mm-pod .sh .en{color:rgba(255,255,255,.55)}.mm-pod .sh .btn{background:rgba(233,201,135,.16);color:#F3DCAE;border-color:rgba(233,201,135,.4)}
.mm-pods>*{width:min(214px,58vw)}
.mm-prog{margin:0 0 18px;padding:16px;border-radius:26px;background:rgba(255,255,255,.55);border:1px solid rgba(219,163,93,.25);box-shadow:0 18px 44px -30px rgba(0,0,0,.4)}[data-theme=dark] .mm-prog{background:rgba(255,255,255,.05)}
.mm-ph{display:flex;align-items:center;gap:12px;margin-bottom:12px}.mm-ph h3{margin:0;font-size:1.12rem;font-family:Abar,Vazirmatn,sans-serif;font-weight:900}.mm-ph small{opacity:.6}
.mm-pc{width:52px;height:52px;border-radius:16px;overflow:hidden;display:grid;place-items:center;background:rgba(219,163,93,.2);flex:none}.mm-pc img{width:100%;height:100%;object-fit:cover}
.mm-pitem{width:158px;display:grid;gap:7px;align-content:start;transition:transform .3s cubic-bezier(.22,1,.36,1)}.mm-pitem:hover{transform:translateY(-3px)}.mm-pitem:active{transform:scale(.97)}
.mm-pim{position:relative;aspect-ratio:16/10;border-radius:16px;overflow:hidden;background:rgba(0,0,0,.08);display:block}.mm-pim img{width:100%;height:100%;object-fit:cover}.mm-pim i{position:absolute;bottom:8px;inset-inline-start:8px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.55);color:#fff}
.mm-pitem b{font-size:.84rem;line-height:1.7;font-weight:800;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mm-pitem small{opacity:.6;font-size:.74rem}
.mm-two{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}
@media(max-width:860px){.mm-hero{aspect-ratio:16/13;border-radius:22px}.mm-btn{display:none}.mm-ht{gap:7px;padding:16px}.mm-ht h1{font-size:1.2rem}.mm-hm{font-size:.76rem;gap:10px}.mm-play{top:34%;width:72px;height:72px}.mm-reel{width:148px}.mm-two{grid-template-columns:1fr}.mm-rail{margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px}.mm-ht p{display:none}}
@media(prefers-reduced-motion:reduce){.mm-hero .mm-hp,.mm-reel,.mm-pitem,.mm-play{transition:none}}
/* لوگوی واقعی شبکه‌ها و نقش من */
.soc-real{width:22px;height:22px;object-fit:contain;border-radius:6px;flex:none;filter:none!important}
.shr-b .soc-real{width:24px;height:24px}
/* نمادِ نقش من سفید است (برای زمینهٔ قرمز برند)؛ پس کاشی قرمزِ برند با حلقهٔ سفید */
html body .shr-nm .nga-logo.ngl-mini{width:46px;height:46px;border-radius:15px;background:linear-gradient(135deg,#FF3552,#A30D20)!important;box-shadow:0 0 0 2px rgba(255,255,255,.92),0 8px 16px -6px rgba(0,0,0,.5)!important;display:grid;place-items:center}
html body .shr-nm .nga-logo .ngl-sym{filter:none!important;width:58%!important;height:auto!important;padding:0!important;background:none!important}
/* پنجرهٔ اشتراک عکس‌نوشته: زمینهٔ پررنگ‌تر (کم‌شیشه) و دکمه‌های رنگی */
html body .modal{background:rgba(14,11,9,.82);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
html body .modal .mb{background:#FBF8F2;color:#17171B;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 40px 90px -30px #000,0 0 0 1px rgba(201,143,63,.35)}
html[data-theme=dark] body .modal .mb{background:#181512;color:#F4EFE6;box-shadow:0 40px 90px -30px #000,0 0 0 1px rgba(233,201,135,.3)}
html body .shr-a{gap:10px}
html body .shr-a .btn{height:50px;border-radius:16px;font-weight:900;font-size:.95rem;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;transition:transform .2s,box-shadow .2s,filter .2s}
html body .shr-a .btn:active{transform:scale(.97)}
html body .shr-a #shrDl{background:linear-gradient(135deg,#E9C987,#C98F3F);color:#2a1a05;box-shadow:0 14px 28px -14px rgba(201,143,63,.9)}
html body .shr-a #shrSh{background:linear-gradient(135deg,#1F9D5F,#127a46);color:#fff;box-shadow:0 14px 28px -16px rgba(18,122,70,.9)}
html body .shr-a #shrLk{background:#17171B;color:#F3DCAE;box-shadow:0 14px 28px -16px rgba(0,0,0,.8),inset 0 0 0 1px rgba(233,201,135,.4)}
html body .shr-a .btn:hover{filter:brightness(1.07)}html body .shr-a .btn svg{stroke:currentColor}
/* نوار پایین خواننده (موبایل): زمینهٔ پررنگ تا صفحهٔ زیرش دیده نشود */
html body .buybar{background:rgba(251,248,242,.97)!important;-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important;box-shadow:0 -10px 30px -18px rgba(0,0,0,.5),inset 0 1px 0 rgba(201,143,63,.35)!important}
html[data-theme=dark] body .buybar{background:rgba(22,19,16,.97)!important}
html body .buybar .bb-fav:disabled{opacity:.35}
html body .buybar{gap:6px!important;padding-inline:10px!important}html body .buybar .bb-p{flex:1 1 0;min-width:0;text-align:center;overflow:hidden}html body .buybar .bb-p b{font-size:12.5px!important;white-space:nowrap}html body .buybar .bb-p small{white-space:nowrap}html body .buybar .btn{padding-inline:12px!important;flex:none}html body .buybar .bb-fav{width:40px!important;height:40px!important;flex:none}
/* اسپلش ورود */
#lsplash{position:fixed;inset:0;z-index:100000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#f7f5f1;animation:lsIn .28s ease-out both;transition:opacity .4s ease,transform .4s ease}
[data-theme=dark] #lsplash{background:#0F0F10}
#lsplash.out{opacity:0;transform:scale(1.03);pointer-events:none}
#lsplash .ls-aur{position:absolute;width:min(560px,90vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(219,163,93,.35),transparent);animation:lsPulse 2.4s ease-in-out infinite}
#lsplash .ls-lg{position:relative;width:min(260px,64vw);animation:lsPop .7s cubic-bezier(.2,.9,.3,1) both}#lsplash .ls-lg svg,#lsplash .ls-lg img{width:100%;height:auto;display:block}
#lsplash p{position:relative;margin:0;font-size:14px;color:var(--mu,#777);animation:lsUp .6s .25s both}
#lsplash .ls-bar{position:relative;width:120px;height:3px;border-radius:3px;background:rgba(128,128,128,.2);overflow:hidden}
#lsplash .ls-bar i{position:absolute;inset:0;background:var(--gold,#BE9650);border-radius:3px;transform:translate3d(100%,0,0);animation:skSw 1.1s cubic-bezier(.45,0,.25,1) infinite}
@keyframes lsIn{from{opacity:0}}@keyframes lsPop{from{opacity:0;transform:translateY(14px) scale(.92)}}@keyframes lsUp{from{opacity:0;transform:translateY(8px)}}@keyframes lsPulse{50%{transform:scale(1.12);opacity:.7}}
@media(prefers-reduced-motion:reduce){#lsplash,#lsplash *{animation:none!important}}
@media(prefers-reduced-motion:reduce){.sk::after{animation:none}#skov,#skov .sk-page{animation:none;transition:none}}
/* ===== اصلاحات موبایل (ممیزی ۱۴۰۵/۰۸): همپوشانی، حاشیهٔ کنار، فهرست جستجو، عرض‌های کوچک ===== */
@media(max-width:767px){
  /* کلام امام شهید (جمع‌شده): عنوان زیر دکمهٔ باز/بسته نرود و در عرض‌های کم بشکند */
  html .qfull:not(.qopen) .qf-hd,html .qfull:not(.qopen) .qf-t>p{right:0!important}
  html .qfull:not(.qopen) .qf-t{padding-left:56px!important;padding-right:10px!important}
  html .qfull:not(.qopen) .qf-hd b{white-space:normal!important;font-size:clamp(1rem,4.7vw,1.2rem)!important;line-height:1.6!important}
  /* تماس با ما: کارت سربرگ حاشیهٔ ۱۶ مثل بقیهٔ کارت‌ها داشته باشد */
  html .ct-hero>.wrap{width:auto!important;margin-inline:16px!important;padding:22px 20px 24px!important;border-radius:26px!important}
  /* نتایج جستجو: ردیف فشرده به‌جای کارت تمام‌عرض تا در هر صفحه چند برابر نتیجه دیده شود */
  html .xs-main .fxl{display:flex!important;flex-direction:column;gap:10px}
  html .xs-main .fxl>.fx{display:flex!important;flex-direction:row!important;align-items:center;gap:12px;padding:10px!important;border-radius:22px!important;min-height:0!important;height:auto!important}
  html .xs-main .fxl>.fx .fx-im{order:2;flex:0 0 96px!important;width:96px!important;height:96px!important;min-height:0!important;border-radius:16px!important}
  html .xs-main .fxl>.fx .fx-im .fav{width:34px;height:34px;top:4px;inset-inline-start:4px}
  html .xs-main .fxl>.fx .fx-b{flex:1;min-width:0;padding:2px!important;gap:6px!important}
  html .xs-main .fxl>.fx .fx-b h3{font-size:1rem!important;line-height:1.7!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  html .xs-main .fxl>.fx :is(.fx-lead,.fx-ft,.fx-ex,.fx-rel,.fx-tg,.fx-st){display:none!important}
  /* ورق‌زن روزنامه: پیش‌نمایش صفحات کوچک‌تر تا خود صفحه زودتر دیده شود */
  html .rt{flex:0 0 56px!important}
  html .rt small{font-size:.72rem}
}

/* چندرسانه‌ای = قرمز یوتیوبی: بخش «چندرسانه‌ای» خانه و نشانگر فعال منوی پایین در صفحه‌های چندرسانه‌ای */
html .vh-sec{background:radial-gradient(60% 120% at 100% 0%,rgba(255,0,0,.2),transparent 60%),linear-gradient(135deg,#140a0a,#2b0f0f 62%,#190b0b)!important;border-block-color:rgba(255,60,50,.28)!important}
html .vh-hd small{color:rgba(255,95,85,.85)!important}
html .vh-hd h2 span{color:#FF3B30!important}
html .vh-all{background:rgba(255,0,0,.14)!important;border-color:rgba(255,70,60,.5)!important;color:#FF9087!important}
html .vh-all:hover{background:rgba(255,0,0,.28)!important}
html .vh-sec .vh-main,html .vh-sec .mm-reel.vh-reel{box-shadow:0 30px 70px -34px #000,0 0 0 1px rgba(255,70,60,.28)!important}
html .vh-sec .vh-pl,html .vh-sec .mm-play{background:rgba(255,0,0,.9)!important;border:1.5px solid rgba(255,255,255,.85)!important;box-shadow:0 0 0 10px rgba(255,0,0,.18)!important}
html .vh-sec .vh-pl svg,html .vh-sec .mm-play svg{fill:#fff!important}
html .vh-sec .vh-rt,html .vh-sec .mm-btn{background:linear-gradient(135deg,#FF3B30,#C4160D)!important;color:#fff!important}
html .vh-sec .vh-im{box-shadow:0 0 0 1px rgba(255,70,60,.25)!important}
html .vh-sec .vh-im i,html .vh-sec .mm-chip{color:#FF6A60!important}
html .vh-sec .mm-chip{border-color:rgba(255,80,70,.5)!important}
html body nav.bnav.yt-on::after{background:linear-gradient(135deg,#FF4D43,#D50F06)!important;box-shadow:0 0 0 7px var(--bg),0 10px 22px -4px rgba(255,0,0,.55)!important}
html body nav.bnav.yt-on a.on,html[data-theme=dark] body nav.bnav.yt-on a.on{color:#fff!important}
