/* ============================================================
   رُک‌شو | RokShow — طراحی سینمایی: طلای متالیک روی ابسیدین
   فونت: تیترها «دوران» — بقیه‌ی متن‌ها «وزیرمتن»
   ============================================================ */

/* ---------- فونت دوران (فقط برای تیترها) ----------
   فایل‌های دوران را در assets/fonts/ بگذارید تا خودکار فعال شود. */
/* ---------- توکن‌ها ---------- */
:root {
  --gold-1:#F6E27A; --gold-2:#E0B33C; --gold-3:#D9A92C; --gold-4:#B07E12; --gold-5:#7A560B;
  --ember:#F7941D; --ember-deep:#D9760A;
  --gold-grad: linear-gradient(135deg,#F8E98C 0%,#E6B945 38%,#C8941E 66%,#8E6410 100%);
  --gold-line: linear-gradient(90deg,transparent,var(--gold-3) 18%,var(--gold-1) 50%,var(--gold-3) 82%,transparent);
  --yt:#FF0033;

  /* فونت‌ها: متن = وزیرمتن، تیتر = دوران */

  --r-sm:10px; --r-md:16px; --r-lg:22px; --r-xl:30px; --r-pill:999px;
  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --shadow-1:0 2px 10px rgba(0,0,0,.28);
  --shadow-2:0 18px 46px rgba(0,0,0,.42);

  /* ===== سیستم کادربندی ===== */
  --maxw:1220px;
  --maxw-narrow:760px;
  --gutter:clamp(16px,4vw,34px);
  --gap:clamp(14px,1.6vw,22px);
  --section-y:clamp(52px,7vw,96px);
  --card-pad:clamp(16px,1.6vw,22px);
  --nav-h:74px;

  --fs-eyebrow:clamp(.72rem,.68rem + .2vw,.82rem);
  --fs-body:clamp(.95rem,.9rem + .22vw,1.03rem);
  --fs-h3:clamp(1.05rem,.95rem + .55vw,1.3rem);
  --fs-h2:clamp(1.6rem,1.15rem + 2.1vw,2.6rem);
  --fs-hero:clamp(2.3rem,1.2rem + 5.6vw,5.2rem);
}

:root, [data-theme="dark"] {
  --bg:#08080A; --bg-2:#0E0E12;
  --bg-bloom-1: rgba(247,148,29,.16);
  --bg-bloom-2: rgba(217,169,44,.14);
  --surface:rgba(22,22,27,.72); --surface-solid:#15151A;
  --text:#F4F1EA; --text-dim:#A8A39A; --text-faint:#6E6A63;
  --line:rgba(255,255,255,.09); --line-strong:rgba(255,255,255,.16);
  --glass-bg: rgba(20,20,26,.55); --glass-border: rgba(255,255,255,.13);
  --glass-hi: rgba(255,255,255,.28); --glass-blur:22px; --glass-sat:150%;
  color-scheme: dark;
}
[data-theme="light"] {
  --bg:#EFEDE8; --bg-2:#F6F4EF;
  --bg-bloom-1: rgba(247,148,29,.18);
  --bg-bloom-2: rgba(217,169,44,.20);
  --surface:rgba(255,255,255,.78); --surface-solid:#FFFFFF;
  --text:#16140F; --text-dim:#5C574E; --text-faint:#948E82;
  --line:rgba(0,0,0,.10); --line-strong:rgba(0,0,0,.16);
  --glass-bg: rgba(255,255,255,.58); --glass-border: rgba(255,255,255,.75);
  --glass-hi: rgba(255,255,255,.95); --glass-blur:20px; --glass-sat:160%;
  --shadow-2:0 18px 46px rgba(120,90,20,.16);
  color-scheme: light;
}

/* ---------- بازنشانی ---------- */
*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; scroll-padding-top:calc(var(--nav-h) + 20px); }
@media (prefers-reduced-motion:reduce){ html{ scroll-behavior:auto; } }

body{
  margin:0; background:var(--bg); color:var(--text);
  font-family:var(--font-body);
  font-size:var(--fs-body); line-height:1.85; font-weight:400;
  letter-spacing:.1px; overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
body::before{
  content:""; position:fixed; inset:0; z-index:-2; pointer-events:none;
  background:
    radial-gradient(900px 620px at 82% -8%, var(--bg-bloom-1), transparent 62%),
    radial-gradient(760px 560px at 8% 4%, var(--bg-bloom-2), transparent 60%),
    linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 100%);
}

/* تیترها: فونت دوران — بقیه وزیرمتن */
h1,h2,h3,h4,h5,h6,
.hero-title,.sec-title,.page-title,.article-title,.feature-title,
.ncard-title,.vcard-title,.brand .name b,.stat-n,.hero-stats dt{
  font-family:var(--font-title);
  font-weight:800; line-height:1.45; letter-spacing:-.2px;
  margin:0 0 .5em;
}
p{ margin:0 0 1em; }
a{ color:inherit; text-decoration:none; }
img{ max-width:100%; display:block; height:auto; }
button,input,select,textarea{ font:inherit; font-family:var(--font-body); color:inherit; }
ul,ol{ margin:0; padding:0; list-style:none; }
hr{ border:0; }

::selection{ background:var(--gold-3); color:#0B0B0D; }
:focus-visible{ outline:2px solid var(--gold-2); outline-offset:3px; border-radius:6px; }

.skip-link{ position:absolute; right:-9999px; top:10px; z-index:999;
  background:var(--gold-3); color:#0B0B0D; padding:10px 18px; border-radius:var(--r-pill); font-weight:700; }
.skip-link:focus{ right:16px; }

/* ---------- کادر اصلی ---------- */
.wrap{ width:min(100% - (var(--gutter) * 2), var(--maxw)); margin-inline:auto; }
.wrap-narrow{ width:min(100% - (var(--gutter) * 2), var(--maxw-narrow)); margin-inline:auto; }
.section{ padding-block:var(--section-y); position:relative; }
.section-alt{ background:linear-gradient(180deg, transparent, rgba(217,169,44,.045) 22%, rgba(217,169,44,.045) 78%, transparent); }

/* ---------- شیشه‌ی مایع ---------- */
.glass{
  position:relative; background:var(--glass-bg);
  border:1px solid var(--glass-border); border-radius:var(--r-lg);
  backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-sat));
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-sat));
  box-shadow: var(--shadow-1), inset 0 1px 0 var(--glass-hi);
}
.glass::after{
  content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
  background:radial-gradient(420px 220px at var(--mx,50%) var(--my,0%), rgba(255,255,255,.10), transparent 60%);
  opacity:0; transition:opacity .4s var(--ease);
}
.glass:hover::after{ opacity:1; }

/* ---------- طلا ---------- */
.gold-text{ background:var(--gold-grad); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; }
.gold-rule{ height:1px; background:var(--gold-line); margin:34px 0; opacity:.7; }
.eyebrow{ display:inline-block; font-size:var(--fs-eyebrow); font-weight:700; letter-spacing:2px; margin-bottom:10px; }

