/* ═══ P-Net v8 — سیستم طراحی «پیشخوان نت»: سرمه‌ای عمیق + آبی الکتریک + طلایی (لهجه) ═══
   توکن‌های مرکزی؛ همه کامپوننت‌های عمومی (کارت، دکمه، فرم، جدول، پیام) از همین‌ها می‌خوانند.
   فقط ظاهر — بدون دست‌زدن به منطق. RTL بومی، حالت تاریک اختصاصی، prefers-reduced-motion رعایت شده. */
:root{
  --n-950:#060f1f;--n-900:#0a1a33;--n-800:#0f2545;--n-700:#173357;
  --b-500:#2b6bff;--b-600:#1f57e0;--b-100:#e6eeff;
  --g-500:#e0a92c;--g-400:#f0c04f;--g-100:#fbf1d6;
  --bg:#f4f6fb;--surface:#fff;--surface-2:#eef2f9;--text:#0f1b2e;--muted:#5b6b82;--line:#dfe6f1;
  --ok:#12805c;--warn:#b7791f;--err:#c53030;
  --r-sm:10px;--r-md:14px;--r-lg:22px;
  --sh-1:0 1px 2px rgba(10,26,51,.06),0 4px 14px -6px rgba(10,26,51,.10);
  --sh-2:0 18px 44px -18px rgba(10,26,51,.35);
  --ease:cubic-bezier(.2,.7,.2,1);--t:.18s;
  /* سازگاری با استایل‌های قدیمی v6 و قالب پایه */
  --v6-brand:var(--b-500);--v6-bg:var(--surface-2);--v6-text:var(--text);--v6-line:var(--line);--v6-ok:var(--ok);--v6-err:var(--err);--v6-warn:var(--warn);
  --pnet-bg:var(--bg);--pnet-ink:var(--text);--pnet-teal:var(--b-500);--pnet-line:var(--line);
}
:root[data-theme="dark"]{
  --bg:#070f1d;--surface:#0e1c33;--surface-2:#132644;--text:#e8eef8;--muted:#93a6c2;--line:#1d3357;
  --b-100:#12294f;--g-100:#3a2f10;--sh-1:0 1px 2px rgba(0,0,0,.4);--sh-2:0 18px 44px -18px rgba(0,0,0,.7);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){--bg:#070f1d;--surface:#0e1c33;--surface-2:#132644;--text:#e8eef8;--muted:#93a6c2;--line:#1d3357;--b-100:#12294f;--g-100:#3a2f10}
}
body.pnet-site{background:var(--bg);color:var(--text);font-family:Vazirmatn,Tahoma,sans-serif;line-height:1.85;-webkit-font-smoothing:antialiased;padding-bottom:env(safe-area-inset-bottom,0)}
body.pnet-site a{color:var(--b-500)}
:focus-visible{outline:3px solid var(--g-400);outline-offset:2px;border-radius:6px}

