@font-face{font-family:'Ravi';src:url('/assets/fonts/Ravi-Thin.woff2') format('woff2'),url('/assets/fonts/Ravi-Thin.woff') format('woff');font-weight:100;font-style:normal;font-display:swap;}
@font-face{font-family:'Ravi';src:url('/assets/fonts/Ravi-Light.woff2') format('woff2'),url('/assets/fonts/Ravi-Light.woff') format('woff');font-weight:300;font-style:normal;font-display:swap;}
@font-face{font-family:'Ravi';src:url('/assets/fonts/Ravi-Regular.woff2') format('woff2'),url('/assets/fonts/Ravi-Regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Ravi';src:url('/assets/fonts/Ravi-Medium.woff2') format('woff2'),url('/assets/fonts/Ravi-Medium.woff') format('woff');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'Ravi';src:url('/assets/fonts/Ravi-SemiBold.woff2') format('woff2'),url('/assets/fonts/Ravi-SemiBold.woff') format('woff');font-weight:600;font-style:normal;font-display:swap;}
@font-face{font-family:'Ravi';src:url('/assets/fonts/Ravi-Bold.woff2') format('woff2'),url('/assets/fonts/Ravi-Bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap;}
@font-face{font-family:'Ravi';src:url('/assets/fonts/Ravi-Black.woff2') format('woff2'),url('/assets/fonts/Ravi-Black.woff') format('woff');font-weight:900;font-style:normal;font-display:swap;}
@font-face{font-family:'Ravi';src:url('/assets/fonts/Ravi-ExtraBlack.woff2') format('woff2'),url('/assets/fonts/Ravi-ExtraBlack.woff') format('woff');font-weight:950;font-style:normal;font-display:swap;}

/* فونت فالبکِ «هم‌متریک» — دقیقاً همون کاری که ابزارهایی مثل next/font انجام می‌دن.
   متریک واقعی Ravi (با فایل‌های فونت واقعی و fontTools استخراج شد: ascent=1000, descent=550,
   unitsPerEm=1000 — در هر ۸ وزن یکسان) با فونت سیستمی Arial (فالبک رایج مرورگر برای sans-serif)
   هم‌اندازه شده. نتیجه: قبل از لود Ravi، همین فالبک دقیقاً همون ارتفاع خط/جعبه‌ی متن رو اشغال
   می‌کنه که خودِ Ravi اشغال خواهد کرد — پس وقتی سوییچ می‌شه، هیچ لرزش/جابه‌جایی چیدمانی نیست
   (این دقیقاً چیزی بود که در PageSpeed به‌عنوان بزرگ‌ترین عامل CLS دیده می‌شد). */
@font-face{
  font-family:'Ravi Fallback';
  src:local('Arial');
  ascent-override:72.08%;
  descent-override:39.64%;
  line-gap-override:0%;
  size-adjust:138.74%;
}

:root{
  --navy:#0A0F1E; --navy-l:#162040;
  --gdk:#7A5500; --g:#C9960A; --gmd:#D4A827; --g-btn:#8C6907;
  --glt:#E8C050; --gpal:#F7E5A8; --gbg:#FDF8EC;
  --w:#FFFFFF; --off:#F9F6EE; --fog:#6B5E30; --dim:#7E6C48;
  --bd:rgba(201,150,10,.16);
  --green:#1A7A4A; --glt2:#E8F7EE;
  --red:#B03020;  --rlt:#FDECEA;
  --amber:#9A6B00; --alt:#FBF0D9;
  --font:'Ravi','Ravi Fallback','Vazirmatn',sans-serif;
  --ease:cubic-bezier(.4,0,.2,1);
  --sh:0 2px 20px rgba(201,150,10,.07);
  --sh2:0 8px 32px rgba(201,150,10,.12);
  --page:var(--off); --surface:var(--w); --surface-2:var(--gbg);
  --ink:var(--navy); --ink-soft:var(--fog); --ink-dim:var(--dim);
  --hairline:var(--bd); --gold-text:var(--gdk);
  --hdr-bg:rgba(253,248,236,.86);

  --fs-2xs:10px; --fs-xs:11px; --fs-sm:12.5px; --fs-base:13.5px;
  --fs-md:15px; --fs-lg:16px; --fs-xl:19px; --fs-2xl:24px;
  --fs-display-sm:28px; --fs-display-md:34px; --fs-display-lg:44px; --fs-display-xl:64px;

  --r-xs:6px; --r-sm:10px; --r-md:14px; --r-lg:18px; --r-xl:22px; --r-2xl:28px;
  --r-pill:999px; --r-circle:50%;

  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px;
  --sp-5:20px; --sp-6:24px; --sp-7:32px; --sp-8:40px;

  --glass-bg:rgba(255,255,255,.72);
  --glass-blur:blur(20px) saturate(1.6);
  --glass-border:rgba(255,255,255,.5);

  --sh3:0 20px 60px rgba(20,15,0,.18), 0 4px 16px rgba(20,15,0,.10);
}
html.dark{
  --page:#0B1020; --surface:#121A30; --surface-2:#1B2540;
  --ink:#EEF2FB; --ink-soft:#B9C2D8; --ink-dim:#7E8AA6;
  --hairline:rgba(212,168,39,.20); --gbg:#1B2540; --gold-text:#E8C050;
  --hdr-bg:rgba(11,16,32,.86);
  --sh:0 2px 20px rgba(0,0,0,.35); --sh2:0 10px 34px rgba(0,0,0,.45);
  --rlt:rgba(176,48,32,.16); --glt2:rgba(26,122,74,.16);
  --alt:rgba(154,107,0,.16);
  --glass-bg:rgba(18,26,48,.68); --glass-border:rgba(255,255,255,.08);
  --sh3:0 20px 60px rgba(0,0,0,.5), 0 4px 16px rgba(0,0,0,.3);
}
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
button:active,.cta-btn:active,.fh-icon-btn:active,.fh-login-btn:active{transform:scale(.93);}
@media(prefers-reduced-motion:reduce){button:active,.cta-btn:active,.fh-icon-btn:active,.fh-login-btn:active{transform:none;}}
html{transition:background .25s;}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth;}}
body{font-family:var(--font);background:var(--page);color:var(--ink);overflow-x:hidden;min-height:100vh;transition:background .25s,color .25s;}
.brand-logo-plate{height:14px;width:auto;display:block;border-radius:var(--r-xs);}
.brand-logo-stack{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-1);}
.brand-logo-word{height:24px;width:auto;display:block;}
.brand-name{font-size:var(--fs-lg);font-weight:800;color:var(--ink);}
.brand-sub{font-size:var(--fs-2xs);color:var(--ink-dim);font-weight:600;letter-spacing:.5px;}
.brand-txt{display:flex;flex-direction:column;}
.ft-badge{display:flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) 10px;border-radius:var(--r-pill);border:1px solid rgba(201,150,10,.2);color:rgba(201,150,10,.85);font-size:var(--fs-2xs);font-weight:700;}
.ft-bd{width:4px;height:4px;border-radius:var(--r-circle);background:var(--g);}
.ft-bot{display:flex;justify-content:space-between;align-items:center;padding-top:var(--sp-4);border-top:1px solid rgba(255,255,255,.07);font-size:var(--fs-xs);color:rgba(255,255,255,.48);flex-wrap:wrap;gap:var(--sp-2);}
.ft-ci{display:flex;align-items:flex-start;gap:var(--sp-3);margin-bottom:var(--sp-3);}
.ft-ci-t{font-size:var(--fs-xs);font-weight:800;color:var(--glt);margin-bottom:var(--sp-1);}
.ft-ci-v{font-size:var(--fs-sm);color:rgba(255,255,255,.55);line-height:1.65;}
.ft-ci:last-child{margin-bottom:0;}
.ft-col-title{font-size:var(--fs-xs);font-weight:800;color:var(--glt);letter-spacing:.3px;margin-bottom:var(--sp-3);}
.ft-grid{display:grid;grid-template-columns:1.1fr 1fr 1.1fr;gap:28px;margin-bottom:28px;}
.ft-ico{width:36px;height:36px;border-radius:var(--r-sm);flex-shrink:0;background:rgba(201,150,10,.1);border:1px solid rgba(201,150,10,.17);display:flex;align-items:center;justify-content:center;font-size:var(--fs-md);}
.ft-in{max-width:1020px;margin:0 auto;position:relative;z-index:1;}
.ft-nav-link{display:flex;align-items:center;gap:var(--sp-2);text-decoration:none;color:rgba(255,255,255,.65); font-size:var(--fs-sm);font-weight:600;padding:var(--sp-2) 10px;border-radius:var(--r-sm);transition:background .15s,color .15s,transform .15s;}
.ft-nav-link svg{width:16px;height:16px;color:var(--glt);flex-shrink:0;}
.ft-nav-link:hover{background:rgba(201,150,10,.1);color:#fff;transform:translateX(-2px);}
.ft-nav-links{display:flex;flex-direction:column;gap:var(--sp-2);}
.ft-note{font-size:var(--fs-xs);color:rgba(255,255,255,.4);text-align:center;margin-top:var(--sp-4);line-height:1.8;}
.hdr-in{max-width:1020px;margin:0 auto;padding:var(--sp-3) 18px;display:flex;align-items:center;justify-content:space-between;}
.site-nav{position:relative;z-index:99;background:var(--surface);border-bottom:1px solid var(--hairline);}
.site-nav-scroll{margin:0 auto;display:flex;gap:var(--sp-2);padding:var(--sp-2) 18px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;}
.site-nav-scroll::-webkit-scrollbar{display:none;}
.snav-item{flex-shrink:0;display:flex;align-items:center;gap:var(--sp-1);padding:var(--sp-2) 14px;border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--hairline);color:var(--ink-soft);font-size:var(--fs-sm);font-weight:700;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s,transform .15s;}
.snav-item svg{width:14px;height:14px;flex-shrink:0;}
.snav-item.active{background:linear-gradient(150deg,var(--g-btn),var(--gdk));color:#fff;border-color:transparent;}
.snav-item:hover{background:var(--gbg);color:var(--gold-text);transform:translateY(-1px);}
.snav-item:active{transform:scale(.94);}
.theme-toggle .ic-moon{opacity:1;transform:rotate(0) scale(1);}
.theme-toggle .ic-sun{opacity:0;transform:rotate(-90deg) scale(.6);}
.theme-toggle svg{width:18px;height:18px;position:absolute;transition:opacity .25s,transform .35s var(--ease);}
.theme-toggle:hover{transform:translateY(-1px);}
.theme-toggle:active{transform:scale(.88);}
:focus-visible{outline:2px solid var(--g);outline-offset:2px;}
@media(max-width:560px){.brand-txt{display:none;}}
footer{background:var(--navy);color:rgba(255,255,255,.85);padding:38px 18px 22px;position:relative;z-index:1;overflow:hidden;}
footer::before{content:'';position:absolute;inset:0;pointer-events:none; background:radial-gradient(500px 260px at 90% 0%, rgba(212,168,39,.08), transparent 70%);}
html.dark .theme-toggle .ic-moon{opacity:0;transform:rotate(90deg) scale(.6);}
html.dark .theme-toggle .ic-sun{opacity:1;transform:rotate(0) scale(1);}
.ft-nav-link:active{background:rgba(201,150,10,.18);}
html.dark .brand-logo-word{filter:invert(1);}
.read-progress{position:fixed;top:0;left:0;height:3px;width:0%;z-index:200;
  background:linear-gradient(90deg,var(--gdk),var(--g),var(--glt));
  box-shadow:0 0 8px rgba(201,150,10,.5);transition:width .1s linear;}
.page-title{position:relative;padding-bottom:var(--sp-3);}
.page-title::after,
.hero h1::after{content:'';position:absolute;bottom:0;right:0;width:52px;height:3px;border-radius:var(--r-xs);
  background:linear-gradient(90deg,var(--gdk),var(--glt));}
.hero h1{position:relative;padding-bottom:var(--sp-4);}
.cta-box{background:linear-gradient(150deg,var(--navy),var(--navy-l));border-radius:var(--r-lg);padding:var(--sp-6) 20px;text-align:center;color:#fff;margin-top:26px;}
.cta-box h3{font-size:var(--fs-lg);font-weight:800;margin-bottom:var(--sp-2);}
.cta-box p{font-size:var(--fs-sm);color:rgba(255,255,255,.7);line-height:1.8;margin-bottom:var(--sp-4);}
.cta-btn{display:inline-flex;align-items:center;gap:var(--sp-2);background:linear-gradient(150deg,var(--g-btn),var(--gdk));color:#fff;padding:var(--sp-3) 22px;border-radius:var(--r-pill);font-size:var(--fs-sm);font-weight:800;text-decoration:none;transition:transform .15s;white-space:nowrap;}
.cta-btn svg{width:15px;height:15px;flex-shrink:0;}
.cta-btn:active{transform:scale(.95);}
.fh-shell{position:sticky;top:0;z-index:200;padding:var(--sp-2) 12px 0;background:transparent;}
.fh-card{max-width:1020px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);
  background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);
  border-radius:var(--r-xl);box-shadow:0 6px 24px rgba(20,15,0,.09);
  padding:var(--sp-2) 16px;min-height:58px;border:1px solid var(--glass-border);
  padding-top:calc(9px + env(safe-area-inset-top, 0px));
  transition:padding .25s var(--ease),min-height .25s var(--ease);}
.fh-shell.fh-shrink .fh-card{min-height:46px;padding-top:calc(4px + env(safe-area-inset-top, 0px));padding-bottom:4px;}
.fh-shell.fh-shrink .fh-logo img{height:19px;}
.fh-shell.fh-shrink .fh-icon-btn,.fh-shell.fh-shrink .fh-hamburger{width:32px;height:32px;transition:width .25s var(--ease),height .25s var(--ease);}
.fh-shell.fh-shrink .fh-icon-btn svg{width:15px;height:15px;}
.fh-shell.fh-shrink .fh-login-btn{padding:6px 14px;}
.fh-icon-btn,.fh-hamburger{transition:width .25s var(--ease),height .25s var(--ease),transform .15s,background .15s;}
.fh-login-btn{transition:padding .25s var(--ease),transform .15s,box-shadow .15s;}
.fh-logo{display:flex;align-items:center;flex-shrink:0;}
.fh-logo img{height:24px;width:auto;display:block;}
.fh-nav-desktop{display:none;align-items:center;gap:var(--sp-5);min-width:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;}
.fh-nav-desktop::-webkit-scrollbar{display:none;}
@media(min-width:1140px){.fh-nav-desktop{display:flex;flex:1;justify-content:center;}}
.fh-link{font-size:var(--fs-sm);font-weight:700;color:var(--ink-soft);text-decoration:none;position:relative;
  padding:var(--sp-1) 2px;white-space:nowrap;transition:color .15s;flex-shrink:0;}
.fh-link:hover{color:var(--gold-text);}
.fh-link.active{color:var(--gold-text);}
.fh-link.active::after{content:'';position:absolute;bottom:0;right:0;left:0;height:2px;
  background:linear-gradient(90deg,var(--gdk),var(--glt));border-radius:var(--r-xs);}
.fh-actions{display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0;}
.site-search-overlay{position:fixed;inset:0;z-index:300;background:rgba(10,15,30,.55);backdrop-filter:blur(4px);
  display:flex;align-items:flex-start;justify-content:center;padding:70px 16px 16px;
  opacity:0;pointer-events:none;transition:opacity .2s var(--ease);}
.site-search-overlay.open{opacity:1;pointer-events:auto;}
.site-search-box{width:100%;max-width:560px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);
  border:1px solid var(--glass-border);border-radius:var(--r-lg);box-shadow:var(--sh3);
  overflow:hidden;transform:translateY(-10px);transition:transform .2s var(--ease);}
