/* ═══════════════════════════════════════════════
   tokens.css — ابزار هداوند
   تم: Glassmorphism × Neumorphism
   پالت: آبی تیره + سفید + قرمز دیجیکالا (#ef4056)
   ═══════════════════════════════════════════════ */

/* ── فونت وزیرمتن (لوکال) ── */
@font-face{font-family:'Vazirmatn';src:url('../fonts/Vazirmatn-Light.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Vazirmatn';src:url('../fonts/Vazirmatn-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Vazirmatn';src:url('../fonts/Vazirmatn-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Vazirmatn';src:url('../fonts/Vazirmatn-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Vazirmatn';src:url('../fonts/Vazirmatn-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Vazirmatn';src:url('../fonts/Vazirmatn-ExtraBold.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}

:root{
  /* ── پالت ── */
  --bg:#eef1f8;
  --bg-soft:#f8fafd;
  --text:#1c2b4a;
  --muted:#64748f;
  --navy:#16305f;
  --navy-deep:#0f2347;
  --blue:#2f6fed;
  --blue-dark:#2456c4;
  --blue-soft:rgba(47,111,237,.12);
  --accent:#ef4056;            /* قرمز — فقط قیمت و نشان تخفیف */
  --accent-dark:#d22e46;
  --accent-soft:rgba(239,64,86,.10);
  --red:#ef4056;
  --navy-soft:rgba(22,48,95,.08);
  --navy-grad:linear-gradient(135deg,#1d3a73,#16305f 55%,#122a56);
  --ink:#0f2347;
  --green:#16a34a;
  --gold:#eab308;
  --teal:#0e9488;

  /* ── شیشه (Glass) ── */
  --glass-bg:rgba(255,255,255,.58);
  --glass-bg-strong:rgba(255,255,255,.74);
  --glass-bg-inset:rgba(255,255,255,.42);
  --glass-border:rgba(255,255,255,.78);
  --glass-border-soft:rgba(255,255,255,.55);
  --glass-shadow:0 10px 34px rgba(22,48,95,.10),0 2px 8px rgba(22,48,95,.05);
  --glass-shadow-lg:0 20px 54px rgba(22,48,95,.16),0 4px 14px rgba(22,48,95,.07);
  --blur:blur(18px) saturate(170%);
  --blur-lg:blur(24px) saturate(180%);

  /* ── سایه‌های نرم (مکمل نئومورفیک) ── */
  --sh-d:rgba(163,176,206,.5);
  --sh-l:rgba(255,255,255,.9);
  --neu:var(--glass-shadow);
  --neu-sm:0 6px 18px rgba(22,48,95,.09),0 1px 4px rgba(22,48,95,.05);
  --neu-lg:var(--glass-shadow-lg);
  --neu-in:inset 4px 4px 10px rgba(163,176,206,.35),inset -4px -4px 10px rgba(255,255,255,.9);
  --neu-in-lg:inset 6px 6px 14px rgba(163,176,206,.32),inset -6px -6px 14px rgba(255,255,255,.85);

  --radius:14px;
  --radius-sm:10px;
  --radius-lg:19px;

  --container:1240px;
  --header-h:62px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}

/* پس‌زمینه گرادیانی — بستر شیشه‌ها */
body{
  color:var(--text);
  font-family:'Vazirmatn',Vazir,Tahoma,sans-serif;
  font-size:13.5px;
  line-height:1.8;
  -webkit-font-smoothing:antialiased;
  min-height:100vh;
  background:#e9edf6;
  position:relative;
}
body::before{
  content:'';
  position:fixed;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(900px 480px at 88% -8%,rgba(22,48,95,.30),transparent 60%),
    radial-gradient(820px 520px at -12% 30%,rgba(47,111,237,.20),transparent 62%),
    linear-gradient(180deg,#f1f4fb 0%,#e6ecf8 55%,#edf1f9 100%);
}
body::after{ /* نویز لطیف برای عمق بیشتر شیشه */
  content:'';
  position:fixed;inset:0;z-index:-1;opacity:.35;pointer-events:none;
  background-image:radial-gradient(rgba(22,48,95,.05) 1px,transparent 1px);
  background-size:22px 22px;
}

img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer}
input,select,textarea{font-family:inherit}
ul,ol{list-style:none}
::selection{background:var(--accent);color:#fff}

/* اسکرول‌بار */
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-track{background:rgba(255,255,255,.5)}
::-webkit-scrollbar-thumb{background:#b9c4dc;border-radius:8px;border:3px solid transparent;background-clip:content-box}
::-webkit-scrollbar-thumb:hover{background:#98a8ca;border:3px solid transparent;background-clip:content-box}

.container{max-width:var(--container);margin:0 auto;padding:0 14px}

/* ── کلاس‌های پایه: گلس ── */
.neu{
  background:var(--glass-bg);
  border:1px solid var(--glass-border);
  border-radius:var(--radius);
  box-shadow:var(--glass-shadow);
}
.neu-sm{
  background:var(--glass-bg);
  border:1px solid var(--glass-border-soft);
  border-radius:var(--radius-sm);
  box-shadow:var(--neu-sm);
}
.neu-lg{
  background:var(--glass-bg-strong);
  border:1px solid var(--glass-border);
  border-radius:var(--radius-lg);
  box-shadow:var(--glass-shadow-lg);
}
.neu-in{
  background:var(--glass-bg-inset);
  border:1px solid var(--glass-border-soft);
  border-radius:var(--radius);
  box-shadow:var(--neu-in);
}
.neu-in-sm{
  background:var(--glass-bg-inset);
  border:1px solid var(--glass-border-soft);
  border-radius:var(--radius-sm);
  box-shadow:var(--neu-in);
}
/* مرورگرهای بدون پشتیبانی blur → شیشه غلیظ‌تر */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .neu,.neu-sm,.neu-lg{background:rgba(255,255,255,.92)}
  .neu-in,.neu-in-sm{background:rgba(255,255,255,.66)}
  .header-sticky{background:rgba(238,241,248,.96)!important}
}

/* ── تایپوگرافی ── */
h1,h2,h3,h4,h5{font-weight:800;line-height:1.6}
.muted{color:var(--muted)}
.accent{color:var(--accent-dark)}
.small{font-size:11.5px}
.ltr{direction:ltr;unicode-bidi:embed}
.num{font-variant-numeric:tabular-nums}

/* سرفصل بخش‌ها */
.section{margin:26px 0}
.section-head{display:flex;align-items:center;gap:9px;margin-bottom:13px;flex-wrap:wrap}
.section-head .icon{
  width:34px;height:34px;flex:none;border-radius:10px;display:flex;align-items:center;justify-content:center;
  font-size:16px;background:var(--glass-bg);
  border:1px solid var(--glass-border);box-shadow:var(--neu-sm);
}
.section-head h2{font-size:16px}
.section-head .line{flex:1;height:3px;border-radius:3px;background:linear-gradient(to left,var(--accent-soft),transparent);min-width:40px}
.section-head .more{font-size:13px;font-weight:700;color:var(--blue);white-space:nowrap}
.section-head .more:hover{color:var(--accent-dark)}

/* قیمت */
.price{font-weight:800;color:var(--navy)}
.price .toman{font-size:.62em;font-weight:500;color:var(--muted);margin-right:3px}
.price-old{font-size:12.5px;color:var(--muted);text-decoration:line-through;opacity:.8}
.price-final{font-weight:800;color:var(--accent-dark)}
.price-final .toman{font-size:.62em;font-weight:500;color:var(--muted);margin-right:3px}
.discount-badge{
  display:inline-flex;align-items:center;background:linear-gradient(135deg,var(--accent),#ff6a81);color:#fff;
  font-size:11.5px;font-weight:800;border-radius:9px;padding:1px 9px;line-height:1.9;
  box-shadow:0 4px 12px rgba(239,64,86,.35);
}

/* ستاره‌ها */
.stars{color:var(--gold);letter-spacing:1.5px;font-size:.95em}

.divider{height:2px;border-radius:2px;background:linear-gradient(to left,transparent,rgba(150,165,195,.35),transparent);margin:22px 0}

/* حالت خالی */
.empty-state{text-align:center;padding:34px 16px}
.empty-state .icon{font-size:56px;margin-bottom:10px;filter:grayscale(.2)}
.empty-state h3{font-size:15px;margin-bottom:5px}
.empty-state p{color:var(--muted);font-size:12.5px;margin-bottom:14px}

@media(max-width:576px){
  body{font-size:13px}
  .container{padding:0 12px}
}