/* ── هدر شیشه‌ای ── */
.pnet-site-header{background:color-mix(in srgb,var(--n-900) 92%,transparent);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:none;padding:10px clamp(14px,3vw,32px);padding-top:calc(10px + env(safe-area-inset-top,0))}
.pnet-site-header .brand{color:#fff;font-weight:900;letter-spacing:.2px}
.pnet-site-header .brand svg{filter:drop-shadow(0 0 10px rgba(224,169,44,.45))}
.pnet-site-header nav{gap:6px;align-items:center}
.pnet-site-header nav a{color:#c9d6ea;font-size:13.5px;font-weight:600;padding:8px 14px;border-radius:999px;transition:background var(--t),color var(--t)}
.pnet-site-header nav a:hover{background:rgba(255,255,255,.08);color:#fff}
.pnet-site-header nav a.is-cta{background:var(--g-500);color:#1c1405;font-weight:800}
.pnet-site-header nav a.is-cta:hover{background:var(--g-400)}
.pnet-theme-btn{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:16px}
.pnet-site-main{max-width:1200px;padding:0 clamp(14px,3vw,32px) 90px}

/* ── قهرمان (Hero): اکوسیستم خدمات ── */
.pnet-hero-v8{position:relative;margin:0 calc(50% - 50vw);padding:clamp(40px,7vw,84px) clamp(16px,4vw,40px) clamp(56px,8vw,110px);background:radial-gradient(1200px 500px at 85% -10%,rgba(43,107,255,.35),transparent 60%),radial-gradient(700px 400px at 5% 110%,rgba(224,169,44,.18),transparent 60%),linear-gradient(180deg,var(--n-900),var(--n-950));color:#fff;overflow:hidden;isolation:isolate}
.pnet-hero-v8::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.5;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse at 70% 30%,#000 10%,transparent 70%)}
.pnet-hero-in{max-width:1200px;margin:0 auto;display:grid;gap:44px;align-items:center}
@media(min-width:960px){.pnet-hero-in{grid-template-columns:1.05fr .95fr}}
.pnet-eyebrow{display:inline-flex;gap:8px;align-items:center;padding:6px 14px;border:1px solid rgba(240,192,79,.4);border-radius:999px;color:var(--g-400);font-size:12.5px;font-weight:700;background:rgba(224,169,44,.08)}
.pnet-hero-v8 h1{font-size:clamp(30px,5.6vw,58px);line-height:1.25;font-weight:900;margin:18px 0 0;letter-spacing:-.3px}
.pnet-hero-v8 h1 em{font-style:normal;background:linear-gradient(90deg,var(--g-400),#ffe39a);-webkit-background-clip:text;background-clip:text;color:transparent}
.pnet-hero-v8 .lede{color:#b5c5de;font-size:clamp(14px,1.6vw,17px);max-width:52ch;margin:18px 0 0}
.pnet-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.pnet-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 26px;border-radius:14px;font-weight:800;font-size:15px;text-decoration:none;border:1px solid transparent;transition:transform var(--t) var(--ease),box-shadow var(--t),background var(--t)}
.pnet-btn:active{transform:scale(.97)}
.pnet-btn.primary{background:linear-gradient(135deg,var(--b-500),#4d86ff);color:#fff !important;box-shadow:0 10px 26px -8px rgba(43,107,255,.7)}
.pnet-btn.primary:hover{transform:translateY(-2px);box-shadow:0 16px 30px -8px rgba(43,107,255,.8)}
.pnet-btn.ghost{border-color:rgba(255,255,255,.22);color:#fff !important;background:rgba(255,255,255,.05)}
.pnet-btn.ghost:hover{background:rgba(255,255,255,.12)}
.pnet-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}
.pnet-chips a{font-size:12.5px;color:#cfdcf1 !important;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);text-decoration:none;transition:background var(--t)}
.pnet-chips a:hover{background:rgba(255,255,255,.16)}

/* صحنه‌ی کارت‌های شناور: نوبت + رهگیری + اعلان */
.pnet-stage{position:relative;min-height:380px}
.pnet-glass{position:absolute;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(14px);border-radius:var(--r-lg);padding:16px 18px;color:#fff;box-shadow:var(--sh-2)}
.pnet-glass small{color:#9fb4d3;font-size:11px}
.pnet-glass b{font-size:14px}
.pnet-g1{inset-inline-start:0;top:8px;width:min(300px,78%);animation:pf 7s ease-in-out infinite}
.pnet-g2{inset-inline-end:0;top:120px;width:min(290px,76%);animation:pf 8s ease-in-out -2s infinite}
.pnet-g3{inset-inline-start:10%;bottom:0;width:min(270px,72%);animation:pf 9s ease-in-out -4s infinite}
@keyframes pf{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.pnet-slot{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}
.pnet-slot span{font-size:11.5px;padding:5px 10px;border-radius:8px;background:rgba(255,255,255,.1)}
.pnet-slot span.on{background:var(--g-500);color:#1c1405;font-weight:800}
.pnet-tl{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:9px}
.pnet-tl li{display:flex;gap:10px;align-items:center;font-size:12.5px;color:#cfdcf1}
.pnet-tl li::before{content:"";width:10px;height:10px;border-radius:50%;background:#4a6a9c;flex:none}
.pnet-tl li.done::before{background:#3ddc97}
.pnet-tl li.cur::before{background:var(--g-400);box-shadow:0 0 0 5px rgba(240,192,79,.25)}

/* نوار اعتماد (بدون ادعای ساختگی — فقط قابلیت‌های واقعی سامانه) */
.pnet-trust{max-width:1200px;margin:-38px auto 0;position:relative;z-index:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;padding:0 clamp(0px,1vw,8px)}
.pnet-trust div{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:16px 18px;box-shadow:var(--sh-1);display:flex;gap:12px;align-items:center}
.pnet-trust i{font-style:normal;font-size:22px;width:42px;height:42px;border-radius:12px;background:var(--b-100);display:grid;place-items:center;flex:none}
.pnet-trust b{display:block;font-size:14px}
.pnet-trust span{font-size:12px;color:var(--muted)}

/* ── کارت‌های خدمات و اجزای قدیمی v6 با پوست جدید ── */
.pnet-v6-home h2{font-size:clamp(20px,2.4vw,28px);font-weight:900;margin:44px 0 16px}
.pnet-v6-grid{gap:16px !important}
.pnet-v6-card{background:var(--surface) !important;border:1px solid var(--line) !important;border-radius:var(--r-lg) !important;padding:20px !important;box-shadow:var(--sh-1) !important;color:var(--text) !important;position:relative;overflow:hidden;transition:transform var(--t) var(--ease),box-shadow var(--t),border-color var(--t) !important}
.pnet-v6-card::after{content:"";position:absolute;inset-inline-end:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,var(--b-100),transparent 70%);opacity:.9;pointer-events:none}
.pnet-v6-card:hover{transform:translateY(-4px) !important;border-color:var(--b-500) !important;box-shadow:var(--sh-2) !important}
.pnet-v6-card b{font-size:15.5px !important}
.pnet-v6-card span{color:var(--muted) !important}
.pnet-v6-btn{background:var(--n-900) !important;color:#fff !important;border-radius:10px !important}
.psm-head,.pin-head{background:linear-gradient(135deg,var(--n-800),var(--n-700)) !important;border-radius:var(--r-lg) !important}
.psm-search,.pin-form form,.pin-track,.bpub-row,.psm-cart,.psm-card,.pm-row,.psm-details{background:var(--surface) !important;border-color:var(--line) !important;color:var(--text)}
.psm-inp,.pin-inp,.bpb-inp{background:var(--surface-2) !important;border:1px solid var(--line) !important;color:var(--text) !important;border-radius:12px !important;min-height:44px}
.psm-btn,.pin-btn,.bpb-btn{background:var(--b-500) !important;border-radius:12px !important;min-height:44px;font-weight:700}
.psm-btn.ghost,.pin-btn.ghost{background:transparent !important;color:var(--b-500) !important;border:1px solid var(--b-500) !important}
.psm-results-tbl{background:var(--surface) !important;color:var(--text)}
.psm-results-tbl th{background:var(--surface-2) !important;color:var(--muted)}

/* ── فوتر ── */
.pnet-site-footer{background:var(--n-950) !important;color:#8ea3c4 !important;border-top:1px solid rgba(255,255,255,.08) !important;padding:28px 20px calc(28px + 64px) !important}
.pnet-site-footer a{color:var(--g-400) !important}

/* ── نوار ناوبری پایین موبایل (لمس ≥ ۴۴px) ── */
.pnet-bottom-nav{display:none}
@media(max-width:720px){
  .pnet-site-header{flex-direction:row !important;flex-wrap:wrap}
  .pnet-site-header nav a:not(.is-cta){display:none}
  .pnet-bottom-nav{position:fixed;inset-inline:0;bottom:0;z-index:60;display:grid;grid-template-columns:repeat(4,1fr);background:color-mix(in srgb,var(--n-900) 94%,transparent);backdrop-filter:blur(14px);border-top:1px solid rgba(255,255,255,.1);padding:6px 6px calc(6px + env(safe-area-inset-bottom,0))}
  .pnet-bottom-nav a{display:grid;justify-items:center;gap:2px;min-height:52px;align-content:center;color:#9fb4d3 !important;font-size:11px;text-decoration:none;border-radius:12px}
  .pnet-bottom-nav a i{font-style:normal;font-size:19px}
  .pnet-bottom-nav a.on,.pnet-bottom-nav a:active{color:var(--g-400) !important;background:rgba(255,255,255,.06)}
  .pnet-stage{min-height:330px}
}
@media(prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important;scroll-behavior:auto !important}}
body.pnet-site{overflow-x:hidden}