.site-search-overlay.open .site-search-box{transform:translateY(0);}
.site-search-inputrow{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) 16px;border-bottom:1px solid var(--hairline);color:var(--ink-dim);}
.site-search-inputrow svg{width:18px;height:18px;flex-shrink:0;}
.site-search-inputrow input{flex:1;border:none;outline:none;background:transparent;font-family:inherit;
  font-size:var(--fs-base);color:var(--ink);direction:rtl;}
.site-search-results{max-height:60vh;overflow-y:auto;padding:var(--sp-1) 8px 10px;}
.ssr-group-label{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);font-weight:800;color:var(--ink-dim);
  padding:var(--sp-3) 8px 6px;letter-spacing:.2px;}
.ssr-group-label:first-child{padding-top:var(--sp-2);}
.ssr-group-icon{font-size:var(--fs-sm);line-height:1;}
.ssr-group-count{margin-right:auto;background:var(--surface-2);color:var(--ink-dim);font-size:var(--fs-2xs);font-weight:800;
  border-radius:var(--r-pill);padding:var(--sp-1) 8px;}
.site-search-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) 8px;border-radius:var(--r-md);
  text-decoration:none;color:inherit;position:relative;
  animation:ssrIn .3s var(--ease,cubic-bezier(.4,0,.2,1)) backwards;animation-delay:calc(var(--ssr-i,0) * 35ms);}
