/* دور ۲۲ — هدر یکپارچه: سه سبد، ورود/خروج، برند */
.g22-carts{display:flex;align-items:flex-start;gap:4px;direction:rtl}
.g22-cart{--cc:#ffb02e;display:flex;flex-direction:column;align-items:center;gap:0;text-decoration:none;color:var(--cc);padding:3px 5px 2px;border-radius:14px;position:relative;
  transition:transform .25s cubic-bezier(.2,.9,.3,1.4),background .25s;-webkit-tap-highlight-color:transparent;min-width:58px}
.g22-cart:hover,.g22-cart:focus-visible{transform:translateY(-2px);background:color-mix(in srgb,var(--cc) 14%,transparent)}
.g22-cart.on{background:color-mix(in srgb,var(--cc) 18%,transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--cc) 70%,transparent)}
.g22-ic{position:relative;display:grid;place-items:center;width:44px;height:34px;color:var(--cc);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--cc) 55%,transparent))}
.g22-ic svg{width:31px;height:31px;stroke-width:2}
.g22-t{font:800 .7rem/1.35 'Vazirmatn',Tahoma,sans-serif;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7);white-space:nowrap;letter-spacing:0}
.g22-n,.g22-cart .notif-badge{position:absolute !important;top:-5px !important;left:-3px !important;right:auto !important;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:linear-gradient(135deg,#ff2d6f,#ff6a3d);color:#fff;
  font:900 .72rem/20px 'Vazirmatn',Tahoma,sans-serif;text-align:center;box-shadow:0 0 0 2px rgba(12,14,32,.9),0 0 12px rgba(255,60,110,.85);animation:g22pulse 2.2s ease-in-out infinite;display:inline-block}
.g22-n[style*="display: none"],.g22-n[style*="display:none"]{display:none !important}
@keyframes g22pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.14)}}
/* ورود / خروج */
.g22-auth{display:flex;align-items:center;gap:6px}
.g22-ab{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:12px;border:0;background:transparent;color:#f3efe6;font:800 .82rem 'Vazirmatn',Tahoma,sans-serif;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .2s,transform .2s,border-color .2s}
.g22-ab:hover{background:rgba(255,255,255,.1);transform:translateY(-1px)}
.g22-out{color:#ffb4b4}.g22-out:hover{background:rgba(255,90,90,.16)}
.g22-in{color:#ffe2a6}
/* برند */
.b22{direction:ltr;unicode-bidi:isolate;display:inline-block;white-space:nowrap;font-weight:800}
.b22 small{font-size:.56em;font-weight:800;letter-spacing:.04em;margin-inline-start:.04em;opacity:.95}
html .nav-logo b,html .iq-logo b{font-size:.5em !important;font-weight:800;letter-spacing:.05em;margin-inline-start:2px;vertical-align:baseline}
/* موشن نام برند در هدر */
html .nav .nav-logo.nav-logo-anim{background:linear-gradient(100deg,#fff 0%,#ffe2a6 30%,#8fd6ff 55%,#fff 80%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
  animation:g22shine 5.5s linear infinite;filter:drop-shadow(0 0 10px rgba(255,200,110,.45));font-size:2.15rem;font-weight:800}
html .nav .nav-logo.nav-logo-anim b{background:linear-gradient(135deg,#ffd27a,#ff9a3c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
@keyframes g22shine{0%{background-position:0% 0}100%{background-position:240% 0}}
@media (prefers-reduced-motion:reduce){html .nav .nav-logo.nav-logo-anim,.g22-n{animation:none}}
/* ===== نسخه‌ی مستقل (سمیم) — هم‌اندازه با هدر اصلی ===== */
.g22-standalone{position:relative;z-index:60;height:72px;display:flex;align-items:center;background:rgba(12,14,32,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.1);font-family:'Vazirmatn',Tahoma,sans-serif;color:#fff;--nav:#e6edf7}
.g22-standalone .nav-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;width:100%;gap:12px;direction:ltr;padding-inline:16px;max-width:1400px;margin:0 auto}
.g22-standalone .nav-group{display:flex;align-items:center;gap:6px}
.g22-standalone .nav-group-left{justify-self:start}.g22-standalone .nav-group-center{justify-self:center}.g22-standalone .nav-group-right{justify-self:end;gap:12px}
.g22-standalone .nav-icon-btn{background:none;border:0;color:inherit;cursor:pointer;padding:6px;display:inline-flex;align-items:center;text-decoration:none}
.g22-standalone .nav-home-btn{padding:9px;border-radius:12px;background:rgba(190,215,240,.08);border:1px solid rgba(196,214,232,.3)}
.g22-standalone .g22-back{gap:7px;padding:8px 14px;border-radius:12px;font-weight:800;font-size:.9rem;background:linear-gradient(90deg,rgba(255,226,178,.16),rgba(150,196,244,.12));border:1px solid rgba(196,214,232,.3)}
.g22-standalone .nav-back-label{direction:ltr;letter-spacing:.06em}
.g22-standalone .nav-logo{font-family:'Sora','Inter',system-ui,sans-serif;font-size:2.15rem;font-weight:800;color:#fff;text-decoration:none}
@media (max-width:767px){
  .g22-cart{min-width:46px;padding:2px 2px 1px}.g22-ic{width:36px;height:30px}.g22-ic svg{width:27px;height:27px}.g22-t{font-size:.58rem}
  .g22-n,.g22-cart .notif-badge{min-width:17px;height:17px;font-size:.62rem;line-height:17px;top:-4px !important;left:-2px !important}
  .g22-ab span{display:none}.g22-ab{padding:8px}
  html .nav .nav-logo.nav-logo-anim{font-size:1.35rem}
  .g22-standalone .nav-inner{padding-inline:6px;gap:4px}.g22-standalone .nav-logo{font-size:1.3rem}.g22-standalone .nav-back-label,.g22-standalone .nav-group-center{display:none}
  .g22-standalone .nav-group-right{gap:4px}
}
@media (max-width:380px){.g22-cart{min-width:40px}.g22-t{font-size:.52rem}}
/* هدر در همه‌ی صفحات (روشن/تیره) یکسان و خوانا: شیشه‌ی تیره */
html .nav{background:linear-gradient(180deg,rgba(8,10,26,.9),rgba(10,12,30,.82)) !important;backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border-bottom:1px solid rgba(255,255,255,.1) !important;color:#e6edf7}
html .nav .nav-icon-btn,html .nav .nav-back-btn,html .nav .nav-home-btn{color:#e6edf7}
html .nav .nav-back-btn,html .nav .nav-home-btn{background:rgba(190,215,240,.1) !important;border:1px solid rgba(196,214,232,.3) !important}
html .nav .nav-all{color:#fff}
@media (max-width:767px){
  html .nav .nav-group-right a[href="/messages.html"]{display:none}
  .g22-cart{min-width:42px}.g22-t{font-size:.55rem}
}
@media (max-width:380px){html .nav .nav-search-btn{display:none}.g22-cart{min-width:38px}.g22-t{font-size:.5rem}}
html body[data-tone="light"] .nav,html body[data-tone] .nav{background:linear-gradient(180deg,rgba(8,10,26,.92),rgba(10,12,30,.86)) !important;color:#e6edf7;border-bottom:1px solid rgba(255,255,255,.1) !important}
html body[data-tone="light"] .nav .nav-icon-btn,html body[data-tone="light"] .nav .nav-back-btn,html body[data-tone="light"] .nav .nav-home-btn,html body[data-tone="light"] .nav .nav-text-btn{color:#e6edf7}
html body[data-tone="light"] .nav .nav-home-btn{background:rgba(190,215,240,.1);border-color:rgba(196,214,232,.3)}
html body[data-tone="light"] .nav .nav-logo.nav-logo-anim{background:linear-gradient(100deg,#fff 0%,#ffe2a6 30%,#8fd6ff 55%,#fff 80%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text}
html body[data-tone="light"] .nav .g22-ab{color:#f3efe6}
@media (max-width:767px){html .nav .nav-back-btn{display:none !important}}
@media (max-width:767px){
  html .nav .g22-cart{min-width:0;padding:2px 1px 1px}html .nav .g22-ic{width:34px}html .nav .g22-t{font-size:.52rem}
  html .nav .g22-carts{gap:1px}html .nav .g22-ab{padding:6px}html .nav .nav-all{padding:8px 9px}
  html .nav .nav-group-left .nav-icon-btn{min-width:34px !important;width:34px;padding:2px}
}

/* ===== دور ۲۴: هدر موبایل — فاصله‌ی منطقی بین آیکون‌ها، لوگوی بزرگ‌تر (IQE هم‌اندازه‌ی قبل)، دکمه‌ی خانه‌ی بی‌کادر ===== */
.g22-homemini{display:none !important}
@media (max-width:767px){
  html .nav .container.nav-inner{padding-inline:3px;gap:6px}
  html .nav .g22-homemini{display:inline-flex !important;align-items:center;justify-content:center;width:30px !important;min-width:0 !important;padding:2px !important;background:none !important;border:0 !important;color:#e6edf7}
  html .nav .nav-group-left{gap:1px}
  html .nav .nav-group-left .nav-icon-btn{width:30px !important;min-width:0 !important;padding:2px !important}
  html .nav .nav-group-left .nav-icon-btn svg{width:23px;height:23px}
  html .nav .g22-carts{gap:0;margin-inline-start:3px}
  html .nav .g22-cart{min-width:0;padding:2px 0 1px}html .nav .g22-ic{width:30px}html .nav .g22-t{font-size:.5rem}
  html .nav .nav-group-right{gap:5px}
  html .nav .g22-auth{gap:0;margin-inline-end:5px}
  html .nav .g22-ab{padding:4px;background:none !important;border:0 !important}html .nav .g22-ab svg{width:20px;height:20px}
  html .nav .nav-logo.nav-logo-anim{font-size:1.5rem}
  html .nav .nav-logo.nav-logo-anim b{font-size:.675rem !important}
  html .nav .nav-all{margin-inline-start:5px;padding:7px 8px}
}

/* ===== دور ۲۴: سبک‌سازی موبایل (اسکرول روان) — blur زنده‌ی روی پس‌زمینه‌ی ثابت هر فریم گران است ===== */
@media (max-width:767px){
  html .nav,html .navfab,html #agentFab,html #cartFab,html #homeFab,html #backFab,.home-module,.why-card,.home-preview,.sx-card,.stats-bar{-webkit-backdrop-filter:none !important;backdrop-filter:none !important}
  html .nav{background:linear-gradient(180deg,rgba(8,10,26,.97),rgba(10,12,30,.94)) !important}
  html.is-home .art,html.is-home .veil{will-change:transform;transform:translateZ(0)}
  #page-home .why-section,#page-home .stats-bar,#page-home .home-preview{content-visibility:auto;contain-intrinsic-size:auto 520px}
}