/* ---------- دکمه‌ها ---------- */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
  padding:13px 26px; border-radius:var(--r-pill); border:1px solid transparent;
  font-weight:700; font-size:.95rem; cursor:pointer; white-space:nowrap;
  transition:transform .25s var(--ease), box-shadow .25s var(--ease), background .25s var(--ease);
}
.btn:hover{ transform:translateY(-2px); }
.btn:active{ transform:translateY(0); }
.btn-sm{ padding:9px 17px; font-size:.87rem; }
.btn-gold{ background:var(--gold-grad); color:#14100A; box-shadow:0 8px 24px rgba(217,169,44,.30); }
.btn-gold:hover{ box-shadow:0 14px 34px rgba(217,169,44,.42); }
.btn-yt{ background:var(--yt); color:#fff; box-shadow:0 8px 24px rgba(255,0,51,.30); }
.btn-yt:hover{ box-shadow:0 14px 34px rgba(255,0,51,.40); }
.btn-ghost{ background:transparent; border-color:var(--line-strong); color:var(--text); }
.btn-ghost:hover{ border-color:var(--gold-3); color:var(--gold-2); }
.btn-ember{ background:var(--ember); color:#14100A; }
.w-full{ width:100%; }

.icon-btn{ width:42px; height:42px; display:grid; place-items:center; border-radius:50%;
  background:transparent; border:1px solid var(--line); color:var(--text); cursor:pointer;
  transition:.25s var(--ease); flex-shrink:0; }
.icon-btn:hover{ border-color:var(--gold-3); color:var(--gold-2); transform:translateY(-2px); }

/* ---------- چیپ‌ها ---------- */
.chip{ display:inline-flex; align-items:center; gap:6px; padding:5px 13px; border-radius:var(--r-pill);
  font-size:.75rem; font-weight:700; background:rgba(0,0,0,.5); color:#fff;
  backdrop-filter:blur(8px); border:1px solid rgba(255,255,255,.16); }
.chip.gold{ background:var(--gold-grad); color:#14100A; border-color:transparent; }
[data-theme="light"] .chip{ background:rgba(255,255,255,.88); color:#16140F; border-color:rgba(0,0,0,.1); }

.chips{ display:flex; flex-wrap:wrap; gap:9px; margin-top:20px; }
.chip-btn{ padding:8px 16px; border-radius:var(--r-pill); font-size:.85rem; font-weight:600;
  border:1px solid var(--line); background:var(--surface); color:var(--text-dim); transition:.22s var(--ease); }
.chip-btn:hover{ border-color:var(--gold-3); color:var(--gold-2); }
.chip-btn.on{ background:var(--gold-grad); color:#14100A; border-color:transparent; }
.chip-btn .n{ opacity:.6; font-size:.78em; }
.chip-btn.sm{ padding:5px 12px; font-size:.78rem; }

/* ============ ناوبری ============ */
.nav{ position:sticky; top:0; z-index:80; padding:12px var(--gutter) 0; }
.nav-inner{ width:min(100%, var(--maxw)); margin-inline:auto; height:var(--nav-h); padding:0 18px;
  display:flex; align-items:center; gap:16px; border-radius:var(--r-pill); }
.brand{ display:flex; align-items:center; gap:11px; flex-shrink:0; }
.brand img{ width:44px; height:44px; object-fit:contain; filter:drop-shadow(0 3px 10px rgba(217,169,44,.35)); }
.brand .name{ display:flex; flex-direction:column; line-height:1.2; }
.brand .name b{ font-size:1.1rem; margin:0; }
.brand .name span{ font-size:.58rem; letter-spacing:3px; color:var(--text-faint); font-weight:600; }

.nav-links{ display:flex; align-items:center; gap:2px; margin-inline:auto; }
.nav-links a{ padding:9px 14px; border-radius:var(--r-pill); font-size:.92rem; font-weight:600;
  color:var(--text-dim); transition:.22s var(--ease); }
.nav-links a:hover{ color:var(--text); background:rgba(217,169,44,.09); }
.nav-links a.active{ color:var(--gold-2); background:rgba(217,169,44,.13); }
.nav-actions{ display:flex; align-items:center; gap:8px; }
.nav-burger{ display:none; }

.drawer{ position:fixed; inset:0; z-index:95; visibility:hidden; }
.drawer.open{ visibility:visible; }
.drawer-bg{ position:absolute; inset:0; background:rgba(0,0,0,.6); opacity:0; transition:opacity .35s var(--ease); }
.drawer.open .drawer-bg{ opacity:1; }
.drawer-panel{ position:absolute; inset-block:0; inset-inline-end:0; width:min(84vw,320px);
  padding:78px 24px 24px; border-radius:var(--r-xl) 0 0 var(--r-xl);
  display:flex; flex-direction:column; gap:5px; transform:translateX(100%);
  transition:transform .4s var(--ease-out); }
.drawer.open .drawer-panel{ transform:translateX(0); }
.drawer-panel a{ padding:13px 16px; border-radius:var(--r-md); font-weight:600; color:var(--text-dim); }
.drawer-panel a:hover,.drawer-panel a.active{ background:rgba(217,169,44,.12); color:var(--gold-2); }
.drawer-close{ position:absolute; top:20px; inset-inline-start:20px; width:40px; height:40px;
  border-radius:50%; border:1px solid var(--line); background:transparent; color:var(--text); cursor:pointer; }
.drawer-social{ margin-top:auto; display:flex; gap:12px; padding-top:20px; border-top:1px solid var(--line); }
.drawer-social a{ width:44px; height:44px; display:grid; place-items:center; border-radius:50%; border:1px solid var(--line); padding:0; }

/* ---------- فلش ---------- */
.flash-wrap{ padding:16px var(--gutter) 0; }
.flash{ width:min(100%, var(--maxw)); margin-inline:auto; display:flex; align-items:center; gap:11px;
  padding:14px 20px; border-radius:var(--r-md); font-weight:600; font-size:.93rem; border:1px solid;
  animation:flashIn .5s var(--ease-out); }
.flash.ok{ background:rgba(52,168,83,.12); border-color:rgba(52,168,83,.4); color:#5FD07C; }
.flash.err{ background:rgba(255,60,60,.12); border-color:rgba(255,60,60,.4); color:#FF7A7A; }
@keyframes flashIn{ from{ opacity:0; transform:translateY(-10px); } to{ opacity:1; transform:none; } }

/* ============ HERO ============ */
.hero{ position:relative; padding-block:clamp(46px,6vw,88px) clamp(30px,4vw,54px); overflow:hidden; }
.hero-wrap{ display:grid; grid-template-columns:1.15fr .85fr; align-items:center; gap:clamp(24px,4vw,60px); }
.beam{ position:absolute; top:-24%; width:min(46vw,560px); height:150%;
  background:linear-gradient(180deg, rgba(247,148,29,.20), transparent 70%);
  filter:blur(46px); pointer-events:none; z-index:0; }
.beam.l{ inset-inline-start:-12%; transform:rotate(14deg); }
.beam.r{ inset-inline-end:-12%; transform:rotate(-14deg); background:linear-gradient(180deg, rgba(217,169,44,.20), transparent 70%); }
.hero-copy{ position:relative; z-index:2; }

.live-badge{ display:inline-flex; align-items:center; gap:9px; padding:7px 16px; border-radius:var(--r-pill);
  background:rgba(255,0,51,.12); border:1px solid rgba(255,0,51,.32); color:#FF6B84;
  font-size:.82rem; font-weight:700; margin-bottom:20px; }
.live-badge .dot{ width:8px; height:8px; border-radius:50%; background:var(--yt); animation:pulse 1.8s infinite; }
@keyframes pulse{ 0%,100%{ opacity:1; box-shadow:0 0 0 0 rgba(255,0,51,.55); } 50%{ opacity:.65; box-shadow:0 0 0 7px rgba(255,0,51,0); } }

.hero-title{ font-size:var(--fs-hero); line-height:1.08; margin:0 0 18px; font-weight:900; }
.hero-sub-title{ display:block; font-size:clamp(1rem,.6rem + 1.5vw,1.8rem); font-weight:600;
  color:var(--text-dim); letter-spacing:0; margin-top:12px; line-height:1.5; }
.hero-lead{ font-size:clamp(.98rem,.94rem + .3vw,1.12rem); color:var(--text-dim); max-width:52ch; margin-bottom:26px; }
.hero-cta{ display:flex; flex-wrap:wrap; gap:12px; margin-bottom:34px; }

.hero-stats{ display:flex; flex-wrap:wrap; gap:clamp(18px,3vw,42px); margin:0; padding-top:24px; border-top:1px solid var(--line); }
.hero-stats div{ display:flex; flex-direction:column; }
.hero-stats dt{ font-size:clamp(1.3rem,1rem + 1.1vw,1.9rem); font-weight:900; margin:0;
  background:var(--gold-grad); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.hero-stats dd{ margin:0; font-size:.82rem; color:var(--text-faint); }

.hero-art{ position:relative; display:grid; place-items:center; z-index:1; }
.hero-logo{ width:min(100%,390px); object-fit:contain; filter:drop-shadow(0 26px 60px rgba(217,169,44,.42));
  animation:float 7s ease-in-out infinite; }
@keyframes float{ 0%,100%{ transform:translateY(0) rotate(-1.5deg); } 50%{ transform:translateY(-18px) rotate(1.5deg); } }
.hero-ring{ position:absolute; width:min(86%,370px); aspect-ratio:1; border-radius:50%;
  border:1px solid rgba(217,169,44,.28); z-index:-1; box-shadow:0 0 90px rgba(217,169,44,.22) inset;
  animation:spin 26s linear infinite; }
@keyframes spin{ to{ transform:rotate(360deg); } }

.ticker{
  position:relative; overflow:hidden; padding:14px 0;
  /* کل نوار چپ‌به‌راست چیده می‌شود تا حلقه در سایت راست‌به‌چپ هم درست بچرخد */
  direction:ltr;
  border-block:1px solid var(--line);
  background:linear-gradient(90deg, rgba(217,169,44,.05), transparent 30%, transparent 70%, rgba(217,169,44,.05));
  -webkit-mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
          mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.ticker-track{
  display:flex; align-items:center; width:max-content;
  /* جریان نوار همیشه چپ‌به‌راست است تا حلقه در حالت RTL هم درست بچرخد؛
     متن فارسی داخل هر قطعه با الگوریتم دوسویه‌ی مرورگر درست نمایش داده می‌شود. */
  direction:ltr;
  animation:ticker var(--ticker-time, 34s) linear infinite;
  will-change:transform;
}
.ticker-track > .tk-set{ direction:ltr; }
.ticker-track span{ direction:rtl; unicode-bidi:isolate; }
/* هر «نسخه» از متن‌ها */
.tk-set{ display:flex; align-items:center; flex:none; }
.ticker-track span{
  flex:none; white-space:nowrap; padding-inline:6px;
  font-family:var(--font-title); font-size:.95rem; font-weight:600; color:var(--text-dim);
}
.ticker-track i{ flex:none; padding-inline:16px; font-style:normal; font-size:.6rem; color:var(--gold-3); }

/* توقف هنگام نگه‌داشتن موس — روی لمسی اعمال نمی‌شود تا نوار گیر نکند */
@media (hover:hover) and (pointer:fine){
  .ticker:hover .ticker-track{ animation-play-state:paused; }
}

/* پیش‌فرض: دقیقاً نصف مسیر (یعنی یک نسخه‌ی کامل) → حلقه‌ی بی‌درز حتی بدون جاوااسکریپت */
@keyframes ticker{
  from{ transform:translate3d(0,0,0); }
  to{ transform:translate3d(var(--ticker-shift, -50%),0,0); }
}
@media (prefers-reduced-motion: reduce){
  .ticker-track{ animation:none; }
}
/* ============================================================
   رُک‌شو | RokShow — طراحی سینمایی: طلای متالیک روی ابسیدین
   فونت: تیترها «دوران» — بقیه‌ی متن‌ها «وزیرمتن»
   ============================================================ */

/* ---------- فونت دوران (فقط برای تیترها) ----------
   فایل‌های دوران را در assets/fonts/ بگذارید تا خودکار فعال شود. */
/* ---------- توکن‌ها ---------- */
:root {
  --gold-1:#F6E27A; --gold-2:#E0B33C; --gold-3:#D9A92C; --gold-4:#B07E12; --gold-5:#7A560B;
  --ember:#F7941D; --ember-deep:#D9760A;
  --gold-grad: linear-gradient(135deg,#F8E98C 0%,#E6B945 38%,#C8941E 66%,#8E6410 100%);
  --gold-line: linear-gradient(90deg,transparent,var(--gold-3) 18%,var(--gold-1) 50%,var(--gold-3) 82%,transparent);
  --yt:#FF0033;

  /* فونت‌ها: متن = وزیرمتن، تیتر = دوران */

  --r-sm:10px; --r-md:16px; --r-lg:22px; --r-xl:30px; --r-pill:999px;
  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --shadow-1:0 2px 10px rgba(0,0,0,.28);
  --shadow-2:0 18px 46px rgba(0,0,0,.42);

  /* ===== سیستم کادربندی ===== */
  --maxw:1220px;
  --maxw-narrow:760px;
  --gutter:clamp(16px,4vw,34px);
  --gap:clamp(14px,1.6vw,22px);
  --section-y:clamp(52px,7vw,96px);
  --card-pad:clamp(16px,1.6vw,22px);
  --nav-h:74px;

  --fs-eyebrow:clamp(.72rem,.68rem + .2vw,.82rem);
  --fs-body:clamp(.95rem,.9rem + .22vw,1.03rem);
  --fs-h3:clamp(1.05rem,.95rem + .55vw,1.3rem);
  --fs-h2:clamp(1.6rem,1.15rem + 2.1vw,2.6rem);
  --fs-hero:clamp(2.3rem,1.2rem + 5.6vw,5.2rem);
}

:root, [data-theme="dark"] {
  --bg:#08080A; --bg-2:#0E0E12;
  --bg-bloom-1: rgba(247,148,29,.16);
  --bg-bloom-2: rgba(217,169,44,.14);
  --surface:rgba(22,22,27,.72); --surface-solid:#15151A;
  --text:#F4F1EA; --text-dim:#A8A39A; --text-faint:#6E6A63;
  --line:rgba(255,255,255,.09); --line-strong:rgba(255,255,255,.16);
  --glass-bg: rgba(20,20,26,.55); --glass-border: rgba(255,255,255,.13);
  --glass-hi: rgba(255,255,255,.28); --glass-blur:22px; --glass-sat:150%;
  color-scheme: dark;
}
[data-theme="light"] {
  --bg:#EFEDE8; --bg-2:#F6F4EF;
  --bg-bloom-1: rgba(247,148,29,.18);
  --bg-bloom-2: rgba(217,169,44,.20);
  --surface:rgba(255,255,255,.78); --surface-solid:#FFFFFF;
  --text:#16140F; --text-dim:#5C574E; --text-faint:#948E82;
  --line:rgba(0,0,0,.10); --line-strong:rgba(0,0,0,.16);
  --glass-bg: rgba(255,255,255,.58); --glass-border: rgba(255,255,255,.75);
  --glass-hi: rgba(255,255,255,.95); --glass-blur:20px; --glass-sat:160%;
  --shadow-2:0 18px 46px rgba(120,90,20,.16);
  color-scheme: light;
}

/* ---------- بازنشانی ---------- */
*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; scroll-padding-top:calc(var(--nav-h) + 20px); }
@media (prefers-reduced-motion:reduce){ html{ scroll-behavior:auto; } }

body{
  margin:0; background:var(--bg); color:var(--text);
  font-family:var(--font-body);
  font-size:var(--fs-body); line-height:1.85; font-weight:400;
  letter-spacing:.1px; overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
body::before{
  content:""; position:fixed; inset:0; z-index:-2; pointer-events:none;
  background:
    radial-gradient(900px 620px at 82% -8%, var(--bg-bloom-1), transparent 62%),
    radial-gradient(760px 560px at 8% 4%, var(--bg-bloom-2), transparent 60%),
    linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 100%);
}

/* تیترها: فونت دوران — بقیه وزیرمتن */
h1,h2,h3,h4,h5,h6,
.hero-title,.sec-title,.page-title,.article-title,.feature-title,
.ncard-title,.vcard-title,.brand .name b,.stat-n,.hero-stats dt{
  font-family:var(--font-title);
  font-weight:800; line-height:1.45; letter-spacing:-.2px;
  margin:0 0 .5em;
}
p{ margin:0 0 1em; }
a{ color:inherit; text-decoration:none; }
img{ max-width:100%; display:block; height:auto; }
button,input,select,textarea{ font:inherit; font-family:var(--font-body); color:inherit; }
ul,ol{ margin:0; padding:0; list-style:none; }
hr{ border:0; }

::selection{ background:var(--gold-3); color:#0B0B0D; }
:focus-visible{ outline:2px solid var(--gold-2); outline-offset:3px; border-radius:6px; }

.skip-link{ position:absolute; right:-9999px; top:10px; z-index:999;
  background:var(--gold-3); color:#0B0B0D; padding:10px 18px; border-radius:var(--r-pill); font-weight:700; }
.skip-link:focus{ right:16px; }

/* ---------- کادر اصلی ---------- */
.wrap{ width:min(100% - (var(--gutter) * 2), var(--maxw)); margin-inline:auto; }
.wrap-narrow{ width:min(100% - (var(--gutter) * 2), var(--maxw-narrow)); margin-inline:auto; }
.section{ padding-block:var(--section-y); position:relative; }
.section-alt{ background:linear-gradient(180deg, transparent, rgba(217,169,44,.045) 22%, rgba(217,169,44,.045) 78%, transparent); }

/* ---------- شیشه‌ی مایع ---------- */
.glass{
  position:relative; background:var(--glass-bg);
  border:1px solid var(--glass-border); border-radius:var(--r-lg);
  backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-sat));
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-sat));
  box-shadow: var(--shadow-1), inset 0 1px 0 var(--glass-hi);
}
.glass::after{
  content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
  background:radial-gradient(420px 220px at var(--mx,50%) var(--my,0%), rgba(255,255,255,.10), transparent 60%);
  opacity:0; transition:opacity .4s var(--ease);
}
.glass:hover::after{ opacity:1; }

/* ---------- طلا ---------- */
.gold-text{ background:var(--gold-grad); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; }
.gold-rule{ height:1px; background:var(--gold-line); margin:34px 0; opacity:.7; }
.eyebrow{ display:inline-block; font-size:var(--fs-eyebrow); font-weight:700; letter-spacing:2px; margin-bottom:10px; }

/* ---------- دکمه‌ها ---------- */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
  padding:13px 26px; border-radius:var(--r-pill); border:1px solid transparent;
  font-weight:700; font-size:.95rem; cursor:pointer; white-space:nowrap;
  transition:transform .25s var(--ease), box-shadow .25s var(--ease), background .25s var(--ease);
}
.btn:hover{ transform:translateY(-2px); }
.btn:active{ transform:translateY(0); }
.btn-sm{ padding:9px 17px; font-size:.87rem; }
.btn-gold{ background:var(--gold-grad); color:#14100A; box-shadow:0 8px 24px rgba(217,169,44,.30); }
.btn-gold:hover{ box-shadow:0 14px 34px rgba(217,169,44,.42); }
.btn-yt{ background:var(--yt); color:#fff; box-shadow:0 8px 24px rgba(255,0,51,.30); }
.btn-yt:hover{ box-shadow:0 14px 34px rgba(255,0,51,.40); }
.btn-ghost{ background:transparent; border-color:var(--line-strong); color:var(--text); }
.btn-ghost:hover{ border-color:var(--gold-3); color:var(--gold-2); }
.btn-ember{ background:var(--ember); color:#14100A; }
.w-full{ width:100%; }

.icon-btn{ width:42px; height:42px; display:grid; place-items:center; border-radius:50%;
  background:transparent; border:1px solid var(--line); color:var(--text); cursor:pointer;
  transition:.25s var(--ease); flex-shrink:0; }
.icon-btn:hover{ border-color:var(--gold-3); color:var(--gold-2); transform:translateY(-2px); }

/* ---------- چیپ‌ها ---------- */
.chip{ display:inline-flex; align-items:center; gap:6px; padding:5px 13px; border-radius:var(--r-pill);
  font-size:.75rem; font-weight:700; background:rgba(0,0,0,.5); color:#fff;
  backdrop-filter:blur(8px); border:1px solid rgba(255,255,255,.16); }
.chip.gold{ background:var(--gold-grad); color:#14100A; border-color:transparent; }
[data-theme="light"] .chip{ background:rgba(255,255,255,.88); color:#16140F; border-color:rgba(0,0,0,.1); }

.chips{ display:flex; flex-wrap:wrap; gap:9px; margin-top:20px; }
.chip-btn{ padding:8px 16px; border-radius:var(--r-pill); font-size:.85rem; font-weight:600;
  border:1px solid var(--line); background:var(--surface); color:var(--text-dim); transition:.22s var(--ease); }
.chip-btn:hover{ border-color:var(--gold-3); color:var(--gold-2); }
.chip-btn.on{ background:var(--gold-grad); color:#14100A; border-color:transparent; }
.chip-btn .n{ opacity:.6; font-size:.78em; }
.chip-btn.sm{ padding:5px 12px; font-size:.78rem; }

/* ============ ناوبری ============ */
.nav{ position:sticky; top:0; z-index:80; padding:12px var(--gutter) 0; }
.nav-inner{ width:min(100%, var(--maxw)); margin-inline:auto; height:var(--nav-h); padding:0 18px;
  display:flex; align-items:center; gap:16px; border-radius:var(--r-pill); }
.brand{ display:flex; align-items:center; gap:11px; flex-shrink:0; }
.brand img{ width:44px; height:44px; object-fit:contain; filter:drop-shadow(0 3px 10px rgba(217,169,44,.35)); }
.brand .name{ display:flex; flex-direction:column; line-height:1.2; }
.brand .name b{ font-size:1.1rem; margin:0; }
.brand .name span{ font-size:.58rem; letter-spacing:3px; color:var(--text-faint); font-weight:600; }

.nav-links{ display:flex; align-items:center; gap:2px; margin-inline:auto; }
.nav-links a{ padding:9px 14px; border-radius:var(--r-pill); font-size:.92rem; font-weight:600;
  color:var(--text-dim); transition:.22s var(--ease); }
.nav-links a:hover{ color:var(--text); background:rgba(217,169,44,.09); }
.nav-links a.active{ color:var(--gold-2); background:rgba(217,169,44,.13); }
.nav-actions{ display:flex; align-items:center; gap:8px; }
.nav-burger{ display:none; }

.drawer{ position:fixed; inset:0; z-index:95; visibility:hidden; }
.drawer.open{ visibility:visible; }
.drawer-bg{ position:absolute; inset:0; background:rgba(0,0,0,.6); opacity:0; transition:opacity .35s var(--ease); }
.drawer.open .drawer-bg{ opacity:1; }
.drawer-panel{ position:absolute; inset-block:0; inset-inline-end:0; width:min(84vw,320px);
  padding:78px 24px 24px; border-radius:var(--r-xl) 0 0 var(--r-xl);
  display:flex; flex-direction:column; gap:5px; transform:translateX(100%);
  transition:transform .4s var(--ease-out); }
.drawer.open .drawer-panel{ transform:translateX(0); }
.drawer-panel a{ padding:13px 16px; border-radius:var(--r-md); font-weight:600; color:var(--text-dim); }
.drawer-panel a:hover,.drawer-panel a.active{ background:rgba(217,169,44,.12); color:var(--gold-2); }
.drawer-close{ position:absolute; top:20px; inset-inline-start:20px; width:40px; height:40px;
  border-radius:50%; border:1px solid var(--line); background:transparent; color:var(--text); cursor:pointer; }
.drawer-social{ margin-top:auto; display:flex; gap:12px; padding-top:20px; border-top:1px solid var(--line); }
.drawer-social a{ width:44px; height:44px; display:grid; place-items:center; border-radius:50%; border:1px solid var(--line); padding:0; }

/* ---------- فلش ---------- */
.flash-wrap{ padding:16px var(--gutter) 0; }
.flash{ width:min(100%, var(--maxw)); margin-inline:auto; display:flex; align-items:center; gap:11px;
  padding:14px 20px; border-radius:var(--r-md); font-weight:600; font-size:.93rem; border:1px solid;
  animation:flashIn .5s var(--ease-out); }
.flash.ok{ background:rgba(52,168,83,.12); border-color:rgba(52,168,83,.4); color:#5FD07C; }
.flash.err{ background:rgba(255,60,60,.12); border-color:rgba(255,60,60,.4); color:#FF7A7A; }
@keyframes flashIn{ from{ opacity:0; transform:translateY(-10px); } to{ opacity:1; transform:none; } }

/* ============ HERO ============ */
.hero{ position:relative; padding-block:clamp(46px,6vw,88px) clamp(30px,4vw,54px); overflow:hidden; }
.hero-wrap{ display:grid; grid-template-columns:1.15fr .85fr; align-items:center; gap:clamp(24px,4vw,60px); }
.beam{ position:absolute; top:-24%; width:min(46vw,560px); height:150%;
  background:linear-gradient(180deg, rgba(247,148,29,.20), transparent 70%);
  filter:blur(46px); pointer-events:none; z-index:0; }
.beam.l{ inset-inline-start:-12%; transform:rotate(14deg); }
.beam.r{ inset-inline-end:-12%; transform:rotate(-14deg); background:linear-gradient(180deg, rgba(217,169,44,.20), transparent 70%); }
.hero-copy{ position:relative; z-index:2; }

.live-badge{ display:inline-flex; align-items:center; gap:9px; padding:7px 16px; border-radius:var(--r-pill);
  background:rgba(255,0,51,.12); border:1px solid rgba(255,0,51,.32); color:#FF6B84;
  font-size:.82rem; font-weight:700; margin-bottom:20px; }
.live-badge .dot{ width:8px; height:8px; border-radius:50%; background:var(--yt); animation:pulse 1.8s infinite; }
@keyframes pulse{ 0%,100%{ opacity:1; box-shadow:0 0 0 0 rgba(255,0,51,.55); } 50%{ opacity:.65; box-shadow:0 0 0 7px rgba(255,0,51,0); } }

.hero-title{ font-size:var(--fs-hero); line-height:1.08; margin:0 0 18px; font-weight:900; }
.hero-sub-title{ display:block; font-size:clamp(1rem,.6rem + 1.5vw,1.8rem); font-weight:600;
  color:var(--text-dim); letter-spacing:0; margin-top:12px; line-height:1.5; }
.hero-lead{ font-size:clamp(.98rem,.94rem + .3vw,1.12rem); color:var(--text-dim); max-width:52ch; margin-bottom:26px; }
.hero-cta{ display:flex; flex-wrap:wrap; gap:12px; margin-bottom:34px; }

.hero-stats{ display:flex; flex-wrap:wrap; gap:clamp(18px,3vw,42px); margin:0; padding-top:24px; border-top:1px solid var(--line); }
.hero-stats div{ display:flex; flex-direction:column; }
.hero-stats dt{ font-size:clamp(1.3rem,1rem + 1.1vw,1.9rem); font-weight:900; margin:0;
  background:var(--gold-grad); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.hero-stats dd{ margin:0; font-size:.82rem; color:var(--text-faint); }

.hero-art{ position:relative; display:grid; place-items:center; z-index:1; }
.hero-logo{ width:min(100%,390px); object-fit:contain; filter:drop-shadow(0 26px 60px rgba(217,169,44,.42));
  animation:float 7s ease-in-out infinite; }
@keyframes float{ 0%,100%{ transform:translateY(0) rotate(-1.5deg); } 50%{ transform:translateY(-18px) rotate(1.5deg); } }
.hero-ring{ position:absolute; width:min(86%,370px); aspect-ratio:1; border-radius:50%;
  border:1px solid rgba(217,169,44,.28); z-index:-1; box-shadow:0 0 90px rgba(217,169,44,.22) inset;
  animation:spin 26s linear infinite; }
@keyframes spin{ to{ transform:rotate(360deg); } }

.ticker{ margin-top:clamp(30px,4vw,56px); padding:14px 0; overflow:hidden;
  border-block:1px solid var(--line); background:rgba(217,169,44,.05); }
.ticker-track{ display:flex; align-items:center; gap:26px; width:max-content; animation:slideRtl 34s linear infinite; }
.ticker-track span{ font-size:.9rem; font-weight:700; color:var(--text-dim); white-space:nowrap; }
.ticker-track i{ color:var(--gold-3); font-size:.6rem; font-style:normal; }
@keyframes slideRtl{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }

/* ============================================================
   سرتیتر بخش‌ها و شبکه‌ها (کادربندی یکنواخت)
   ============================================================ */
.sec-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:20px;
  margin-bottom:clamp(22px,3vw,38px); flex-wrap:wrap; }
.sec-head-text{ max-width:60ch; }
.sec-title{ font-size:var(--fs-h2); margin:0; }
.sec-title.sm{ font-size:clamp(1.25rem,1rem + 1vw,1.6rem); }
.sec-sub{ color:var(--text-dim); margin:8px 0 0; font-size:.95rem; }
.sec-more{ display:inline-flex; align-items:center; gap:8px; font-weight:700; font-size:.9rem;
  color:var(--gold-2); padding:8px 0; white-space:nowrap; transition:gap .25s var(--ease); }
.sec-more:hover{ gap:13px; }

.grid{ display:grid; gap:var(--gap); }
.grid-2{ grid-template-columns:repeat(2,1fr); }
.grid-3{ grid-template-columns:repeat(3,1fr); }
.grid-4{ grid-template-columns:repeat(4,1fr); }
.grid-reels{ grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); }

/* ریل افقی ریلز */
.rail{ display:flex; gap:var(--gap); overflow-x:auto; padding-bottom:12px; scroll-snap-type:x mandatory;
  scrollbar-width:thin; scrollbar-color:var(--gold-4) transparent; }
.rail::-webkit-scrollbar{ height:6px; }
.rail::-webkit-scrollbar-thumb{ background:var(--gold-4); border-radius:99px; }
.rail > *{ flex:0 0 clamp(160px,20vw,215px); scroll-snap-align:start; }

/* ============ کارت خبر ============ */
.ncard{ overflow:hidden; transition:transform .35s var(--ease), border-color .35s var(--ease); }
.ncard:hover{ transform:translateY(-6px); border-color:rgba(217,169,44,.4); }
.ncard-link{ display:flex; flex-direction:column; height:100%; }
.ncover{ position:relative; aspect-ratio:16/9; overflow:hidden; background:var(--surface-solid); }
.ncover img{ width:100%; height:100%; object-fit:cover; transition:transform .6s var(--ease); }
.ncard:hover .ncover img{ transform:scale(1.06); }
.ncover .chip{ position:absolute; inset-block-start:12px; inset-inline-start:12px; }
.ncard-body{ padding:var(--card-pad); display:flex; flex-direction:column; gap:10px; flex:1; }
.ncard-title{ font-size:var(--fs-h3); margin:0; line-height:1.6;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.ncard:hover .ncard-title{ color:var(--gold-2); }
.ncard-exc{ color:var(--text-dim); font-size:.9rem; margin:0; line-height:1.8;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.ncard-meta{ display:flex; flex-wrap:wrap; gap:14px; margin-top:auto; padding-top:12px;
  border-top:1px solid var(--line); font-size:.78rem; color:var(--text-faint); }
.ncard-meta i{ color:var(--gold-4); margin-inline-end:4px; }
.ncard-meta .read-more{ margin-inline-start:auto; color:var(--gold-2); font-weight:700; }

/* چیدمان خبر ویژه + کناری */
.news-layout{ display:grid; grid-template-columns:1.25fr .75fr; gap:var(--gap); align-items:start; }
.feature{ overflow:hidden; height:100%; transition:transform .35s var(--ease); }
.feature:hover{ transform:translateY(-5px); }
.feature-cover{ position:relative; aspect-ratio:16/10; overflow:hidden; }
.feature-cover img{ width:100%; height:100%; object-fit:cover; transition:transform .7s var(--ease); }
.feature:hover .feature-cover img{ transform:scale(1.05); }
.feature-cover .chip{ position:absolute; inset-block-start:14px; inset-inline-start:14px; }
.feature-body{ padding:clamp(18px,2vw,28px); display:flex; flex-direction:column; gap:12px; }
.feature-title{ font-size:clamp(1.25rem,1rem + 1.3vw,1.85rem); margin:0; line-height:1.55; }
.feature:hover .feature-title{ color:var(--gold-2); }
.feature-body > p{ color:var(--text-dim); margin:0; }
.news-side{ display:grid; gap:var(--gap); }

/* ============ کارت ویدیو ============ */
.vcard{ overflow:hidden; transition:transform .35s var(--ease), border-color .35s var(--ease); }
.vcard:hover{ transform:translateY(-6px); border-color:rgba(217,169,44,.4); }
.vthumb{ position:relative; aspect-ratio:16/9; overflow:hidden; background:#111; }
.vthumb img{ width:100%; height:100%; object-fit:cover; transition:transform .6s var(--ease); }
.vcard:hover .vthumb img{ transform:scale(1.07); }
.vthumb .play, .player-fallback .play{
  position:absolute; inset:0; margin:auto; width:56px; height:56px; border-radius:50%;
  display:grid; place-items:center; background:rgba(255,0,51,.92); color:#fff; font-size:1.05rem;
  box-shadow:0 8px 24px rgba(255,0,51,.4); transition:transform .3s var(--ease); }
.vthumb .play.sm{ width:44px; height:44px; font-size:.85rem; }
.vcard:hover .vthumb .play{ transform:scale(1.12); }
.vthumb .dur{ position:absolute; inset-block-end:10px; inset-inline-end:10px;
  background:rgba(0,0,0,.78); color:#fff; font-size:.72rem; font-weight:700;
  padding:3px 9px; border-radius:6px; }
.vthumb .chip.ep{ position:absolute; inset-block-start:10px; inset-inline-start:10px; }
.vcard-body{ padding:var(--card-pad); }
.vcard-title{ font-size:1rem; margin:0 0 10px; line-height:1.65;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.vcard:hover .vcard-title{ color:var(--gold-2); }
.vcard-meta{ display:flex; flex-wrap:wrap; gap:14px; font-size:.78rem; color:var(--text-faint); }
.vcard-meta i{ color:var(--gold-4); margin-inline-end:4px; }

/* ============ ریلز ============ */
.reel{ position:relative; display:block; aspect-ratio:9/16; overflow:hidden; border-radius:var(--r-lg);
  transition:transform .35s var(--ease); }
.reel:hover{ transform:translateY(-6px); }
.reel img{ width:100%; height:100%; object-fit:cover; }
.reel::after{ content:""; position:absolute; inset:0; z-index:1;
  background:linear-gradient(180deg, transparent 40%, rgba(0,0,0,.85)); }
.reel-play{ position:absolute; inset:0; margin:auto; width:46px; height:46px; z-index:2;
  border-radius:50%; display:grid; place-items:center; background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.5); color:#fff; backdrop-filter:blur(6px); }
.reel-info{ position:absolute; inset-block-end:0; inset-inline:0; z-index:2; padding:14px;
  display:flex; flex-direction:column; gap:4px; color:#fff; }
.reel-info b{ font-size:.88rem; font-weight:700; line-height:1.6;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.reel-info span{ font-size:.74rem; opacity:.85; }
.reel-info i{ margin-inline-end:4px; }

/* ============ تیزر ============ */
.tcard{ overflow:hidden; display:block; transition:transform .35s var(--ease), border-color .35s var(--ease); }
.tcard:hover{ transform:translateY(-6px); border-color:rgba(217,169,44,.4); }
.tthumb{ position:relative; aspect-ratio:16/9; overflow:hidden; background:#111; }
.tthumb img{ width:100%; height:100%; object-fit:cover; transition:transform .6s var(--ease); }
.tcard:hover .tthumb img{ transform:scale(1.06); }
.tthumb .play{ position:absolute; inset:0; margin:auto; width:46px; height:46px; border-radius:50%;
  display:grid; place-items:center; background:rgba(255,0,51,.92); color:#fff; font-size:.85rem; }
.tcard-body{ padding:var(--card-pad); }
.tcard-body h3{ font-size:1rem; margin:0 0 6px; line-height:1.6; }
.tcard:hover .tcard-body h3{ color:var(--gold-2); }
.tcard-body p{ color:var(--text-dim); font-size:.85rem; margin:0; }

/* ============ پرسش و پاسخ ============ */
.faq{ display:grid; gap:12px; }
.faq-item{ padding:0; overflow:hidden; }
.faq-item summary{ display:flex; align-items:center; justify-content:space-between; gap:14px;
  padding:18px var(--card-pad); font-weight:700; cursor:pointer; list-style:none;
  font-family:var(--font-title); font-size:1rem; }
.faq-item summary::-webkit-details-marker{ display:none; }
.faq-item summary i{ color:var(--gold-3); transition:transform .3s var(--ease); font-size:.8rem; }
.faq-item[open] summary i{ transform:rotate(180deg); }
.faq-item[open] summary{ color:var(--gold-2); }
.faq-a{ padding:0 var(--card-pad) 20px; color:var(--text-dim); border-top:1px solid var(--line); padding-top:16px; }
.faq-a p{ margin:0; }

/* ============ CTA ============ */
.cta{ text-align:center; padding:clamp(30px,5vw,58px) var(--card-pad); }
.cta h2{ font-size:var(--fs-h2); margin:0 0 12px; }
.cta p{ color:var(--text-dim); max-width:52ch; margin-inline:auto; }
.cta-btns{ display:flex; flex-wrap:wrap; gap:12px; justify-content:center; margin-top:22px; }

/* ============ سر صفحه‌های داخلی ============ */
.page-head{ padding-block:clamp(28px,4vw,52px) 0; }
.page-title{ font-size:var(--fs-h2); margin:0 0 10px; }
.page-lead{ color:var(--text-dim); max-width:58ch; margin:0; }
.mt{ margin-top:14px; }

.searchbar{ display:flex; align-items:center; gap:10px; padding:8px 8px 8px 8px;
  padding-inline-start:18px; border-radius:var(--r-pill); margin-top:24px; max-width:560px; }
.searchbar i{ color:var(--text-faint); }
.searchbar input{ flex:1; background:transparent; border:0; outline:none; padding:8px 0; font-size:.95rem; }

/* مسیر راهنما */
.crumbs{ margin-bottom:16px; }
.crumbs ol{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; font-size:.82rem; color:var(--text-faint); }
.crumbs li + li::before{ content:"/"; margin-inline-end:8px; opacity:.5; }
.crumbs a:hover{ color:var(--gold-2); }

/* صفحه‌بندی */
.pager{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:clamp(28px,4vw,48px); }
.pg{ min-width:42px; height:42px; padding:0 14px; display:inline-flex; align-items:center; justify-content:center;
  gap:6px; border-radius:var(--r-pill); border:1px solid var(--line); background:var(--surface);
  font-size:.88rem; font-weight:600; color:var(--text-dim); transition:.22s var(--ease); }
.pg:hover{ border-color:var(--gold-3); color:var(--gold-2); }
.pg.on{ background:var(--gold-grad); color:#14100A; border-color:transparent; }
.pg.dots{ border:0; background:transparent; }

/* حالت خالی */
.empty{ text-align:center; padding:clamp(38px,6vw,70px) 24px; }
.empty i{ font-size:2.4rem; color:var(--gold-4); margin-bottom:14px; }
.empty h3{ margin:0 0 8px; }
.empty p{ color:var(--text-dim); margin:0; }

/* ============================================================
   صفحه‌ی خبر
   ============================================================ */
.article{ padding-block:clamp(28px,4vw,54px) 0; }
.article-head{ margin-bottom:26px; }
.article-head .chip{ margin-bottom:14px; }
.article-title{ font-size:clamp(1.6rem,1.2rem + 2vw,2.7rem); margin:0 0 16px; line-height:1.5; }
.article-lead{ font-size:clamp(1rem,.96rem + .35vw,1.16rem); color:var(--text-dim); line-height:1.9; margin:0 0 18px; }
.article-meta{ display:flex; flex-wrap:wrap; gap:18px; padding-top:16px; border-top:1px solid var(--line);
  font-size:.82rem; color:var(--text-faint); }
.article-meta i{ color:var(--gold-4); margin-inline-end:5px; }

.article-hero{ margin:0 0 30px; overflow:hidden; padding:0; }
.article-hero img{ width:100%; aspect-ratio:16/9; object-fit:cover; }

.article-body{ font-size:1.03rem; line-height:2.05; }
.article-body h2{ font-size:clamp(1.2rem,1rem + 1vw,1.6rem); margin:38px 0 14px; color:var(--gold-2); }
.article-body h3{ font-size:1.12rem; margin:28px 0 12px; }
.article-body p{ margin:0 0 1.3em; color:var(--text); }
.article-body blockquote{ margin:26px 0; padding:18px 22px; border-inline-start:3px solid var(--gold-3);
  background:rgba(217,169,44,.07); border-radius:var(--r-md); color:var(--text-dim); font-size:1.05rem; }
.article-body ul{ margin:0 0 1.3em; padding-inline-start:6px; }
.article-body li{ position:relative; padding-inline-start:22px; margin-bottom:8px; }
.article-body li::before{ content:"◆"; position:absolute; inset-inline-start:0; color:var(--gold-3); font-size:.62rem; top:.55em; }

.tags{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:30px 0; }
.tags-label{ font-size:.85rem; color:var(--text-faint); font-weight:600; }
.tags-label i{ color:var(--gold-4); }

.share{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px;
  padding:16px var(--card-pad); margin-bottom:44px; }
.share-label{ font-weight:700; font-size:.92rem; }
.share-btns{ display:flex; gap:9px; }
.sh{ width:42px; height:42px; border-radius:50%; display:grid; place-items:center; cursor:pointer;
  border:1px solid var(--line); background:transparent; color:var(--text-dim); transition:.25s var(--ease); }
.sh:hover{ transform:translateY(-3px); color:#fff; }
.sh.tg:hover{ background:#229ED9; border-color:#229ED9; }
.sh.wa:hover{ background:#25D366; border-color:#25D366; }
.sh.tw:hover{ background:#000; border-color:#000; }
.sh.copy:hover{ background:var(--gold-3); border-color:var(--gold-3); color:#14100A; }
.sh.copied{ background:#34A853; border-color:#34A853; color:#fff; }

/* ============ دیدگاه‌ها ============ */
.comments{ margin-bottom:20px; }
.comments .count{ display:inline-grid; place-items:center; min-width:30px; height:30px; padding:0 9px;
  border-radius:var(--r-pill); background:var(--gold-grad); color:#14100A; font-size:.82rem; margin-inline-start:8px; }

.comment-form{ padding:var(--card-pad); margin-bottom:32px; }
.hp{ position:absolute; inset-inline-start:-9999px; width:1px; height:1px; overflow:hidden; }
.cf-row{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.field{ display:flex; flex-direction:column; gap:7px; margin-bottom:14px; }
.field label{ font-size:.85rem; font-weight:600; color:var(--text-dim); }
.req{ color:var(--yt); }
.input{ width:100%; padding:12px 15px; border-radius:var(--r-md); border:1px solid var(--line);
  background:var(--surface); color:var(--text); font-size:.94rem; transition:.22s var(--ease); }
.input:focus{ outline:none; border-color:var(--gold-3); box-shadow:0 0 0 3px rgba(217,169,44,.16); }
textarea.input{ resize:vertical; min-height:96px; line-height:1.8; }

.cf-reply-to{ display:flex; align-items:center; gap:10px; padding:10px 14px; margin-bottom:14px;
  border-radius:var(--r-md); background:rgba(217,169,44,.1); font-size:.86rem; }
.cf-cancel{ margin-inline-start:auto; background:none; border:0; color:var(--yt); cursor:pointer; font-size:.82rem; font-weight:600; }

.comment-list{ display:flex; flex-direction:column; gap:16px; }
.comment{ padding:0; }
.c-main{ display:flex; gap:13px; padding:16px; border-radius:var(--r-lg);
  border:1px solid var(--line); background:var(--surface); }
.avatar{ width:44px; height:44px; flex-shrink:0; border-radius:50%; display:grid; place-items:center;
  background:var(--gold-grad); color:#14100A; font-weight:900; font-size:1.1rem;
  font-family:var(--font-title); }
.avatar.sm{ width:34px; height:34px; font-size:.9rem; }
.c-body{ flex:1; min-width:0; }
.c-head{ display:flex; align-items:center; gap:10px; margin-bottom:6px; }
.c-head b{ font-size:.94rem; }
.c-head time{ font-size:.75rem; color:var(--text-faint); }
.c-body p{ margin:0 0 10px; font-size:.94rem; line-height:1.85; }
.c-actions{ display:flex; gap:16px; }
.c-actions button{ background:none; border:0; cursor:pointer; font-size:.8rem; font-weight:600;
  color:var(--text-faint); transition:.2s var(--ease); display:inline-flex; align-items:center; gap:6px; }
.c-actions button:hover{ color:var(--gold-2); }
.c-like.on{ color:var(--yt); }
.c-replies{ margin-top:12px; margin-inline-start:clamp(16px,4vw,44px);
  display:flex; flex-direction:column; gap:12px;
  border-inline-start:2px solid var(--line); padding-inline-start:14px; }
.no-comments{ text-align:center; color:var(--text-faint); padding:26px 0; }

/* ============ پخش‌کننده‌ی ویدیو ============ */
.player{ position:relative; aspect-ratio:16/9; overflow:hidden; margin-bottom:26px; padding:0; }
.player iframe{ width:100%; height:100%; border:0; display:block; }
.player-fallback{ position:relative; display:block; width:100%; height:100%; }
.player-fallback img{ width:100%; height:100%; object-fit:cover; }
.watch-on{ display:flex; align-items:center; flex-wrap:wrap; gap:11px; margin:24px 0 10px; }
.watch-on > span{ font-weight:700; font-size:.9rem; color:var(--text-dim); }

/* ============ ۴۰۴ ============ */
.err-page{ min-height:56vh; display:grid; place-items:center; }
.err-box{ text-align:center; padding:clamp(32px,5vw,60px); }
.err-box img{ margin-inline:auto; margin-bottom:18px; opacity:.9; }
.err-box h1{ font-size:clamp(3rem,2rem + 5vw,5.5rem); margin:0; line-height:1; }
.err-box h2{ margin:10px 0; }
.err-box p{ color:var(--text-dim); }

/* ============ درباره / تماس ============ */
.about-grid{ display:grid; grid-template-columns:1.6fr .9fr; gap:var(--gap); align-items:start; }
.about-main{ padding:clamp(22px,3vw,38px); }
.about-main h2{ font-size:clamp(1.15rem,1rem + .9vw,1.5rem); color:var(--gold-2); margin:30px 0 12px; }
.about-main h2:first-child{ margin-top:0; }
.about-main p{ color:var(--text-dim); }
.about-main a{ color:var(--gold-2); border-bottom:1px solid rgba(217,169,44,.4); }
.about-side{ display:grid; gap:14px; }
.stat-card{ padding:22px; text-align:center; }
.stat-n{ display:block; font-size:clamp(1.6rem,1.2rem + 1.6vw,2.4rem); font-weight:900; margin:0 0 4px; }
.stat-n.sm{ font-size:1.15rem; }
.stat-l{ display:block; font-size:.84rem; color:var(--text-faint); }
.stat-card.accent{ border-color:rgba(217,169,44,.35); background:rgba(217,169,44,.08); }

.contact-grid{ display:grid; grid-template-columns:1.4fr .8fr; gap:var(--gap); align-items:start; }
.contact-form{ padding:clamp(20px,2.5vw,32px); }
.contact-side{ display:grid; gap:13px; }
.info-card{ padding:20px; text-align:center; }
.info-card i{ font-size:1.4rem; color:var(--gold-3); margin-bottom:10px; }
.info-card h3{ font-size:.92rem; margin:0 0 5px; }
.info-card a{ color:var(--text-dim); font-size:.85rem; word-break:break-all; }
.info-card a:hover{ color:var(--gold-2); }

/* ============================================================
   پاورقی + شبکه‌های اجتماعی (همه‌ی صفحات)
   ============================================================ */
.totop{ position:fixed; inset-block-end:24px; inset-inline-start:24px; z-index:70;
  width:46px; height:46px; border-radius:50%; display:grid; place-items:center;
  cursor:pointer; color:var(--gold-2); opacity:0; visibility:hidden;
  transform:translateY(14px); transition:.35s var(--ease); }
.totop.show{ opacity:1; visibility:visible; transform:none; }

.footer{ padding-block:clamp(44px,6vw,76px) 28px; border-top:1px solid var(--line);
  background:linear-gradient(180deg, transparent, rgba(217,169,44,.05)); margin-top:20px; }

.social-bar{ padding:clamp(22px,3vw,34px); margin-bottom:clamp(30px,4vw,50px); }
.social-bar-head{ text-align:center; margin-bottom:24px; }
.social-bar-head h2{ font-size:clamp(1.2rem,1rem + 1vw,1.6rem); margin:0; }
.social-cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:13px; }
.social-card{ display:flex; align-items:center; gap:13px; padding:15px 18px;
  border-radius:var(--r-md); border:1px solid var(--line); background:var(--surface);
  transition:.28s var(--ease); }
.social-card:hover{ transform:translateY(-4px); border-color:transparent; }
.sc-icon{ width:44px; height:44px; flex-shrink:0; border-radius:12px; display:grid; place-items:center;
  font-size:1.15rem; color:#fff; }
.social-card.yt .sc-icon{ background:var(--yt); }
.social-card.ig .sc-icon{ background:linear-gradient(45deg,#F58529,#DD2A7B,#8134AF); }
.social-card.ap .sc-icon{ background:linear-gradient(135deg,#E5387B,#A4276A); }
.social-card.yt:hover{ background:rgba(255,0,51,.12); }
.social-card.ig:hover{ background:rgba(221,42,123,.12); }
.social-card.ap:hover{ background:rgba(229,56,123,.12); }
.sc-text{ display:flex; flex-direction:column; line-height:1.5; min-width:0; }
.sc-text b{ font-size:.94rem; }
.sc-text span{ font-size:.78rem; color:var(--text-faint); overflow:hidden; text-overflow:ellipsis; }
.sc-go{ margin-inline-start:auto; color:var(--text-faint); font-size:.8rem; transition:.25s var(--ease); }
.social-card:hover .sc-go{ color:var(--gold-2); transform:translate(4px,-4px); }

.footer-grid{ display:grid; grid-template-columns:1.6fr .8fr .8fr 1.1fr; gap:clamp(20px,3vw,40px); }
.footer-col h3{ font-size:.95rem; margin:0 0 14px; }
.footer-col p{ color:var(--text-dim); font-size:.88rem; }
.about-col .brand{ margin-bottom:14px; }
.footer-links{ display:flex; flex-direction:column; gap:9px; }
.footer-links a{ color:var(--text-dim); font-size:.88rem; transition:.2s var(--ease); }
.footer-links a:hover{ color:var(--gold-2); padding-inline-start:5px; }
.footer-bot{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px;
  font-size:.8rem; color:var(--text-faint); }
.footer-bot .made i{ color:var(--yt); }

/* ============ انیمیشن ظاهرشدن ============ */
.reveal{ opacity:0; transform:translateY(22px); transition:opacity .7s var(--ease-out), transform .7s var(--ease-out); }
.reveal.in{ opacity:1; transform:none; }
.reveal[data-d="1"]{ transition-delay:.05s; }
.reveal[data-d="2"]{ transition-delay:.12s; }
.reveal[data-d="3"]{ transition-delay:.19s; }
@media (prefers-reduced-motion:reduce){
  .reveal{ opacity:1; transform:none; transition:none; }
  .hero-logo,.hero-ring,.ticker-track{ animation:none; }
}

/* تصویر خراب → کادر طلایی برند */
.img-failed{ background:var(--gold-grad) !important; position:relative; }
.img-failed::after{ content:"رُک‌شو"; position:absolute; inset:0; display:grid; place-items:center;
  color:#14100A; font-family:var(--font-title); font-weight:900; font-size:1.1rem; }

/* ============================================================
   واکنش‌گرا | Responsive
   ============================================================ */
@media (max-width:1080px){
  .grid-4{ grid-template-columns:repeat(3,1fr); }
  .footer-grid{ grid-template-columns:1.4fr 1fr 1fr; }
  .footer-col:last-child{ grid-column:1 / -1; }
}
@media (max-width:900px){
  .nav-links{ display:none; }
  .nav-burger{ display:grid; }
  .nav-actions{ margin-inline-start:auto; }
  .hero-wrap{ grid-template-columns:1fr; text-align:center; }
  .hero-copy{ order:2; }
  .hero-art{ order:1; }
  .hero-logo{ width:min(66%,270px); }
  .hero-lead{ margin-inline:auto; }
  .hero-cta,.hero-stats{ justify-content:center; }
  .news-layout,.about-grid,.contact-grid{ grid-template-columns:1fr; }
  .grid-3,.grid-4{ grid-template-columns:repeat(2,1fr); }
  .social-cards{ grid-template-columns:1fr; }
}
@media (max-width:600px){
  .grid-3,.grid-4,.grid-2{ grid-template-columns:1fr; }
  .grid-reels{ grid-template-columns:repeat(2,1fr); }
  .cf-row{ grid-template-columns:1fr; }
  .footer-grid{ grid-template-columns:1fr; }
  .sec-head{ flex-direction:column; align-items:flex-start; gap:12px; }
  .share{ flex-direction:column; align-items:flex-start; }
  .totop{ inset-block-end:16px; inset-inline-start:16px; }
  .brand .name span{ display:none; }
}

/* تصویر جایگزین (لوگو) — به‌جای بریده‌شدن، داخل کادر جای بگیرد */
.ncover img.fallback, .vthumb img.fallback, .tthumb img.fallback,
.feature-cover img.fallback, .reel img.fallback{
  object-fit:contain; padding:13%;
  background:radial-gradient(circle at 50% 45%, rgba(217,169,44,.16), transparent 66%), var(--surface-solid);
}
.article-rule{ margin:0 0 30px; }
.article-rule .gold-rule{ display:block; margin:0; }

/* ============ محافظت از محتوا ============ */
body.protected{ -webkit-user-select:none; -moz-user-select:none; user-select:none;
  -webkit-touch-callout:none; }
body.protected input, body.protected textarea, body.protected [contenteditable]{
  -webkit-user-select:text; -moz-user-select:text; user-select:text; }
body.protected img{ -webkit-user-drag:none; user-drag:none; pointer-events:none; }
body.protected a img, body.protected button img{ pointer-events:none; }
.img-shield{ position:absolute; inset:0; z-index:3; display:block;
  background:transparent; pointer-events:auto; }
/* لایه نباید جلوی کلیک روی لینک کارت‌ها را بگیرد */
a .img-shield, button .img-shield{ pointer-events:none; }
.footer-bot .made .emo{ font-style:normal; }
.footer-bot .credit{ color:var(--gold-2); font-weight:700; }
.footer-bot .credit:hover{ text-decoration:underline; }
@media print{ body.protected{ display:none !important; } }

/* ============================================================
   اسلایدر (به‌جای اسکرول‌بار) — مخصوصاً روی موبایل
   ============================================================ */
.carousel{ position:relative; }
.rail{
  scrollbar-width:none; -ms-overflow-style:none;
  scroll-behavior:smooth; scroll-padding-inline:0;
}
.rail::-webkit-scrollbar{ display:none; width:0; height:0; }

.car-arrow{
  position:absolute; top:calc(50% - 34px); transform:translateY(-50%);
  width:44px; height:44px; border-radius:50%; z-index:4; cursor:pointer;
  display:grid; place-items:center; font-size:.95rem;
  color:var(--text); background:var(--glass-bg); border:1px solid var(--glass-border);
  backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  box-shadow:var(--shadow-1); transition:.25s var(--ease); opacity:0;
}
.carousel:hover .car-arrow{ opacity:1; }
.car-arrow:hover{ color:var(--gold-2); border-color:var(--gold-3); }
.car-arrow.prev{ inset-inline-end:-6px; }
.car-arrow.next{ inset-inline-start:-6px; }

.car-dots{ display:flex; justify-content:center; gap:8px; margin-top:16px; }
.car-dots button{
  width:8px; height:8px; padding:0; border:0; border-radius:99px; cursor:pointer;
  background:var(--line-strong); transition:.3s var(--ease);
}
.car-dots button.on{ width:26px; background:var(--gold-grad); }

@media (max-width:900px){
  .car-arrow{ display:none; }          /* روی موبایل با انگشت جابه‌جا می‌شود */
  .car-dots{ margin-top:14px; }
  .rail > *{ flex-basis:clamp(150px,44vw,190px); }
}

/* اسکرول‌بارهای باقی‌مانده: نازک و هم‌رنگ برند */
@media (max-width:900px){
  .a-table-wrap{ scrollbar-width:none; }
  .a-table-wrap::-webkit-scrollbar{ height:0; }
}
* { scrollbar-width:thin; scrollbar-color:var(--gold-4) transparent; }
::-webkit-scrollbar{ width:9px; height:9px; }
::-webkit-scrollbar-track{ background:transparent; }
::-webkit-scrollbar-thumb{ background:var(--gold-4); border-radius:99px; border:2px solid transparent; background-clip:content-box; }
::-webkit-scrollbar-thumb:hover{ background:var(--gold-3); background-clip:content-box; }

/* تصویر جایگزین وقتی آدرس بیرونی (مثل یوتیوب) باز نشد */
img.fallback{
  object-fit:contain !important; padding:13%;
  background:radial-gradient(circle at 50% 45%, rgba(217,169,44,.16), transparent 66%), var(--surface-solid);
}

/* ============================================================
   ستون کناری صفحه‌ی درباره — کارت میزبان، آمار، دعوت
   ============================================================ */
.host-card{ padding:26px 22px; text-align:center; }
.host-avatar{
  width:64px; height:64px; margin:0 auto 14px; border-radius:50%;
  display:grid; place-items:center; font-size:1.5rem; color:#14100A;
  background:var(--gold-grad); box-shadow:0 10px 30px rgba(217,169,44,.32);
}
.host-card h3{ font-size:.82rem; font-weight:600; color:var(--text-faint);
  letter-spacing:.06em; margin:0 0 6px; }
.host-card .host-name{ display:block; font-family:var(--font-title);
  font-size:1.22rem; font-weight:800; margin-bottom:10px; }
.host-card p{ margin:0; font-size:.88rem; color:var(--text-dim); line-height:1.9; }

.stat-card{ padding:22px 18px; display:grid; grid-template-columns:repeat(3,1fr);
  gap:10px; text-align:center; margin:0; }
.stat-card > div{ display:flex; flex-direction:column; gap:4px; }
.stat-card dt{ font-family:var(--font-title); font-size:1.45rem; font-weight:900;
  background:var(--gold-grad); -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; }
.stat-card dd{ margin:0; font-size:.76rem; color:var(--text-faint); }

.side-cta{ padding:24px 22px; text-align:center; }
.side-cta h3{ font-size:1.02rem; margin:0 0 8px; }
.side-cta p{ margin:0 0 16px; font-size:.87rem; color:var(--text-dim); line-height:1.9; }

.about-quote{
  margin:26px 0; padding:20px 24px; border:0;
  border-inline-start:3px solid var(--gold-3);
  border-radius:0 var(--r-md) var(--r-md) 0;
  background:rgba(217,169,44,.07);
  font-family:var(--font-title); font-size:1.06rem; line-height:2; color:var(--text);
}
.about-links{ display:flex; flex-wrap:wrap; gap:10px; margin-top:24px;
  padding-top:22px; border-top:1px solid var(--line); }

@media (max-width:560px){
  .stat-card{ grid-template-columns:repeat(3,1fr); padding:18px 12px; }
  .stat-card dt{ font-size:1.2rem; }
}

/* ============ صفحه‌ی در حال به‌روزرسانی ============ */
.maint-body{ min-height:100vh; display:grid; place-items:center; padding:28px 20px; }
.maint{ position:relative; max-width:620px; text-align:center; }
.maint-glow{ position:absolute; inset:-30% -20% auto; height:420px; z-index:-1;
  background:radial-gradient(circle at 50% 30%, rgba(217,169,44,.20), transparent 65%); }
.maint-logo{ width:clamp(110px,26vw,150px); height:auto; object-fit:contain;
  filter:drop-shadow(0 16px 44px rgba(217,169,44,.35)); margin-bottom:22px; }
.maint-badge{ display:inline-flex; align-items:center; gap:9px; padding:8px 18px;
  border-radius:var(--r-pill); border:1px solid rgba(217,169,44,.4);
  background:rgba(217,169,44,.10); color:var(--gold-2);
  font-size:.83rem; font-weight:700; margin-bottom:20px; }
.maint h1{ font-size:clamp(1.5rem,5vw,2.2rem); margin:0 0 16px; }
.maint p{ font-size:1rem; line-height:2.1; color:var(--text-dim); margin:0 auto 12px; max-width:46ch; }
.maint-eta{ color:var(--gold-2) !important; font-weight:600; }
.maint-social{ display:flex; justify-content:center; gap:12px; margin-top:30px; }
.maint-social a{ width:46px; height:46px; border-radius:50%; display:grid; place-items:center;
  border:1px solid var(--line); color:var(--text-dim); font-size:1.05rem; transition:.25s var(--ease); }
.maint-social a:hover{ border-color:var(--gold-3); color:var(--gold-2); transform:translateY(-3px); }