@keyframes ssrIn{from{opacity:0;transform:translateY(4px);}to{opacity:1;transform:translateY(0);}}
.site-search-item:hover,.site-search-item:active{background:var(--surface-2);}
.ssr-thumb{width:48px;height:48px;border-radius:var(--r-md);object-fit:cover;flex-shrink:0;background:var(--surface-2);
  box-shadow:0 2px 6px rgba(10,15,30,.1);}
.ssr-icon{width:48px;height:48px;border-radius:var(--r-md);flex-shrink:0;display:flex;align-items:center;justify-content:center;
  font-size:var(--fs-xl);background:var(--gbg);}
.ssr-body{flex:1;min-width:0;}
.site-search-title{font-size:var(--fs-base);font-weight:800;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.site-search-snippet{font-size:var(--fs-xs);color:var(--ink-soft);line-height:1.6;margin-top:var(--sp-1);
  overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.site-search-item mark{background:none;color:var(--gold-text,var(--g));font-weight:800;}
.ssr-foot{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-1);}
.ssr-meta{font-size:var(--fs-2xs);font-weight:800;color:var(--green);}
.ssr-meta.off{color:var(--ink-dim);}
.ssr-price{font-size:var(--fs-xs);font-weight:900;color:var(--gold-text,var(--g));margin-right:auto;}
.ssr-price span{font-size:var(--fs-2xs);font-weight:700;color:var(--ink-dim);margin-right:var(--sp-1);}
.ssr-arrow{width:14px;height:14px;color:var(--ink-dim);flex-shrink:0;opacity:0;transform:translateX(-3px);
  transition:opacity .15s,transform .15s;}
.site-search-item:hover .ssr-arrow{opacity:1;transform:translateX(0);}
.site-search-item.t-vitrine .ssr-icon{background:var(--gpal,var(--gbg));}
.site-search-item.t-analysis .ssr-icon{background:var(--glt2);}
.site-search-item.t-weekly .ssr-icon{background:var(--alt,var(--gbg));}
.ssr-group-label.t-vitrine{color:var(--gold-text,var(--g));}
.ssr-group-label.t-analysis{color:var(--green);}
.ssr-group-label.t-weekly{color:var(--amber,#9A6B00);}
.ssr-group-label.t-blog{color:#5a7fb0;}
.ssr-group-label.t-guide{color:#7a5cb0;}
.site-search-empty{padding:var(--sp-5);text-align:center;font-size:var(--fs-sm);color:var(--ink-dim);}
@media(max-width:480px){ .site-search-overlay{padding:60px 10px 10px;} }
.fh-login-btn{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-2) 18px;border-radius:var(--r-pill);
  background:linear-gradient(150deg,var(--g-btn),var(--gdk));color:#fff;font-weight:800;font-size:var(--fs-sm);
  border:none;cursor:pointer;white-space:nowrap;text-decoration:none;font-family:var(--font);
  box-shadow:0 4px 14px rgba(122,85,0,.22);transition:transform .15s,box-shadow .15s;}
.fh-login-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(122,85,0,.3);}
.fh-login-btn:active{transform:scale(.96);}
.fh-icon-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;
  border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--hairline);color:var(--gold-text);
  cursor:pointer;flex-shrink:0;text-decoration:none;transition:transform .15s,background .15s;}
.fh-icon-btn:hover{background:var(--gbg);}
.fh-icon-btn:active{transform:scale(.9);}
.fh-icon-btn svg{width:18px;height:18px;flex-shrink:0;}
.theme-toggle.fh-icon-btn{width:38px;height:38px;border-radius:var(--r-sm);}
.fh-hamburger{display:flex;width:38px;height:38px;border-radius:var(--r-sm);background:var(--surface-2);
  border:1px solid var(--hairline);align-items:center;justify-content:center;cursor:pointer;color:var(--ink);
  flex-shrink:0;transition:transform .15s;}
.fh-hamburger:active{transform:scale(.9);}
@media(min-width:1140px){.fh-hamburger{display:none;}}
.fh-mobile-panel{max-width:1020px;margin:0 auto;padding:0 12px;max-height:0;overflow:hidden;
  transition:max-height .28s var(--ease,ease);}
.fh-mobile-panel.open{max-height:600px;}
.fh-mobile-panel-inner{background:var(--surface);border-radius:var(--r-lg);box-shadow:0 6px 24px rgba(20,15,0,.09);
  border:1px solid var(--hairline);padding:var(--sp-2);display:flex;flex-direction:column;gap:var(--sp-1);margin-top:var(--sp-2);}
.fh-mobile-link{display:flex;align-items:center;padding:var(--sp-3) 14px;border-radius:var(--r-sm);color:var(--ink);
  text-decoration:none;font-size:var(--fs-base);font-weight:700;transition:background .15s;}
.fh-mobile-link.active{background:var(--gbg);color:var(--gold-text);}
.fh-mobile-link:active{background:var(--surface-2);}
.fh-mobile-search-btn{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) 16px;border-radius:var(--r-pill);
  color:var(--gold-text);background:var(--gbg);border:1px solid var(--bd);font-family:inherit;
  font-size:var(--fs-base);font-weight:700;text-align:right;margin-bottom:var(--sp-1);cursor:pointer;width:100%;
  transition:transform .15s;}
.fh-mobile-search-btn svg{width:18px;height:18px;flex-shrink:0;}
.fh-mobile-search-btn:active{background:var(--surface-2);transform:scale(.98);}
/* رفع باگ: قبلاً این‌جا min-width:980px بود، ولی ناوبری دسکتاپ (.fh-nav-desktop) و مخفی‌شدن
   دکمه‌ی همبرگر (.fh-hamburger) هر دو در ۱۱۴۰px تغییر می‌کنند، نه ۹۸۰px. این ناهماهنگی یک
   «منطقه‌ی مرده» بین ۹۸۰ تا ۱۱۳۹ پیکسل می‌ساخت: نه منوی دسکتاپ نشان داده می‌شد نه پنل موبایل
   قابل‌بازشدن بود (چون display:none در برابر max-height غالب است) — دقیقاً همان بازه‌ای که
   حالت «نمای دسکتاپ» گوشی معمولاً گزارش می‌دهد.
*/
@media(min-width:1140px){.fh-mobile-panel{display:none;}}
.price-signature{
  font-weight:900;
  letter-spacing:-.03em;
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1,"ss01" 1;
  background:linear-gradient(160deg,var(--gdk) 0%,var(--g) 50%,var(--gdk) 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  text-shadow:0 1px 0 rgba(0,0,0,.08);
}
html.dark .price-signature{background:linear-gradient(160deg,var(--glt) 0%,var(--gpal) 50%,var(--glt) 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.price-signature.on-light{background:none;-webkit-text-fill-color:currentColor;color:var(--ink);text-shadow:none;}
@keyframes bgDrift{
  0%,100%{transform:scale(1) translate(0,0);}
  50%{transform:scale(1.08) translate(-1.5%,1.5%);}
}
@media(prefers-reduced-motion:reduce){.bg-glow{animation:none !important;}}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .5s var(--ease),transform .5s var(--ease);}
.reveal.shown{opacity:1;transform:translateY(0);}
.reveal-stagger{transition-delay:calc(var(--ri,0) * 60ms);}
@keyframes priceFlash{0%{color:var(--gold-text);}100%{color:inherit;}}
.price-flash{animation:priceFlash .7s ease-out;}
.sk-shimmer{position:relative;overflow:hidden;background:var(--surface-2);}
.sk-shimmer::after{content:'';position:absolute;inset:0;transform:translateX(-100%);
  background:linear-gradient(90deg,transparent,var(--hairline),transparent);
  animation:skelShimmer 1.4s ease infinite;}
@keyframes skelShimmer{100%{transform:translateX(100%);}}
@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1!important;transform:none!important;transition:none!important;}
  *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}
}
a, button, .snav-item, .item-card, .teaser, .st-card, .faq-q, .cmp-tog{touch-action:manipulation;}
a, button{-webkit-tap-highlight-color:transparent;}
.site-nav-scroll, .cat-filters, .weight-filters, .asset-tabs{-webkit-overflow-scrolling:touch;}
.hdr-in{padding-top:calc(20px + env(safe-area-inset-top, 0px));}
footer{padding-bottom:calc(22px + env(safe-area-inset-bottom, 0px));}
@view-transition{navigation:auto;}
::view-transition-old(root),::view-transition-new(root){animation-duration:.28s;animation-timing-function:cubic-bezier(.4,0,.2,1);}
.scroll-top-btn{position:fixed;bottom:20px;left:20px;width:44px;height:44px;border-radius:var(--r-circle);
  background:var(--surface);border:1px solid var(--hairline);box-shadow:var(--sh2);
  display:flex;align-items:center;justify-content:center;color:var(--gold-text);cursor:pointer;
  z-index:150;opacity:0;pointer-events:none;transform:translateY(10px);
  transition:opacity .25s var(--ease),transform .25s var(--ease);touch-action:manipulation;}
.scroll-top-btn.show{opacity:1;pointer-events:auto;transform:translateY(0);}
.scroll-top-btn:active{transform:scale(.9);}
.scroll-top-btn svg{width:18px;height:18px;}
@media(max-width:480px){.scroll-top-btn{bottom:16px;left:16px;width:40px;height:40px;}}
.copyable{cursor:pointer;position:relative;touch-action:manipulation;}
.copyable:active{opacity:.6;}