/* گالری طلای عبدالی — شیوه‌نامه قالب
   برگرفته مستقیم از طرح تاییدشده. توکن‌ها در :root هستند؛
   هر رنگ و فاصله‌ای از همان‌جا خوانده می‌شود، نه از عدد پراکنده در کد. */

:root{
  --paper:#FBF9F5; --cream:#F4EEE4; --sand:#EFE7DA; --ink:#19150F;
  --body:#4B423A; --mute:#6F6457; --line:#E6DDCD; --line-2:#D8CCB7;
  --em:#0E3A2F; --em-2:#13503F; --em-ink:#F3EFE6;
  --gold:#8A6724; --gold-2:#C3A05A; --gold-soft:#F0E5CE; --gold-tx:#7E5C1F;
  --r:4px; --rl:14px;
  --dome:50% 50% 5px 5px/15% 15% 1% 1%;
  --dome-d:50% 50% 6px 6px/38% 38% 2% 2%;
  --t:260ms cubic-bezier(.22,.61,.36,1);
  --nas:"Noto Nastaliq Urdu","Noto Naskh Arabic",serif;
  --max:1200px;
  --pad:clamp(48px,5.2vw,82px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--body);
  font-family:Vazirmatn,system-ui,sans-serif;font-size:16px;line-height:1.85;
  font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:"Noto Naskh Arabic",Vazirmatn,serif;color:var(--ink);margin:0;font-weight:600;line-height:1.5}
h1,.h-xl,.h-l{font-family:var(--nas);font-weight:400;line-height:2.1;letter-spacing:0}
p{margin:0}
button{font:inherit}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:2px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;right:-9999px;top:10px;background:var(--em);color:#fff;padding:10px 18px;border-radius:var(--r);z-index:99}
.skip:focus{right:14px}

/* ---------- تایپوگرافی ---------- */
.eyebrow{font-family:Vazirmatn;font-size:12.5px;letter-spacing:.14em;color:var(--gold-tx);
  font-weight:600;display:flex;align-items:center;gap:10px}
.eyebrow::after{content:"";height:1px;width:46px;background:var(--line-2)}
.eyebrow.c{justify-content:center}
.eyebrow.c::before{content:"";height:1px;width:46px;background:var(--line-2)}
.h-xl{font-size:clamp(26px,3.6vw,44px);line-height:2.05;padding-bottom:.12em}
.h-l{font-size:clamp(22px,2.8vw,34px);line-height:2.05;padding-bottom:.12em}
.lead{font-size:clamp(15.5px,1.3vw,17.5px);color:var(--body);max-width:52ch}
.mute{color:var(--mute)}
.script{font-family:"Cormorant Garamond",serif;font-style:italic;font-weight:300;letter-spacing:.01em}

/* ---------- دکمه ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;
  padding:0 30px;border-radius:999px;font-size:15px;font-weight:600;border:1px solid transparent;
  cursor:pointer;transition:var(--t);white-space:nowrap}
.btn-p{background:var(--em);color:#F6F2E9}
.btn-p:hover{background:var(--em-2)}
.btn-g{background:var(--gold);color:#FFF8EA}
.btn-g:hover{background:#86631F}
.btn-o{background:transparent;color:var(--ink);border-color:var(--line-2)}
.btn-o:hover{border-color:var(--ink)}
.btn-l{background:transparent;color:var(--em-ink);border-color:rgba(243,239,230,.45)}
.btn-l:hover{background:rgba(243,239,230,.1)}
.btn-s{min-height:44px;padding:0 22px;font-size:14px}
.link{display:inline-flex;align-items:center;gap:7px;font-size:14.5px;font-weight:600;color:var(--ink);
  min-height:44px;transition:var(--t)}
.link .svg{width:17px;height:17px;color:var(--gold);transition:var(--t)}
.link:hover{color:var(--gold)}
.link:hover .svg{transform:translateX(-4px)}
.rnd{width:46px;height:46px;border-radius:50%;border:1px solid var(--line-2);background:transparent;
  color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:var(--t);flex:none}
.rnd:hover{border-color:var(--gold);color:var(--gold)}
.rnd.on-em{border-color:rgba(243,239,230,.34);color:var(--em-ink)}
.rnd.on-em:hover{border-color:var(--gold-2);color:var(--gold-2)}

/* ---------- هدر ---------- */
.rate{background:var(--em);color:#DCD3C2;font-size:13px}
.rate .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:42px;flex-wrap:wrap}
.rate b{color:#EBD9AC;font-weight:600}
.rate .dot{width:6px;height:6px;border-radius:50%;background:#64C79C;display:inline-block;margin-left:7px}
header{position:sticky;top:0;z-index:50;background:rgba(251,249,245,.9);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line)}
.hd{display:flex;align-items:center;gap:22px;min-height:84px}
.brand{display:flex;align-items:center;gap:11px;white-space:nowrap}
.brand img{width:44px;height:auto}
.brand .nm{font-family:"Noto Naskh Arabic",serif;font-size:19px;font-weight:700;color:var(--ink);line-height:1.2}
.brand .tg{display:block;font-family:Vazirmatn;font-size:10.5px;letter-spacing:.17em;color:var(--mute);font-weight:500}
/* فقط منوی سرصفحه. تا ۲۶ مهر «nav» تنها بود و به مسیرِ صفحه (breadcrumb)،
   صفحه‌بندی و منوی حساب هم می‌خورد: دو حلقهٔ اولِ مسیر ۱۵ پیکسل با فاصلهٔ
   ۱۴ پیکسلی بودند و بقیه ۱۳ پیکسل. */
header nav{margin-right:auto;display:flex;gap:4px}
header nav a{font-size:15px;padding:10px 14px;border-radius:var(--r);color:var(--body);transition:var(--t);position:relative}
header nav a::after{content:"";position:absolute;bottom:4px;right:14px;left:14px;height:1px;background:var(--gold);
  transform:scaleX(0);transition:var(--t)}
header nav a:hover{color:var(--ink)}
header nav a:hover::after{transform:scaleX(1)}
.acts{display:flex;gap:2px;align-items:center}
.ico{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:var(--body);
  background:transparent;border:0;cursor:pointer;transition:var(--t);position:relative}
.ico:hover{background:var(--cream);color:var(--ink)}
.acc-btn{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 15px;margin-inline:4px;border:1px solid var(--line-2);
  border-radius:99px;color:var(--ink);font-size:13.5px;font-weight:500;text-decoration:none;white-space:nowrap;transition:var(--t)}
.acc-btn:hover{border-color:var(--gold-2);background:var(--cream)}
.acc-btn .svg{width:18px;height:18px;flex:none}
.acc-btn .s{display:none}
@media (max-width:640px){.acc-btn{padding:0 11px;gap:5px;font-size:13px;min-height:38px;margin-inline:2px}.acc-btn .l{display:none}.acc-btn .s{display:inline}}
/* گوشی‌های باریک: «حساب من» از «ورود» بلندتر است و ردیفِ هدر ۲ پیکسل از ۳۹۰ بیرون می‌زد (۲۹ مهر) */
@media (max-width:420px){.acc-btn{padding:0 9px;gap:4px;margin-inline:0}.hd .acts .ico{width:40px}.hd .brand{min-width:0}}
.ico b{position:absolute;top:7px;left:7px;min-width:17px;height:17px;border-radius:99px;background:var(--gold);
  color:#FFF8EA;font-size:10.5px;font-weight:700;display:grid;place-items:center;padding:0 4px}
.burger{display:none}

/* ---------- اسلایدر تمام‌عرض ---------- */
.hero{position:relative;overflow:hidden}
.hslides{position:relative;height:clamp(540px,82vh,800px)}
.hs{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .9s ease}
.hs[data-on="1"]{opacity:1;visibility:visible}
.hs>img{width:100%;height:100%;object-fit:cover}
.hs .vl{position:absolute;inset:0;
  background:linear-gradient(to left,rgba(12,48,39,.9) 0%,rgba(12,48,39,.62) 34%,rgba(12,48,39,.08) 70%)}
.hs .c{position:absolute;inset:0;display:flex;align-items:center}
.hs .c>.wrap{width:100%}
.hs .box{max-width:min(540px,88%)}
.hs .box>*+*{margin-top:20px}
.hs h1{color:#fff}
.hs p{color:#DBD5C8;font-size:clamp(15px,1.3vw,17px);max-width:46ch}
.hs .eyebrow{color:var(--gold-2)}
.hs .eyebrow::after{background:rgba(243,239,230,.34)}
.harrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:52px;height:52px;
  border-radius:50%;border:1px solid rgba(243,239,230,.55);background:rgba(12,48,39,.5); /* .22 روی بخشِ روشنِ عکس خاکستریِ کدر دیده می‌شد و دو فلش ناهمسان */
  backdrop-filter:blur(6px);color:#F3EFE6;display:grid;place-items:center;cursor:pointer;transition:var(--t)}
.harrow:hover{background:rgba(12,48,39,.62);border-color:var(--gold-2);color:var(--gold-2)}
.harrow.rr{right:clamp(10px,2.2vw,30px)}
.harrow.ll{left:clamp(10px,2.2vw,30px)}
.hbar{position:absolute;left:0;right:0;bottom:clamp(44px,6vw,78px);z-index:3}
.snav{display:flex;align-items:center;gap:12px}
.snav .rnd{width:44px;height:44px;border-color:rgba(243,239,230,.38);color:#F3EFE6}
.snav .rnd:hover{border-color:var(--gold-2);color:var(--gold-2)}
.dots{display:flex;gap:8px;align-items:center;min-height:44px}
.dots button{width:26px;height:3px;padding:0;border:0;border-radius:99px;
  background:rgba(243,239,230,.38);cursor:pointer;transition:var(--t)}
.dots button[aria-current="true"]{background:var(--gold-2);width:44px}
.scount{font-size:13px;color:#CFC8BA;letter-spacing:.1em;margin-right:8px}
.hcurve{position:absolute;left:-2%;right:-2%;bottom:-1px;height:clamp(34px,4.6vw,74px);z-index:4;
  background:var(--paper);border-radius:50% 50% 0 0/100% 100% 0 0;pointer-events:none}

/* ---------- نوار اعتماد ---------- */
/* ۲۸ مهر: یک خطِ ۱۳٫۵ پیکسلیِ کم‌رنگ وسطِ یک فضای خالی بود و «رها شده» دیده می‌شد.
   حالا یک نوارِ قاب‌دار با خانه‌های هم‌اندازه؛ تعداد ستون از تعدادِ موردها (--n). */
.trust{padding:clamp(28px,3.4vw,48px) 0 0} /* پایین را بخشِ بعدی (هدیه‌یاب) می‌دهد */
.trust ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));
  background:var(--cream);border:1px solid var(--line);border-radius:var(--rl);overflow:hidden}
.trust li{display:flex;align-items:center;justify-content:center;gap:14px;padding:clamp(18px,2vw,26px) clamp(14px,1.6vw,24px);
  font-size:15px;font-weight:500;color:var(--ink);line-height:1.7;text-align:right}
.trust li+li{border-right:1px solid var(--line)}
.trust .ti{width:46px;height:46px;border-radius:50%;border:1px solid var(--gold-2);background:var(--paper);
  display:grid;place-items:center;flex:none}
.trust .svg{width:21px;height:21px;color:var(--gold-tx)}

/* ---------- بخش ---------- */
/* بخش‌های خودِ المنتور نه: ویجت‌های ما داخلشان یک <section> با همین فاصله دارند
   و دو لایه روی هم ۱۵۰ پیکسل جای خالی بالا و پایینِ هر بخش می‌ساخت (دربارهٔ ما، ۲۶ مهر).
   فاصلهٔ بخشِ المنتور را خودِ المنتور (تنظیمِ همان بخش) می‌دهد. */
section:not(.elementor-section){padding:var(--pad) 0}
/* فاصلهٔ بینِ بخش‌های صفحهٔ نخست، در یک جا. دو بخشِ بی‌زمینه پشتِ‌سرِ‌هم یک
   فاصله می‌گیرند (پایینِ قبلی)؛ بعد از بخشِ رنگی (اقساط، روایت) فاصلهٔ کامل،
   چون پایینِ آن بخش داخلِ رنگِ خودش است. تا ۲۶ مهر هر قالب padding-top:0
   را خودش داشت و «ویدیو» بعد از اقساط به لبهٔ رنگ چسبیده بود. ترتیب را مالک
   عوض می‌کند، پس این قاعده نباید به ترتیب وابسته باشد. */
#main > section:not(.ins):not(.story):not(.hero) + section:not(.ins):not(.story){padding-top:0}
.head{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;margin-bottom:clamp(24px,2.8vw,40px)}
.head>div>*+*{margin-top:14px}
.head.c{flex-direction:column;align-items:center;text-align:center}
.head.c .lead{text-align:center}

/* ---------- نشان گالری، برگرفته از لوگو ---------- */
.flr{display:block;width:118px;height:24px;margin:0 auto 14px;fill:var(--gold-2);stroke:none}

/* ---------- دسته‌بندی ---------- */
/* اندازهٔ هر کارت همان اندازهٔ ردیفِ هشت‌تایی می‌ماند؛ با کمتر از هشت دسته
   ردیف باریک‌تر و وسط می‌شود، نه اینکه به راست بچسبد و چپ خالی بماند */
.cols{display:grid;grid-template-columns:repeat(var(--n,8),minmax(0,1fr));gap:clamp(10px,1.1vw,18px);align-items:start;
  max-width:calc(var(--n,8) * (100% + clamp(10px,1.1vw,18px)) / 8 - clamp(10px,1.1vw,18px));margin-inline:auto}
.cat{display:block;position:relative;padding-top:12px}
.cat .fr{position:relative}
.cat .fr::before{content:"";position:absolute;inset:-7px;border-radius:var(--rad);
  border:1.2px solid var(--gold-2);pointer-events:none;transition:var(--t)}
.cat:hover .fr::before{inset:-10px}
.cat .ph{position:relative;z-index:1;overflow:hidden;background:var(--cream);
  aspect-ratio:var(--ar);border-radius:var(--rad)}
.cat .ph img{width:100%;height:100%;object-fit:cover;object-position:var(--pos,center);
  transition:transform .9s cubic-bezier(.22,.61,.36,1)}
.cat:hover .ph img{transform:scale(1.06)}
.cat .fin{position:absolute;top:0;right:50%;transform:translateX(50%);z-index:2;
  width:30px;height:16px;fill:var(--gold-2);display:block}
.cat .cp{text-align:center;margin-top:20px}
/* بیش از هشت دسته: یک ردیفِ اسکرولی، هر کارت به پهنای ردیفِ هشت‌تایی.
   لبه‌ها محو می‌شوند تا معلوم باشد ادامه دارد. */
.cols.scroll{display:flex;max-width:none;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;
  padding:4px 12px 10px;scrollbar-width:none;
  -webkit-mask-image:linear-gradient(to left,transparent 0,#000 28px,#000 calc(100% - 28px),transparent 100%);
          mask-image:linear-gradient(to left,transparent 0,#000 28px,#000 calc(100% - 28px),transparent 100%)}
.cols.scroll::-webkit-scrollbar{display:none}
.cols.scroll .cat{flex:0 0 calc((100% - 7 * 16px) / 8);scroll-snap-align:start}
#cols .rnav.rr,#cols .rnav.ll{top:calc(50% - 46px)}
@media (max-width:1040px){.cols.scroll .cat{flex-basis:clamp(132px,22vw,170px);scroll-snap-align:center}}
.cat h3{font-family:Vazirmatn;font-size:14px;font-weight:600;line-height:1.7}
.cat .en{display:block;font-family:"Cormorant Garamond",serif;font-style:italic;font-size:13px;
  color:var(--gold-tx);margin-top:1px}

/* ---------- یابندهٔ محصول ---------- */
.fin{max-width:900px;margin:0 auto;text-align:center}
.sentence{font-family:var(--nas);font-size:clamp(21px,2.9vw,40px);line-height:2.7;color:var(--ink);
  margin-top:6px}
.sentence select{font:inherit;color:var(--gold-tx);background:transparent;border:0;
  border-bottom:1.5px solid var(--line-2);padding:0 10px 6px;margin:0 4px;cursor:pointer;
  appearance:none;text-align:center;transition:var(--t)}
.sentence select:hover{border-bottom-color:var(--gold);color:var(--gold)}
.sentence option{color:#19150F;font-family:Vazirmatn;font-size:15px}
.fgo{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;
  margin-top:clamp(26px,3vw,42px)}
.fcount{font-size:13.5px;color:var(--mute)}

/* ---------- ریل محصول ---------- */
.railwrap{position:relative}
.rail{--cw:clamp(224px,22vw,272px);display:flex;gap:clamp(22px,2.6vw,38px);overflow-x:auto;
  scroll-snap-type:x mandatory;padding:26px 0 20px;scrollbar-width:none;align-items:center}
.rail::-webkit-scrollbar{display:none}
.rail::before,.rail::after{content:"";flex:0 0 calc(50% - var(--cw)/2)}
.card{flex:0 0 var(--cw);scroll-snap-align:center;position:relative;display:flex;flex-direction:column;
  transition:transform var(--t)}
.card .fr{position:relative}
.card .fr::before{content:"";position:absolute;inset:-13px;border-radius:var(--dome-d);
  border:1.3px solid var(--gold-2);opacity:0;transition:var(--t);pointer-events:none}
.card .ph{position:relative;border-radius:var(--dome);overflow:hidden;background:var(--cream);
  aspect-ratio:3/3.6;transition:border-radius var(--t)}
.card .ph img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.22,.61,.36,1)}
.card:hover .ph img{transform:scale(1.05)}
/* کارتِ منتخب بزرگ‌نمایی نمی‌شود. دو ایراد می‌ساخت:
   ۱) مرورگر همان را snap می‌کرد و ریل از وسط باز می‌شد، پس کارت‌های دو
      طرف نصفه دیده می‌شدند و شکسته به نظر می‌رسید.
   ۲) ردیف ناهموار می‌شد: تیتر و قیمتِ این کارت ۱۳ پیکسل پایین‌تر از بقیه.
   قابِ طلایی و گنبد و دکمهٔ همیشه‌روشن برای متمایز کردنش کافی است. */
.card.feat{z-index:1}
.card.feat .fr::before{opacity:1}
.card.feat .ph{border-radius:var(--dome-d)}
.tag{position:absolute;top:14px;right:50%;transform:translateX(50%);font-size:11.5px;font-weight:600;
  padding:5px 13px;border-radius:99px;background:rgba(251,249,245,.92);color:var(--ink);white-space:nowrap}
.tag.g{background:var(--gold);color:#FFF8EA}
.card .bd{padding-top:24px;text-align:center}
.card h3{font-family:Vazirmatn;font-size:15.5px;font-weight:600;line-height:1.7}
.spec{display:flex;gap:12px;justify-content:center;font-size:12.5px;color:var(--mute);margin-top:6px}
.price{margin-top:10px;font-size:16.5px;font-weight:700;color:var(--ink)}
.price small{font-size:12px;font-weight:400;color:var(--mute);margin-right:4px}
.card .act{margin-top:16px;opacity:0;transform:translateY(6px);transition:var(--t)}
.card.feat .act,.card:focus-within .act{opacity:1;transform:none}
.rnav{display:flex;align-items:center;gap:12px;justify-content:center;margin-top:18px;flex-wrap:wrap}

/* ---------- روایت برند ---------- */
.story{background:var(--em);color:var(--em-ink)}
.sgrid{display:grid;grid-template-columns:1fr 1.06fr;min-height:clamp(470px,54vw,650px)}
.spanel{display:flex;align-items:center;
  padding:clamp(44px,5.4vw,88px) max(24px,calc((100vw - 1200px)/2 + 24px)) clamp(44px,5.4vw,88px) clamp(26px,4vw,62px)}
.sinner{max-width:460px}
.sinner .st{display:none}
.sinner .st[data-on="1"]{display:block;animation:fade .6s ease both}
.sinner .eyebrow{color:var(--gold-2)}
.sinner .eyebrow::after{background:rgba(243,239,230,.3)}
.quote{font-family:var(--nas);font-size:clamp(20px,2.5vw,34px);line-height:2.5;color:#fff;margin-top:18px}
.sinner p{color:#CFC9BC;font-size:15px;margin-top:18px;line-height:2}
.sgrid.light .sinner p{color:var(--body)}
.sgrid.light .quote{color:var(--ink)}
.sgrid.light .sinner .eyebrow{color:var(--gold-tx)}
.sgrid.light .sinner .eyebrow::after{background:var(--line-2)}
.sphoto{position:relative;overflow:hidden;background:#0A2A22;min-height:320px}
.sphoto .sl{position:absolute;inset:0;opacity:0;transition:opacity .85s ease}
.sphoto .sl[data-on="1"]{opacity:1}
.sphoto img{width:100%;height:100%;object-fit:cover}
.pager{display:flex;align-items:center;gap:16px;margin-top:clamp(26px,3vw,40px);
  font-size:13px;color:#BDB5A6;letter-spacing:.08em;flex-wrap:wrap}
.pager .btns{display:flex;gap:10px}

/* ---------- چرا ما ---------- */
.why{max-width:940px;margin:0 auto}
.wrow{display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,3.2vw,52px);align-items:start;
  padding:clamp(20px,2.4vw,34px) 0;border-top:1px solid var(--line)}
.wrow:last-child{border-bottom:1px solid var(--line)}
.wn{font-family:var(--nas);font-size:clamp(32px,4.2vw,60px);color:var(--gold-2);line-height:1.7}
.wrow h3{font-size:20px;margin-bottom:9px}
.wrow p{font-size:14.5px;color:var(--mute);line-height:1.95;max-width:60ch}
.wrow.i1{padding-right:clamp(0px,5vw,86px)}
.wrow.i2{padding-right:clamp(0px,10vw,172px)}

/* ---------- ژورنال ---------- */
.jr{display:grid;grid-template-columns:1.22fr 1fr;gap:clamp(22px,3vw,46px);align-items:start}
.jr .ph{border-radius:var(--dome);overflow:hidden;background:var(--cream)}
.jr .ph img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.22,.61,.36,1)}
.jr a:hover .ph img{transform:scale(1.045)}
.jr .big .ph{aspect-ratio:4/3.5}
.jr .big h3{font-size:clamp(19px,2vw,24px);margin-top:22px;line-height:1.8}
.jr .side{display:flex;flex-direction:column;gap:clamp(18px,2.2vw,32px)}
.jr .sm{display:grid;grid-template-columns:132px 1fr;gap:18px;align-items:center}
.jr .sm .ph{aspect-ratio:1}
.jr .sm h3{font-size:16px;line-height:1.8}
.jr .mt{font-size:12.5px;color:var(--mute);margin-top:8px}
.jr.even{grid-template-columns:repeat(var(--n,2),minmax(0,1fr));max-width:calc(var(--n,2) * 420px);margin-inline:auto}
.jr.even .big .ph{aspect-ratio:4/3}
/* فهرستِ ژورنال: سه‌تایی، هر تعداد نوشته (ردیف‌ها می‌شکنند) */
.jr.jr-list{--n:3;max-width:none;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
.jr.jr-list .big .eyebrow{margin-top:16px}
.jr.jr-list .big h3{margin-top:8px}
@media (max-width:900px){.jr.jr-list{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- خبرنامه ---------- */
.nl{text-align:center;max-width:620px;margin:0 auto}
.nl form{display:flex;gap:16px;justify-content:center;align-items:flex-end;margin-top:30px;flex-wrap:wrap}
.nl input{border:0;border-bottom:1px solid var(--line-2);background:transparent;padding:12px 8px;
  font:inherit;font-size:15.5px;color:var(--ink);text-align:center;min-width:252px}
.nl input:focus{outline:0;border-bottom-color:var(--gold)}
.nl small{display:block;margin-top:18px;font-size:12.5px;color:var(--mute)}
/* تلهٔ ربات. هرگز با left:-9999px پنهان نکن: در صفحهٔ راست‌به‌چپ، بیرون‌زدگی به
   چپ اسکرول‌پذیر است و صفحه ۱۰۳۸۹ پیکسل پهن شد؛ کرومِ موبایل کلِ صفحه را کوچک
   کرد و دکمهٔ منو زیرِ انگشت نبود (۲۶ مهر). */
.nl .hp{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;opacity:0}
.nlmsg{min-height:1.6em;margin-top:12px;font-size:14px}
.nlmsg.ok{color:#1E7A5A}
.nlmsg.err{color:#A23B2A}

/* ---------- فوتر ---------- */
footer{background:var(--em);color:#C9C2B4}
.fdiv{display:flex;justify-content:center;padding:clamp(26px,3vw,44px) 0 0}
.fdiv svg{width:118px;height:24px;fill:var(--gold-2);opacity:.7}
.ftop{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr;gap:clamp(26px,3.4vw,54px);
  padding:clamp(40px,4.6vw,66px) 0 clamp(36px,4vw,56px)}
.fbrand .fb-mark{display:inline-flex;flex-direction:column;align-items:center}
.fbrand img{width:52px;filter:brightness(0) invert(1);opacity:.92}
.fbrand .nm{display:block;font-family:var(--nas);font-size:24px;color:#F3EFE6;line-height:2.2;margin-top:6px}
.fbrand p{font-size:14px;line-height:2;margin-top:10px;max-width:34ch}
footer h3{color:#F3EFE6;font-family:Vazirmatn;font-size:13.5px;font-weight:600;letter-spacing:.06em;
  margin-bottom:18px}
footer ul{list-style:none;margin:0;padding:0}
footer li{margin-bottom:11px;font-size:14px}
footer a:hover{color:#EBD9AC}
.soc{display:flex;gap:9px;margin-top:22px}
.soc a{width:44px;height:44px;border-radius:50%;border:1px solid rgba(243,239,230,.2);
  display:grid;place-items:center;color:#C9C2B4;transition:var(--t)}
.soc a:hover{border-color:var(--gold-2);color:#EBD9AC}
.cpy{border-top:1px solid rgba(243,239,230,.14);padding:22px 0;display:flex;justify-content:space-between;
  gap:16px;flex-wrap:wrap;font-size:12.5px}


/* ---------- هدیه‌یاب ---------- */
.gift{background:var(--sand);border-radius:var(--rl)}
.gift .in{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(28px,4vw,66px);
  padding:clamp(30px,3.6vw,54px);align-items:center}
.gq{font-family:var(--nas);font-size:clamp(20px,2.4vw,32px);line-height:2.4;color:var(--ink);margin-top:10px}
.chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.chips button{min-height:42px;padding:0 17px;border-radius:999px;border:1px solid var(--line-2);
  background:var(--paper);color:var(--body);font-size:14px;cursor:pointer;transition:var(--t)}
.chips button:hover{border-color:var(--ink);color:var(--ink)}
.chips button[aria-pressed="true"]{background:var(--em);color:#F6F2E9;border-color:var(--em)}
/* دکمه‌های لینکیِ دسته (۴۰۴، صفحه‌های خالی، زیردسته‌ها) — تا ۲۹ مهر هیچ قانونی نداشتند و متنِ ساده دیده می‌شدند */
a.chip{display:inline-flex;align-items:center;gap:5px;min-height:42px;padding:0 17px;border-radius:999px;border:1px solid var(--line-2);
  background:var(--paper);color:var(--body);font-size:14px;text-decoration:none;transition:var(--t)}
a.chip:hover{border-color:var(--gold-2);color:var(--ink);background:var(--cream)}
.gpre{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,1.6vw,20px)}
.gpre a{background:var(--paper);border-radius:var(--rl);padding:12px 12px 16px;transition:var(--t)}
.gpre a:hover{box-shadow:0 22px 50px -40px rgba(25,21,15,.6)}
.gpre .ph{border-radius:var(--dome);overflow:hidden;aspect-ratio:1;background:var(--cream)}
.gpre img{width:100%;height:100%;object-fit:cover}
.gpre h3{font-family:Vazirmatn;font-size:14px;font-weight:600;margin-top:12px;text-align:center}
.gpre .p{font-size:13.5px;font-weight:700;color:var(--em);text-align:center;margin-top:5px}
.gpre a[hidden]{display:none}

/* ---------- خرید یک‌جای ست ---------- */
.shop{display:grid;grid-template-columns:1fr 1.08fr;gap:clamp(28px,4vw,70px);align-items:center}
.shopimg{position:relative;order:2;border-radius:var(--dome-d);overflow:hidden;background:var(--cream);
  aspect-ratio:4/4.2}
.shopimg img{width:100%;height:100%;object-fit:cover}
.hot{position:absolute;width:34px;height:34px;border-radius:50%;border:0;cursor:pointer;
  background:rgba(251,249,245,.92);color:var(--ink);display:grid;place-items:center;
  transform:translate(50%,-50%);box-shadow:0 6px 18px -8px rgba(25,21,15,.7);transition:var(--t)}
.hot::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(251,249,245,.6)}
.hot:hover{transform:translate(50%,-50%) scale(1.12)}
.hot[aria-pressed="true"]{background:var(--em);color:#F6F2E9}
.hot .svg{width:17px;height:17px}
.shoptx>*+*{margin-top:18px}
.piece{display:grid;grid-template-columns:76px 1fr auto;gap:16px;align-items:center;
  background:var(--paper);border:1px solid var(--line);border-radius:var(--rl);padding:12px 14px}
.piece .th{border-radius:10px;overflow:hidden;aspect-ratio:1;background:var(--cream)}
.piece .th img{width:100%;height:100%;object-fit:cover}
.piece h3{font-family:Vazirmatn;font-size:15px;font-weight:600}
.piece .sp{font-size:12.5px;color:var(--mute);margin-top:4px}
.piece .pr{font-size:15px;font-weight:700;color:var(--em);margin-top:6px}
.sum{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;font-size:14px;color:var(--mute);
  padding-top:6px}
.sum b{font-size:clamp(17px,1.9vw,21px);color:var(--ink);font-weight:700}

/* ---------- ویدیو ---------- */
.vids{display:flex;gap:clamp(14px,1.8vw,24px);overflow-x:auto;scroll-snap-type:x mandatory;
  padding:6px 0 10px;scrollbar-width:none}
.vids::-webkit-scrollbar{display:none}
.vid{flex:0 0 clamp(168px,17vw,218px);scroll-snap-align:center;position:relative;
  border-radius:var(--dome);overflow:hidden;aspect-ratio:9/16;background:var(--cream)}
.vid img,.vid video{width:100%;height:100%;object-fit:cover;display:block;
  animation:kb 9s ease-in-out infinite alternate;will-change:transform}
.vid:nth-child(2n) img{animation-duration:11s;animation-direction:alternate-reverse}
.vid:nth-child(3n) img{animation-duration:10s;animation-delay:-3s}
.vid:nth-child(4n) img{animation-duration:12s;animation-delay:-5s}
.vid:nth-child(5n) img{animation-duration:9.5s;animation-delay:-2s}
.vid video{animation:none}
@keyframes kb{
  from{transform:scale(1) translate(0,0)}
  to{transform:scale(1.26) translate(3%,-4%)}
}
.vid .pl i{animation:pulse 2.6s ease-in-out infinite}
@keyframes pulse{
  0%,100%{box-shadow:0 0 0 0 rgba(251,249,245,.55)}
  70%{box-shadow:0 0 0 14px rgba(251,249,245,0)}
}
.vid .bar{position:absolute;top:15px;right:26px;left:26px;height:2.5px;border-radius:99px;
  background:rgba(251,249,245,.32);overflow:hidden;z-index:2}
.vid .bar i{display:block;height:100%;width:0;background:var(--gold-2);
  animation:story 6.5s linear infinite}
.vid:nth-child(2n) .bar i{animation-delay:-2.2s}
.vid:nth-child(3n) .bar i{animation-delay:-4.4s}
.vid:nth-child(5n) .bar i{animation-delay:-1.1s}
@keyframes story{from{width:0}to{width:100%}}
.vid .live{position:absolute;top:26px;right:50%;transform:translateX(50%);z-index:2;
  display:inline-flex;align-items:center;gap:6px;white-space:nowrap;
  font-size:10.5px;letter-spacing:.1em;color:#F6F2E9;background:rgba(12,48,39,.45);
  backdrop-filter:blur(4px);padding:3px 9px;border-radius:99px}
.vid .live b{width:5px;height:5px;border-radius:50%;background:#64C79C;animation:blink 2s ease-in-out infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}
.vid .pl{position:absolute;inset:0;display:grid;place-items:center;
  background:linear-gradient(0deg,rgba(12,48,39,.42),rgba(12,48,39,0) 55%)}
.vid .pl i{width:50px;height:50px;border-radius:50%;background:rgba(251,249,245,.92);color:var(--em);
  display:grid;place-items:center;transition:var(--t)}
.vid:hover .pl i{transform:scale(1.14)}
.vid .cap{position:absolute;inset:auto 12px 12px 12px;color:#F6F2E9;font-size:12.5px;text-align:center}

/* ---------- شعبه‌ها ---------- */
.br{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(26px,3.6vw,60px);align-items:center}
.brimg{order:2;border-radius:var(--dome-d);overflow:hidden;aspect-ratio:4/3;background:var(--cream)}
.brimg img{width:100%;height:100%;object-fit:cover}
.brlist{display:flex;flex-direction:column;gap:14px}
.brc{border:1px solid var(--line);border-radius:var(--rl);padding:18px 20px;transition:var(--t)}
.brc:hover{border-color:var(--line-2)}
.brc h3{font-size:18px}
.brc .ad{display:flex;gap:8px;align-items:flex-start;font-size:14px;color:var(--mute);margin-top:7px;line-height:1.9}
.brc .ad .svg{width:15px;height:15px;color:var(--gold-tx);flex:none;margin-top:6px}
.brc .ad a{color:inherit;text-decoration:none}
.brc .ad:has(> a){align-items:center}
.brc .ad:has(> a) .svg{margin-top:0}
.brc .ad a:hover{color:var(--gold-tx)}
.brc .hr{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:#1E7A5A;margin-top:10px}
.brc .hr .svg{width:15px;height:15px}
/* کارتِ شعبه با عکسِ خودِ مغازه (۲۸ مهر): عکس کنارِ مشخصات، مسیریابی زیرش */
.brc.has-img{display:grid;grid-template-columns:minmax(120px,38%) 1fr;gap:clamp(14px,1.8vw,22px);padding:12px;align-items:stretch}
/* عکس هم‌قدِ کارت؛ aspect-ratio نه: با stretch پهنا را از ارتفاع می‌ساخت و عکس روی متن می‌رفت */
.brc-ph{border-radius:calc(var(--rl) - 4px);overflow:hidden;background:var(--cream);width:100%;min-height:170px}
.brc .brc-ph img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0}
.brc.has-img .brc-in{padding:8px 4px 8px 6px;display:flex;flex-direction:column}
.brc-map{margin-top:auto;align-self:flex-start;gap:8px;min-height:42px;font-size:14px}
.brc .brc-map{margin-top:14px}
.brc.has-img .brc-map{margin-top:auto}
.brc.has-img .hr{margin-bottom:14px}
.brc-map .svg{width:16px;height:16px}
/* صفحهٔ نخست: کارت‌ها ستونی کنارِ هم (عکس بالا) */
.br.br-grid{grid-template-columns:1fr;gap:clamp(20px,2.6vw,34px)}
.br.br-grid .br-txt{text-align:center}
.br.br-grid .br-txt .eyebrow{justify-content:center}
.br-note{font-size:14.5px;margin-bottom:0}
.br.br-grid .brlist{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(14px,1.8vw,24px)}
.br.br-grid .brc.has-img{grid-template-columns:1fr;padding:10px}
.br.br-grid .brc-ph{aspect-ratio:4/5;height:auto}
@media (max-width:520px){
  .brc.has-img{grid-template-columns:1fr}
  .brc-ph{aspect-ratio:4/3;min-height:0}
  .brc .brc-ph img{object-position:50% 30%}
  .br.br-grid .brc-ph{aspect-ratio:4/3}
}
.br.br-grid .brc.has-img .brc-in{padding:6px 10px 10px}

/* ---------- دنبال کنید ---------- */
.follow{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin-top:28px}
.follow a{display:inline-flex;align-items:center;gap:9px;min-height:48px;padding:0 20px;
  border-radius:999px;border:1px solid var(--line-2);font-size:14.5px;color:var(--ink);transition:var(--t)}
.follow a:hover{border-color:var(--gold);color:var(--gold-tx)}
.follow .svg{width:19px;height:19px;color:var(--gold-tx)}

/* ================= صفحه محصول و دسته‌بندی ================= */

/* ---------- مسیر ---------- */
.crumb{padding:22px 0 0}
.crumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;color:var(--mute)}
.crumb li{display:flex;align-items:center;gap:6px}
.crumb li+li::before{content:"";width:5px;height:5px;border-left:1px solid var(--line-2);
  border-bottom:1px solid var(--line-2);transform:rotate(45deg)}
.crumb a:hover{color:var(--ink)}
.crumb [aria-current]{color:var(--ink)}

/* ---------- بالای صفحه محصول ---------- */
.pdp{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(30px,4.6vw,70px);
  padding:clamp(26px,3.4vw,46px) 0 var(--pad);align-items:start}

/* گالری */
.gal{position:relative}
.gal .stage{position:relative;padding:24px}
.gal .stage::before{content:"";position:absolute;inset:11px 11px 13px 11px;
  border:1.3px solid var(--gold-2);border-radius:var(--dome-d);pointer-events:none;z-index:2}
.gal .fin{position:absolute;top:12px;right:50%;transform:translate(50%,-50%);z-index:3;
  width:34px;height:18px;fill:var(--gold-2);display:block}
.gal .big{position:relative;border-radius:var(--dome-d);overflow:hidden;background:var(--cream);
  aspect-ratio:3/3.5;z-index:1}
.gal .big img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;opacity:0;transition:opacity .5s ease}
.gal .big img[data-on="1"]{opacity:1}
.gal .lab{position:absolute;top:26px;right:50%;transform:translateX(50%);z-index:2;
  background:var(--gold);color:#FFF8EA;font-size:11.5px;font-weight:600;padding:5px 14px;border-radius:99px}
.thumbs{display:flex;gap:12px;margin-top:8px;position:relative;z-index:1}
.thumbs button{flex:1;padding:0;border:1px solid var(--line);background:var(--cream);
  border-radius:var(--dome);overflow:hidden;cursor:pointer;aspect-ratio:1;transition:var(--t)}
.thumbs img{width:100%;height:100%;object-fit:cover}
.thumbs button:hover{border-color:var(--line-2)}
.thumbs button[aria-current="true"]{border-color:var(--em);box-shadow:0 0 0 1px var(--em)}

/* اطلاعات */
.info>*+*{margin-top:20px}
.info h1{font-size:clamp(22px,2.7vw,34px);line-height:2.05}
.meta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;font-size:13px;color:var(--mute)}
.stars{display:inline-flex;gap:2px;color:var(--gold)}
.stars .svg{width:15px;height:15px;fill:currentColor;stroke:none}
.ok{display:inline-flex;align-items:center;gap:6px;color:#1E7A5A;font-weight:600}
.ok .svg{width:16px;height:16px}

/* جدول قیمت */
.pbox{background:var(--cream);border-radius:var(--rl);padding:clamp(20px,2.4vw,28px)}
.prow{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 0;
  border-bottom:1px dashed var(--line-2);font-size:14px}
.prow:last-of-type{border-bottom:0}
.prow b{font-weight:600;color:var(--ink)}
.prow.tot{border-top:1px solid var(--line-2);margin-top:8px;padding-top:16px}
.prow.tot span{font-size:15px}
.prow.tot b{font-size:clamp(21px,2.4vw,27px);color:var(--em);font-family:Vazirmatn}
.pnote{font-size:12.5px;color:var(--mute);margin-top:12px;display:flex;align-items:flex-start;gap:7px}
.pnote .svg{width:15px;height:15px;flex:none;margin-top:4px;color:var(--gold-tx)}
.live{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--mute)}
.live i{width:6px;height:6px;border-radius:50%;background:#1E7A5A;display:inline-block}

/* انتخاب‌ها */
.opt{margin-top:4px}
.opt .t{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:14px;margin-bottom:11px}
.opt .t b{font-weight:600;color:var(--ink)}
.opt .t span{font-size:12.5px;color:var(--mute)}
.choices{display:flex;gap:10px;flex-wrap:wrap}
.choices button{min-height:46px;padding:0 18px;border-radius:999px;border:1px solid var(--line-2);
  background:transparent;color:var(--body);font-size:14.5px;cursor:pointer;transition:var(--t)}
.choices button:hover{border-color:var(--ink);color:var(--ink)}
.choices button[aria-checked="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
/* دکمه‌های بالای قیمت همان select ووکامرس را پر می‌کنند (product.js)؛ select
   فقط وقتی پنهان است که این اتصال برقرار شده باشد */
.variations_form.has-chips table.variations{display:none}
.opt.info .t{font-size:14px;color:var(--body)}
.swatches{display:flex;gap:12px}
.swatches button{width:46px;height:46px;border-radius:50%;border:1px solid var(--line-2);cursor:pointer;
  padding:0;transition:var(--t);position:relative}
.swatches button[aria-checked="true"]{box-shadow:0 0 0 2px var(--paper),0 0 0 3px var(--ink)}
.swatches .y{background:linear-gradient(145deg,#E7C778,#C79F49)}
.swatches .w{background:linear-gradient(145deg,#EDEDEA,#C9C9C4)}
.swatches .r{background:linear-gradient(145deg,#E9BCA3,#CE9474)}

/* شمارنده و خرید */
.buy{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.qty{display:inline-flex;align-items:center;border:1px solid var(--line-2);border-radius:999px;height:56px}
.qty button{width:48px;height:54px;border:0;background:transparent;cursor:pointer;color:var(--ink);
  display:grid;place-items:center;border-radius:999px}
.qty button:disabled{color:var(--line-2);cursor:not-allowed}
.qty output{min-width:34px;text-align:center;font-weight:600;color:var(--ink)}
.buy .rnd{width:56px;height:56px}

/* اعتماد کوتاه */
.tr{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:6px}
.tr div{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--body);
  background:var(--sand);border-radius:var(--r);padding:12px 14px}
.tr .svg{width:19px;height:19px;color:var(--gold-tx);flex:none}

/* ارسال */
.ship{border:1px solid var(--line);border-radius:var(--rl);padding:18px 20px;display:flex;
  align-items:center;gap:14px;flex-wrap:wrap;font-size:14px}
.ship select{min-height:46px;border-radius:999px;border:1px solid var(--line-2);background:var(--paper);
  color:var(--ink);padding:0 18px;font:inherit;font-size:14.5px;cursor:pointer}
.ship .out{margin-right:auto;color:var(--em);font-weight:600}

/* ---------- تب ---------- */
.tabs{border-top:1px solid var(--line)}
.tablist{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:clamp(26px,3vw,40px)}
.tablist button{min-height:56px;padding:0 20px;background:transparent;border:0;border-bottom:2px solid transparent;
  color:var(--mute);font-size:15px;cursor:pointer;transition:var(--t)}
.tablist button:hover{color:var(--ink)}
.tablist button[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--em);font-weight:600}
.panel[hidden]{display:none}
.specs{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(26px,4vw,64px);max-width:860px}
.specs div{display:flex;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px dashed var(--line-2);font-size:14.5px}
.specs b{font-weight:600;color:var(--ink)}
.panel p{max-width:70ch;margin-bottom:16px}
.panel h3{font-size:19px;margin:26px 0 12px}
.panel ul{margin:0 0 16px;padding-right:20px;max-width:70ch}
.panel li{margin-bottom:8px}
.faq details{border-bottom:1px solid var(--line);padding:4px 0}
.faq summary{cursor:pointer;padding:16px 0;font-weight:600;color:var(--ink);list-style:none;
  display:flex;align-items:center;justify-content:space-between;gap:14px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";width:8px;height:8px;border-left:1.5px solid var(--gold-tx);
  border-bottom:1.5px solid var(--gold-tx);transform:rotate(-45deg);transition:var(--t);flex:none}
.faq details[open] summary::after{transform:rotate(135deg)}
.faq p{padding:0 0 18px;color:var(--mute)}

/* ---------- نظرها ---------- */
.rev{display:grid;grid-template-columns:260px 1fr;gap:clamp(26px,4vw,60px);align-items:start}
.score{background:var(--cream);border:1px solid var(--line);border-radius:var(--rl);padding:26px;text-align:center}
.score .n{font-family:"Noto Naskh Arabic",serif;font-size:46px;color:var(--ink);line-height:1.2}
.score .c{font-size:13px;color:var(--mute);margin-top:6px}
.bars{margin-top:18px;text-align:right}
.bar{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--mute);margin-bottom:7px}
.bar i{flex:1;height:5px;border-radius:99px;background:var(--line);overflow:hidden}
.bar i b{display:block;height:100%;background:var(--gold-2)}
.rlist{display:flex;flex-direction:column;gap:22px}
.ritem{border-bottom:1px solid var(--line);padding-bottom:22px}
.ritem:last-child{border-bottom:0}
.rhead{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.rhead b{font-weight:600;color:var(--ink);font-size:14.5px}
.rhead time{font-size:12.5px;color:var(--mute);margin-right:auto}
.ritem p{font-size:14.5px;max-width:72ch}
/* فرمِ دیدگاه (details.php) */
.revform{margin-top:clamp(22px,3vw,36px);max-width:640px;background:var(--cream);border-radius:var(--rl);padding:clamp(18px,2.4vw,28px)}
.revform .comment-reply-title{display:none}
.revform p{margin:0 0 16px}
.revform label{display:block;font-size:14px;color:var(--ink);margin-bottom:6px}
.revform select,.revform textarea{width:100%;min-height:48px;border:1px solid var(--line-2);border-radius:var(--r);background:#fff;padding:10px 14px;font:inherit}
.revform textarea{min-height:130px;resize:vertical}
.revform .form-submit{margin:0}
.pdesc{max-width:70ch;margin-bottom:8px}

/* ---------- نوار چسبان موبایل ---------- */
.sticky{position:fixed;bottom:0;right:0;left:0;z-index:60;background:rgba(251,249,245,.96);
  backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:12px 16px;
  display:none;align-items:center;gap:14px;
  padding-bottom:calc(12px + env(safe-area-inset-bottom))}
.sticky .p{line-height:1.5}
.sticky .p b{display:block;font-size:16.5px;font-weight:700;color:var(--ink)}
.sticky .p span{font-size:11.5px;color:var(--mute)}
.sticky .btn{margin-right:auto}

/* دکمه‌های شناورِ تماس (footer.php: .fab). تا ۲۷ مهر فقط یک دکمهٔ واتساپ بود و
   همین قاعده دو بار در این فایل نوشته شده بود. سمتِ چپ، روبه‌روی «بالا». */
.fab{position:fixed;left:18px;bottom:18px;z-index:59;display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}
.fab a{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;color:#fff;
  box-shadow:0 12px 28px -12px rgba(14,58,47,.65);border:1px solid rgba(243,239,230,.5);transition:transform .2s ease,box-shadow .2s ease}
.fab a:hover,.fab a:focus-visible{transform:translateY(-2px);box-shadow:0 16px 32px -12px rgba(14,58,47,.8)}
.fab .svg{width:23px;height:23px}
.fab .f-wa{background:#1E7A5A}
.fab .f-bale{background:#0E3A2F}
.fab .f-insta{background:linear-gradient(45deg,#F5A623 0%,#E1306C 50%,#833AB4 100%)}

.rv{opacity:0;transform:translateY(20px)}
.rv.on{opacity:1;transform:none;transition:opacity .85s ease,transform .85s cubic-bezier(.22,.61,.36,1)}

@media (max-width:1040px){
  .rev{grid-template-columns:1fr}
  .score{max-width:320px}
}
@media (max-width:900px){
  .pdp{grid-template-columns:1fr;gap:34px}
  .specs{grid-template-columns:1fr}
  .sticky{display:flex}
  /* جا برای نوار چسبانِ «افزودن به سبد» — فقط صفحهٔ محصول آن را دارد؛
     روی بقیهٔ صفحه‌ها ۹۶ پیکسل جای خالی بالای فوتر می‌ساخت */
  body.single-product main{padding-bottom:96px}
  .fab{left:12px;bottom:14px;gap:8px}
  .fab a{width:46px;height:46px}
  body.single-product .fab{bottom:96px} /* بالای نوارِ چسبانِ «افزودن به سبد» */
  body.single-product .totop{bottom:96px} /* روی نوار چسبان می‌نشست و قیمت را می‌پوشاند */
}

/* ---------- شبکه دسته‌بندی ووکامرس ---------- */
.grid{display:grid;grid-template-columns:repeat(var(--shopcols,4),1fr);gap:clamp(22px,2.6vw,38px) clamp(18px,2vw,30px)}
.grid .card{flex:none;transform:none}
.grid .card .act{opacity:1;transform:none}
.grid .card .fr::before{opacity:0}
.grid .card:hover .fr::before{opacity:1}
.shopbar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;
  padding-bottom:clamp(18px,2vw,28px);border-bottom:1px solid var(--line);margin-bottom:clamp(26px,3vw,44px)}
.shopbar .cnt{font-size:13.5px;color:var(--mute)}
.shopbar select{min-height:46px;border-radius:999px;border:1px solid var(--line-2);background:transparent;
  color:var(--ink);padding:0 18px;font:inherit;font-size:14.5px;cursor:pointer}
.pager-wc{display:flex;justify-content:center;gap:9px;margin-top:clamp(34px,4vw,56px);flex-wrap:wrap}
.pager-wc a,.pager-wc span{min-width:46px;min-height:46px;display:grid;place-items:center;padding:0 14px;
  border-radius:999px;border:1px solid var(--line-2);font-size:14.5px;color:var(--body);transition:var(--t)}
.pager-wc a:hover{border-color:var(--ink);color:var(--ink)}
.pager-wc .current{background:var(--em);color:#F6F2E9;border-color:var(--em)}
.wc-empty{text-align:center;padding:clamp(40px,6vw,90px) 0}
@media (max-width:1040px){.grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:420px){.grid{grid-template-columns:1fr}}


/* ---------- تب‌های ووکامرس ---------- */
.woocommerce-tabs ul.tabs{list-style:none;margin:0 0 clamp(26px,3vw,40px);padding:0;display:flex;
  gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--line)}
.woocommerce-tabs ul.tabs li{margin:0}
.woocommerce-tabs ul.tabs li a{display:flex;align-items:center;min-height:56px;padding:0 20px;
  color:var(--mute);font-size:15px;border-bottom:2px solid transparent;transition:var(--t)}
.woocommerce-tabs ul.tabs li a:hover{color:var(--ink)}
.woocommerce-tabs ul.tabs li.active a{color:var(--ink);border-bottom-color:var(--em);font-weight:600}
.woocommerce-tabs .panel>h2:first-child{display:none}
.woocommerce-tabs .panel p{max-width:70ch;margin-bottom:16px}
.woocommerce-tabs table.shop_attributes{width:100%;max-width:860px;border-collapse:collapse}
.woocommerce-tabs table.shop_attributes th,
.woocommerce-tabs table.shop_attributes td{text-align:right;padding:13px 0;font-size:14.5px;
  border-bottom:1px dashed var(--line-2)}
.woocommerce-tabs table.shop_attributes th{color:var(--mute);font-weight:400;width:40%}
.woocommerce-tabs table.shop_attributes td{color:var(--ink);font-weight:600}
.woocommerce-tabs table.shop_attributes td p{margin:0}

/* ---------- فرم افزودن به سبد ---------- */
form.cart{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:4px}
form.cart .quantity{display:contents}
form.cart button[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:9px;
  min-height:56px;padding:0 30px;border-radius:999px;font-size:16px;font-weight:600;border:0;cursor:pointer;
  background:var(--em);color:#F6F2E9;transition:var(--t);flex:1}
form.cart button[type=submit]:hover{background:var(--em-2)}
.woocommerce-variation-price{width:100%}

/* ---------- پیام‌های ووکامرس ---------- */
.woocommerce-notices-wrapper ul{list-style:none;margin:0 0 20px;padding:0}
.woocommerce-notices-wrapper li{background:var(--cream);border-radius:var(--rl);padding:14px 20px;
  font-size:14.5px;margin-bottom:10px}

/* ---------- واتساپ ---------- */


/* ---------- ظاهر شدن ---------- */
.rv{opacity:0;transform:translateY(20px)}
.rv.on{opacity:1;transform:none;transition:opacity .85s ease,transform .85s cubic-bezier(.22,.61,.36,1)}

/* ---------- واکنش‌گرا ---------- */
@media (max-width:1040px){
  .cols{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;max-width:none;
    padding-bottom:10px;scrollbar-width:none}
  .cols::-webkit-scrollbar{display:none}
  .cat{flex:0 0 clamp(132px,22vw,170px);scroll-snap-align:center}
  .ftop{grid-template-columns:1fr 1fr}
  .jr{grid-template-columns:1fr}
  .jr .sm{grid-template-columns:150px 1fr}
}
@media (max-width:900px){
  .hs .vl{background:linear-gradient(to top,rgba(12,48,39,.93) 16%,rgba(12,48,39,.6) 54%,rgba(12,48,39,.14) 100%)}
  .hs .c{align-items:flex-end;padding-bottom:124px}
  .hs .box{max-width:none}
  .harrow{top:auto;bottom:clamp(38px,6vw,72px);transform:none;width:42px;height:42px}
  .harrow.rr{right:auto;left:74px}
  .harrow.ll{left:20px}
  .hslides{height:clamp(540px,78vh,720px)}
  header nav{display:none} /* فقط منوی سرصفحه؛ «nav» تنها مسیرِ صفحه و صفحه‌بندی را هم در موبایل پنهان می‌کرد */
  .burger{display:grid}
  .slide[data-on="1"]{grid-template-columns:1fr}
  .sfig{order:-1}
  .gift .in,.shop,.br{grid-template-columns:1fr}
  .shopimg,.brimg{order:-1}
  .sgrid{grid-template-columns:1fr;min-height:0}
  .sphoto{order:-1;height:clamp(300px,58vw,420px)}
  .spanel{padding:clamp(34px,6vw,56px) 24px}
  .sinner{max-width:none}
  .sentence{line-height:3}
  .wrow.i1,.wrow.i2{padding-right:0}
  .cat{flex-basis:clamp(124px,36vw,150px)}
  .afr .ph{height:clamp(300px,62vw,420px)}
  .jr{grid-template-columns:1fr}
  .head{flex-direction:column;align-items:flex-start}
}
@media (max-width:560px){
  .rate .wrap span+span{display:none}
  .brand .tg{display:none}
  .brand img{width:38px}
  .brand .nm{font-size:16px}
  .hd{min-height:68px;gap:10px}
  .ico{width:42px;height:42px}
  .jr .sm{grid-template-columns:1fr}
  .gpre{grid-template-columns:1fr 1fr}
  .vid{flex-basis:60vw}
  .jr .sm .ph{aspect-ratio:16/9}
  .jr.even{grid-template-columns:1fr}
  .trust ul{grid-template-columns:1fr 1fr}
  .trust li{flex-direction:column;text-align:center;gap:10px;font-size:14px;padding:18px 12px}
  .trust li+li{border-right:0}
  .trust li:nth-child(2n){border-right:1px solid var(--line)}
  .trust li:nth-child(n+3){border-top:1px solid var(--line)}
  .nl form{flex-direction:column;align-items:stretch}
  .nl input{min-width:0;width:100%}
  .ftop{grid-template-columns:1fr}
  .rail{--cw:74vw}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  /* به خواست مالک، حرکت ویترین ویدیو حتی با تنظیم کاهش حرکت هم می‌ماند */
  .vid img{animation:kb 9s ease-in-out infinite alternate!important}
  .vid:nth-child(2n) img{animation-duration:11s!important;animation-direction:alternate-reverse!important}
  .vid:nth-child(3n) img{animation-duration:10s!important;animation-delay:-3s!important}
  .vid:nth-child(4n) img{animation-duration:12s!important;animation-delay:-5s!important}
  .vid .bar i{animation:story 6.5s linear infinite!important}
  .vid .live b{animation:blink 2s ease-in-out infinite!important}
  .vid .pl i{animation:pulse 2.6s ease-in-out infinite!important}
  html{scroll-behavior:auto}
  .rv{opacity:1;transform:none}
  .rail{scroll-behavior:auto}
}
@media print{header,.fab,.snav,.rate,.rnav,.pager{display:none}}

/* ---------- فیلدهای ساخته‌شده با فیلدساز ---------- */
.xf{max-width:var(--max);margin-inline:auto;padding-inline:var(--pad)}
.xf-badge,.xf-button{padding-block:10px}
.xf-title h3{margin:0;padding-block:6px}
.xf p{margin:0;padding-block:4px}
.xf-ul{margin:0;padding:6px 18px 6px 0;list-style:none}
.xf-ul li{position:relative;padding:4px 16px 4px 0;color:var(--body)}
.xf-ul li::before{content:"";position:absolute;right:0;top:13px;width:6px;height:6px;border-radius:50%;background:var(--gold)}
.xf-image img{display:block;width:100%;height:auto;border-radius:var(--r)}
.rate .xf{padding:0;margin:0;max-width:none}
.rate .xf p{font-size:inherit;color:inherit}

/* ---------- برگه و نوشته ---------- */
.pgph{border-radius:var(--rl);overflow:hidden;background:var(--cream);margin-block:4px 26px}
.pgph img{display:block;width:100%;height:auto}
.post-single{padding:clamp(30px,4vw,60px) 0 clamp(36px,5vw,72px)}
.post-single .pgph{max-width:1000px;margin-inline:auto;aspect-ratio:16/9}
.post-single .pgph img{height:100%;object-fit:cover}
.post-single .prose h2{font-size:1.35em;line-height:1.9}
.post-more{padding-top:0}
.prose{max-width:74ch;margin-inline:auto;color:var(--body);font-size:17px;line-height:1.95}
.prose > * + *{margin-top:1.1em}
.prose h2{font-family:var(--nas),serif;font-size:1.55em;line-height:2.1;color:var(--ink);margin-top:1.8em}
.prose h3{font-size:1.18em;color:var(--ink);margin-top:1.5em}
.prose a{color:var(--gold-tx);text-decoration:underline;text-underline-offset:3px}
.prose ul,.prose ol{padding-inline-start:1.25em}
.prose li + li{margin-top:.5em}
.prose img{max-width:100%;height:auto;border-radius:var(--r)}
.prose blockquote{margin:0;padding:18px 22px;background:var(--cream);border-inline-start:3px solid var(--gold);border-radius:var(--r)}
.prose table{width:100%;border-collapse:collapse}

/* ---------- صفحهٔ تماس [abdoli_contact] ---------- */
.prose:has(.contact){max-width:1040px}
.contact{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(24px,4vw,56px);align-items:start}
.prose .contact h2{font-family:Vazirmatn;font-size:17px;font-weight:700;line-height:1.7;margin:0 0 14px;color:var(--ink)}
.prose .contact > * + *,.prose .contact * + *,.prose .contact h3{margin-top:0}
.contact .ct-ways{display:flex;flex-direction:column;gap:12px;background:var(--cream);border-radius:var(--rl);padding:clamp(18px,2.4vw,28px)}
.contact .ct-row{display:flex;gap:12px;align-items:flex-start;text-decoration:none;color:var(--body);padding:10px 0;border-bottom:1px solid var(--line)}
.contact a.ct-row:hover b{color:var(--gold-tx)}
.contact .ct-row .svg{width:20px;height:20px;color:var(--gold-tx);flex:none;margin-top:4px}
.contact .ct-row > span{display:flex;flex-direction:column;line-height:1.8}
.contact .ct-row b{font-size:13px;color:var(--mute);font-weight:500}
.contact .ct-row b + span{font-size:16px;color:var(--ink)}
.contact .follow{margin-top:6px}
.contact .follow a,.contact .brc a{text-decoration:none}
.contact .ct-note{font-size:14px;margin-top:4px}
.contact .brlist{display:flex;flex-direction:column;gap:14px}
@media (max-width:820px){.contact{grid-template-columns:1fr}}
.prose th,.prose td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:start}
.pgn{display:flex;gap:10px;justify-content:center;padding-top:26px}
.pnav{display:grid;gap:12px;grid-template-columns:1fr 1fr;padding-top:38px;max-width:74ch;margin-inline:auto}
.pnav a{display:block;padding:16px 18px;background:var(--cream);border-radius:var(--r);text-decoration:none}
.pnav a b{display:block;color:var(--ink);font-weight:600;padding-top:4px}
.s404{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding-top:8px}
.s404 input{min-width:min(360px,80vw);padding:13px 16px;border:1px solid var(--line);border-radius:999px;background:#fff;font:inherit;color:var(--ink)}
@media(max-width:700px){.pnav{grid-template-columns:1fr}.prose{font-size:16px}}

/* ================= گزینه‌های تنظیم‌های قالب ================= */

/* قاب سایت */
body.ly-boxed{background:var(--sand)}
body.ly-boxed > .rate,
body.ly-boxed > header,
body.ly-boxed > main,
body.ly-boxed > footer{max-width:calc(var(--max) + 120px);margin-inline:auto;background:var(--paper)}
body.ly-boxed > footer{background:var(--ft-bg,var(--em))}

/* عمق سایه */
body.sh-none{--sh:none;--sh2:none}
body.sh-soft{--sh:0 2px 10px rgba(25,21,15,.05);--sh2:0 10px 30px rgba(25,21,15,.09)}
body.sh-deep{--sh:0 4px 16px rgba(25,21,15,.10);--sh2:0 18px 48px rgba(25,21,15,.17)}

/* دکمه‌ها */
.btn{border-radius:var(--btnr,999px)}
.btn-g{background:var(--btn-bg,var(--gold));color:var(--btn-tx,#fff)}
.btn-g:hover{background:var(--btn-hv,var(--em))}
.prose a{color:var(--link,var(--gold-tx))}

/* نوار نرخ، هدر و فوتر */
.rate{background:var(--rate-bg,var(--em));color:var(--rate-tx,var(--cream))}
header{background:var(--hd-bg,var(--paper));color:var(--hd-tx,var(--ink));min-height:var(--hdh,78px)}
body.hd-noline header{border-bottom:0;box-shadow:none}
.brand img{width:var(--logow,44px);height:auto}
footer{background:var(--ft-bg,var(--em));color:var(--ft-tx,var(--line))}

/* چیدمان هدر */
body.hl-center .hd{flex-direction:column;gap:10px;padding-block:14px}
body.hl-center .hd nav{order:3;width:100%;justify-content:center}
body.hl-center .hd .acts{position:absolute;inset-inline-start:var(--pad,24px);top:18px}
body.hl-minimal .hd nav{margin-inline-start:auto;margin-inline-end:16px}

/* تایپوگرافی */
.h-xl{font-size:calc(var(--h1,56px) * var(--hscale,1))}
.h-l{font-size:calc(var(--h2,38px) * var(--hscale,1))}
.h-s,.prose h3{font-size:calc(var(--h3,21px) * var(--hscale,1))}
body{line-height:var(--lh,1.9);letter-spacing:var(--ls,0)}

/* کارت محصول */
body.cs-boxed .card{background:var(--cream);border-radius:var(--rl);padding:12px;box-shadow:var(--sh,none)}
body.cs-bordered .card{border:1px solid var(--line);border-radius:var(--rl);padding:12px}
body.ch-none .card .ph img{transition:none}
body.ch-none .card:hover .ph img{transform:none}
body.ch-zoom .card .ph img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
body.ch-zoom .card:hover .ph img{transform:scale(1.06)}
body.ch-lift .card{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
body.ch-lift .card:hover{transform:translateY(-6px);box-shadow:var(--sh2,0 18px 48px rgba(25,21,15,.14))}

/* ژورنال */
.jr{--blogcols:3}

/* نوار اعتماد فوتر و دکمه بالا */
.ftrust{display:flex;flex-wrap:wrap;gap:10px 26px;justify-content:center;padding:18px 0 4px;border-top:1px solid rgba(255,255,255,.08);margin-top:18px}
.ftrust span{display:inline-flex;align-items:center;gap:8px;font-size:13px;opacity:.85}
.ftrust .svg{width:16px;height:16px}
.totop{position:fixed;inset-inline-start:18px;bottom:18px;width:44px;height:44px;border:0;border-radius:50%;
  background:var(--em);color:#fff;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:60;
  box-shadow:0 8px 24px rgba(14,58,47,.3);border:1px solid rgba(243,239,230,.45)} /* لبه: روی بخش‌های سبز و فوتر گم می‌شد */
.totop.on{display:flex}
.totop .svg{width:20px;height:20px;transform:rotate(90deg)}

/* چیپ زیردسته‌ها */
.subcats{display:flex;flex-wrap:wrap;gap:9px;padding-bottom:22px}
.catban{border-radius:var(--rl);overflow:hidden;background:var(--cream);margin-bottom:clamp(18px,2vw,30px)}
.catban img{display:block;width:100%;height:clamp(160px,26vw,340px);object-fit:cover}
.subcats .chip small{opacity:.6;margin-inline-start:4px}

/* ================= ویجت‌های المنتور ================= */
.rv.tight{padding-block:clamp(26px,3vw,46px)}

/* ماشین‌حساب */
.gcalc{max-width:660px;margin-inline:auto;background:var(--cream);border-radius:var(--rl);padding:clamp(18px,2.4vw,30px)}
.gcin{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;padding-bottom:18px}
.gcin label{display:block}
.gcin label span{display:block;font-size:13px;color:var(--mute);padding-bottom:7px}
.gcin input,.gcin select{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r);
  background:#fff;font:inherit;color:var(--ink);font-variant-numeric:tabular-nums}
.gcin input:focus,.gcin select:focus{outline:2px solid var(--gold);outline-offset:1px}
.gcalc .pbox{background:#fff;border-radius:var(--r);padding:6px 16px}
.gcalc .pnote{padding-top:12px}

/* کارت نرخ */
.ratecard{max-width:var(--max);margin-inline:auto;padding-inline:var(--pad)}
.ratecard .wrap{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;justify-content:center;
  background:var(--em);color:var(--cream);border-radius:var(--rl);padding:16px 22px;font-size:14px}
.ratecard b{color:#fff;font-variant-numeric:tabular-nums}
.ratecard .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold-2);
  margin-inline-end:8px;vertical-align:middle}

/* روایت برند، تصویر سمت چپ */
.sgrid.rev{direction:ltr}
.sgrid.rev > *{direction:rtl}

/* ================= سبد، تسویه، حساب کاربری ================= */

/* جدول‌ها */
.woocommerce table.shop_table{border:1px solid var(--line);border-radius:var(--rl);border-collapse:separate;
  border-spacing:0;overflow:hidden;background:#fff;width:100%}
.woocommerce table.shop_table th{background:var(--cream);color:var(--ink);font-weight:600;font-size:13.5px;
  padding:14px 16px;text-align:start;border:0}
.woocommerce table.shop_table td{padding:16px;border:0;border-top:1px solid var(--line);vertical-align:middle;color:var(--body)}
.woocommerce table.shop_table img{width:68px;height:auto;border-radius:var(--r)}
.woocommerce table.shop_table .product-name a{color:var(--ink);font-weight:600;text-decoration:none}
.woocommerce table.shop_table .product-name a:hover{color:var(--gold-tx)}
.woocommerce .amount,.woocommerce .woocommerce-Price-amount{font-variant-numeric:tabular-nums;color:var(--ink)}
.woocommerce .product-remove a.remove{display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:50%;background:var(--sand);color:var(--mute);
  font-size:19px;line-height:1;text-decoration:none}
.woocommerce .product-remove a.remove:hover{background:var(--err);color:#fff}

/* ورودی‌ها */
.woocommerce .quantity input[type=number],
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select{
  width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r);background:#fff;
  font:inherit;color:var(--ink);min-height:46px;box-sizing:border-box}
.woocommerce .quantity input[type=number]{width:84px;text-align:center;min-height:42px}
.woocommerce form .form-row label{display:block;font-size:13px;color:var(--mute);padding-bottom:6px}
.woocommerce form .form-row{margin-bottom:14px}
.woocommerce form .form-row-first,.woocommerce form .form-row-last{width:48.5%}

/* دکمه‌ها */
.woocommerce a.button,.woocommerce button.button:not(.single_add_to_cart_button),
.woocommerce input.button,.woocommerce a.button.alt,
.woocommerce button.button.alt:not(.single_add_to_cart_button),
.woocommerce #respond input#submit{
  background:var(--btn-bg,var(--gold));color:var(--btn-tx,#fff);border:0;border-radius:var(--btnr,999px);
  padding:13px 26px;font:inherit;font-weight:600;line-height:1.6;transition:background .25s}
.woocommerce a.button:hover,.woocommerce button.button:not(.single_add_to_cart_button):hover,
.woocommerce input.button:hover,.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:not(.single_add_to_cart_button):hover{background:var(--btn-hv,var(--em));color:#fff}
.woocommerce a.button.wc-backward{background:transparent;color:var(--ink);border:1px solid var(--line)}
.woocommerce a.button.wc-backward:hover{background:var(--cream);color:var(--ink)}
.woocommerce button.button:disabled,.woocommerce button.button.disabled{opacity:.45}

/* جمع سبد و بازبینی سفارش */
.woocommerce .cart_totals,.woocommerce-checkout #order_review{
  background:var(--cream);border-radius:var(--rl);padding:clamp(18px,2.2vw,28px)}
/* #main: بدونش به عنوان‌های فوتر هم می‌خورد و «راهنما» و «تماس» در صفحهٔ تسویه نستعلیق می‌شدند */
.woocommerce .cart_totals h2,.woocommerce-checkout #main h3{font-family:var(--nas);font-size:clamp(19px,2.1vw,25px);
  color:var(--ink);margin:0 0 14px;font-weight:400;line-height:2}
.woocommerce .cart_totals table.shop_table{background:transparent;border:0}
.woocommerce .cart_totals table.shop_table td,.woocommerce .cart_totals table.shop_table th{
  background:transparent;border-top:1px solid var(--line);padding:12px 0}
.woocommerce .cart_totals .order-total .amount{font-size:clamp(19px,2.2vw,24px);color:var(--em);font-weight:700}
.woocommerce .wc-proceed-to-checkout{padding-top:16px}
.woocommerce .wc-proceed-to-checkout a.checkout-button{display:block;text-align:center;font-size:16px}

/* پیام‌ها */
.woocommerce-message,.woocommerce-info,.woocommerce-error{
  border:1px solid var(--line);border-top:3px solid var(--gold);background:#fff;border-radius:var(--r);
  padding:16px 18px;list-style:none;margin:0 0 20px;color:var(--body)}
.woocommerce-message{border-top-color:var(--ok)}
.woocommerce-error{border-top-color:var(--err)}
.woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{display:none}

/* تسویه */
.woocommerce-checkout .col2-set{display:grid;grid-template-columns:1fr;gap:0}
.woocommerce-checkout .col2-set .col-1,.woocommerce-checkout .col2-set .col-2{width:100%;float:none}
#customer_details{margin-bottom:26px}
.woocommerce-checkout #payment{background:transparent}
.woocommerce-checkout #payment ul.payment_methods{border:0;padding:0 0 12px}
.woocommerce-checkout #payment ul.payment_methods li{background:#fff;border:1px solid var(--line);
  border-radius:var(--r);padding:14px 16px;margin-bottom:10px;list-style:none}
.woocommerce-checkout #payment div.form-row{padding:0}
.woocommerce-checkout #payment .place-order{padding-top:6px}
.woocommerce-checkout #payment #place_order{width:100%;font-size:16px;padding:16px}

/* حساب کاربری */
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;
  background:var(--cream);border-radius:var(--rl);overflow:hidden}
.woocommerce-account .woocommerce-MyAccount-navigation li a{display:block;padding:13px 18px;color:var(--body);
  text-decoration:none;border-bottom:1px solid var(--line)}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{background:var(--em);color:#fff;font-weight:600}

.return-to-shop{text-align:center;padding-top:10px}

@media(min-width:860px){
  .woocommerce-cart .woocommerce{display:grid;grid-template-columns:1.65fr .95fr;gap:clamp(20px,2.4vw,34px);align-items:start}
  .woocommerce-cart .woocommerce > .woocommerce-notices-wrapper{grid-column:1/-1}
  .woocommerce-cart form.woocommerce-cart-form{grid-column:1}
  .woocommerce-cart .cart-collaterals{grid-column:2;width:100%;float:none}
  .woocommerce-cart .cart-collaterals .cart_totals{width:100%;float:none}
  .woocommerce-checkout .col2-set{grid-template-columns:1fr 1fr;gap:0 26px}
  .woocommerce-checkout form.checkout{display:grid;grid-template-columns:1.35fr .9fr;gap:clamp(20px,2.4vw,34px);align-items:start}
  .woocommerce-checkout form.checkout #customer_details{grid-column:1;margin-bottom:0}
  .woocommerce-checkout form.checkout h3#order_review_heading{grid-column:2;margin-top:0}
  .woocommerce-checkout form.checkout #order_review{grid-column:2}
  /* فقط واردشده: منو + محتوا. برای مهمان همین شبکه فرمِ ورود و عضویت را در ستونِ ۲۳۰ پیکسلی له می‌کرد (۲۸ مهر) */
  .woocommerce-account.logged-in .woocommerce{display:grid;grid-template-columns:230px 1fr;gap:26px;align-items:start}
  /* ووکامرس خودش float و پهنای ۳۰٪ و ۶۸٪ می‌دهد؛ داخلِ شبکه، محتوا ۱۵۶ پیکسل می‌شد و جای ستون‌ها برعکس */
  .woocommerce-account.logged-in .woocommerce > .woocommerce-MyAccount-navigation{grid-column:1;grid-row:1;width:auto;float:none;position:sticky;top:110px}
  .woocommerce-account.logged-in .woocommerce > .woocommerce-MyAccount-content{grid-column:2;grid-row:1;width:auto;float:none;min-width:0}
}
@media(max-width:600px){
  .woocommerce table.shop_table img{width:52px}
  .woocommerce table.shop_table td{padding:12px}
  .woocommerce form .form-row-first,.woocommerce form .form-row-last{width:100%}
}

/* ================= فیلتر فروشگاه ================= */
.shopf{background:var(--cream);border-radius:var(--rl);padding:16px clamp(14px,1.8vw,22px);margin-bottom:18px}
.shopf-row{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:flex-end}
.shopf label{display:block}
.shopf label > span{display:block;font-size:12px;color:var(--mute);padding-bottom:6px}
.shopf input[type=number],.shopf select{width:118px;padding:10px 12px;border:1px solid var(--line);
  border-radius:var(--r);background:#fff;font:inherit;font-size:14px;color:var(--ink);
  font-variant-numeric:tabular-nums}
.shopf select{width:132px}
.shopf input:focus,.shopf select:focus{outline:2px solid var(--gold);outline-offset:1px}
.shopf-chk{display:flex;align-items:center;gap:8px;padding-bottom:10px}
.shopf-chk input{width:18px;height:18px;accent-color:var(--em)}
.shopf-chk > span{padding:0;font-size:14px;color:var(--body)}
.shopf-act{display:flex;gap:8px;margin-inline-start:auto;padding-bottom:1px}
@media(max-width:640px){
  .shopf input[type=number],.shopf select{width:100%}
  .shopf label{flex:1 1 42%}
  .shopf-act{width:100%;margin-inline-start:0;padding-top:4px}
  .shopf-act .btn{flex:1}
}

/* ================= جست‌وجوی زنده ================= */
.sbox{position:sticky;top:0;z-index:55;background:var(--paper);border-bottom:1px solid var(--line);
  padding:14px 0 18px;box-shadow:0 12px 30px rgba(25,21,15,.06)}
.sbox form{display:flex;gap:10px;align-items:center}
.sbox input[type=search]{flex:1;padding:14px 18px;border:1px solid var(--line);border-radius:999px;
  background:#fff;font:inherit;color:var(--ink);min-width:0}
.sbox input[type=search]:focus{outline:2px solid var(--gold);outline-offset:1px}
.sclose{border:0;background:transparent;font-size:26px;line-height:1;color:var(--mute);cursor:pointer;padding:0 6px}
.sres{padding-top:12px;display:grid;gap:6px}
.sres a{display:flex;gap:12px;align-items:center;padding:9px 10px;border-radius:var(--r);
  text-decoration:none;color:var(--ink);background:#fff}
.sres a:hover,.sres a:focus-visible{background:var(--cream);outline:none}
.sres img{width:46px;height:46px;object-fit:cover;border-radius:8px;background:var(--cream);flex:none}
.sres .n{font-weight:600;font-size:14.5px}
.sres .m{font-size:12.5px;color:var(--mute);font-variant-numeric:tabular-nums}
.sres .p{margin-inline-start:auto;font-weight:600;color:var(--em);font-variant-numeric:tabular-nums;font-size:14px}
.sres .more{justify-content:center;color:var(--gold-tx);font-size:13.5px;background:transparent}
.sres .none{padding:14px 10px;color:var(--mute);font-size:14px}

/* ================= علاقه‌مندی، بازخرید، اعلان موجودی ================= */
.card .fr{position:relative}
.wish{position:absolute;inset-inline-end:10px;top:10px;z-index:3;width:34px;height:34px;border:0;
  border-radius:50%;background:rgba(255,255,255,.88);color:var(--mute);cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s,transform .2s}
.wish:hover{background:#fff;transform:scale(1.07)}
.wish .svg{width:17px;height:17px}
.wish[aria-pressed="true"]{color:var(--err);background:#fff}
.wish[aria-pressed="true"] .svg{fill:currentColor}

.prow.bb span small{display:block;font-size:11.5px;color:var(--mute);padding-top:2px}
.prow.bb b{color:var(--gold-tx)}

.restock{background:var(--cream);border-radius:var(--rl);padding:16px 18px;margin-block:12px}
.restock .mute{margin:0 0 10px;font-size:13.5px}
.rs-row{display:flex;gap:8px;flex-wrap:wrap}
.rs-row input{flex:1;min-width:180px;padding:12px 14px;border:1px solid var(--line);
  border-radius:var(--btnr,999px);background:#fff;font:inherit;color:var(--ink)}
.rs-msg{margin:10px 0 0;font-size:13px;color:var(--ok)}
.rs-msg.err{color:var(--err)}

.wlist .wl-empty{text-align:center;padding:clamp(30px,5vw,60px) 16px;max-width:520px;margin:0 auto}
.wl-empty .wl-ic{width:72px;height:72px;border-radius:50%;border:1px solid var(--gold-2);background:var(--cream);display:grid;place-items:center;margin:0 auto 18px}
.wl-empty .wl-ic .svg{width:30px;height:30px;color:var(--gold-tx)}
.wl-empty h2{font-family:var(--nas);font-size:clamp(22px,2.6vw,30px);font-weight:400;line-height:2;color:var(--ink);margin:0}
.wl-empty p{margin:6px 0 22px;line-height:2}
.wl-empty[hidden]{display:none}

/* ================= مراحل پرداخت و فاکتور ================= */
.steps{display:flex;gap:8px;list-style:none;margin:0 0 24px;padding:0;flex-wrap:wrap}
.steps .step{display:flex;align-items:center;gap:9px;flex:1;min-width:150px;
  background:var(--cream);border-radius:var(--btnr,999px);padding:10px 16px;color:var(--mute);font-size:13.5px}
.steps .sn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex:none;
  border-radius:50%;background:#fff;color:var(--mute);font-size:12.5px;font-weight:600}
.steps .sn .svg{width:14px;height:14px}
.steps .step a{color:inherit;text-decoration:none}
.steps .step a:hover{color:var(--gold-tx)}
.steps .step.on{background:var(--em);color:#fff}
.steps .step.on .sn{background:var(--gold);color:#fff}
.steps .step.done{background:#fff;border:1px solid var(--line);color:var(--ink)}
.steps .step.done .sn{background:var(--ok,#1F7A4D);color:#fff}
@media(max-width:600px){
  .steps .step{min-width:0;flex:1 1 100%;}
}

.pf-btn{padding-top:12px;margin:0}
.pf-btn .btn{display:block;text-align:center}

/* شماره پیگیری روی صفحه تشکر */
.woocommerce-order .woocommerce-thankyou-order-received{font-family:var(--nas);font-size:clamp(20px,2.3vw,28px);
  color:var(--em);line-height:2;font-weight:400}
.woocommerce-order ul.order_details{list-style:none;margin:18px 0;padding:18px 22px;background:var(--cream);
  border-radius:var(--rl);display:flex;flex-wrap:wrap;gap:16px 34px}
.woocommerce-order ul.order_details li{font-size:12.5px;color:var(--mute)}
.woocommerce-order ul.order_details li strong{display:block;font-size:15px;color:var(--ink);padding-top:4px}

/* ================= فروش اقساطی ================= */
.ins{background:var(--cream)}
/* ریلِ کارت‌های اقساطی وسط‌چین نیست: اینجا ۱۹ طرح هست و فهرست است نه
   ویترین. با فاصله‌گذارِ وسط‌چینِ `.rail` فقط دو کارت جا می‌شد و بقیهٔ
   عرض خالی می‌ماند. */
.rail.cards{--cw:clamp(236px,24vw,300px)}
.rail.cards::before,.rail.cards::after{flex-basis:0}
.rail.cards > *{scroll-snap-align:start}
.icard{flex:0 0 var(--cw);scroll-snap-align:center;text-decoration:none;color:inherit;display:block}
/* تصویرِ کارت‌های اقساطی ۷۰۰×۸۰۱ است و در جعبهٔ ۱۶/۱۰ با cover بیش از
   نیمش بریده می‌شد — نوشتهٔ روی خودِ کارت از وسط قطع می‌شد. کارت باید
   کامل دیده شود، پس contain. نسبت هم به خودِ تصویرها نزدیک شد. */
.icard .ic-ph{aspect-ratio:16/10;border-radius:var(--r);overflow:hidden;background:#fff;
  box-shadow:0 6px 20px rgba(25,21,15,.10);display:flex;align-items:center;justify-content:center;
  padding:10px}
.icard .ic-ph img{width:100%;height:100%;object-fit:contain;display:block;
  transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.icard:hover .ic-ph img{transform:scale(1.04)}
.icard .ic-none{color:var(--line)}
.icard .ic-none .svg{width:42px;height:42px}
.icard h3{font-family:Vazirmatn;font-size:14.5px;font-weight:600;line-height:1.8;
  color:var(--ink);margin:12px 0 0;text-align:center}
.icard .mt{display:block;text-align:center;font-size:12.5px;color:var(--mute);padding-top:2px}

.railwrap{position:relative}
/* فلش‌های شناورِ ریل. فقط روی دکمه‌های rr/ll، نه روی خودِ .rnav —
   `.rnav` در طرح یک ردیفِ وسط‌چین است که دکمهٔ «دیدن همهٔ قطعه‌ها» هم
   داخلش می‌نشیند. یک بار این را ندیدم و کلِ آن ردیف را به یک جعبهٔ ۴۲
   پیکسلی تبدیل کردم؛ سه دکمه روی هم افتادند. */
.rnav.rr,.rnav.ll{position:absolute;top:calc(50% - 40px);z-index:4;width:42px;height:42px;border:0;
  border-radius:50%;background:#fff;color:var(--ink);cursor:pointer;display:none;
  align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(25,21,15,.14);margin-top:0}
.rnav.rr .svg,.rnav.ll .svg{width:19px;height:19px}
.rnav.rr{inset-inline-start:-6px}
.rnav.ll{inset-inline-end:-6px}
.rnav.rr:hover,.rnav.ll:hover{background:var(--em);color:#fff}
@media(min-width:900px){.rnav.rr,.rnav.ll{display:flex}}

/* ================= تعمیر چیدمان، بعد از دیدن سایت زنده ================= */

/* برچسب‌های فقط-برای-صفحه‌خوان ووکامرس
   قالب کلاس خودش .sr را داشت ولی ووکامرس screen-reader-text می‌زند و
   هیچ قانونی نداشت؛ نتیجه‌اش این بود که «نام محصول عدد» کنار تعداد دیده می‌شد. */
.screen-reader-text,
.woocommerce-result-count + .screen-reader-text{
  position:absolute!important;width:1px;height:1px;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;padding:0;margin:0;
  inset-inline-start:0} /* بدون جای مشخص، در RTL لبهٔ راست می‌نشست و با margin:-1px صفحه را ۲ پیکسل پهن می‌کرد (۲۹ مهر) */

/* دکمه افزودن به سبد: یک خط، قد ثابت */
form.cart button[type=submit]{white-space:nowrap;min-height:54px;height:54px;flex:1 1 auto;min-width:200px}
form.cart .quantity{display:contents}
form.cart input.qty{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);
  clip-path:inset(50%);white-space:nowrap;border:0;padding:0;margin:-1px}
.qty{height:54px;flex:0 0 auto}
.qty button{height:52px}

/* نوار اعتماد صفحه محصول: هر تعداد مورد، یکدست */
.tr{grid-template-columns:1fr 1fr} /* چهار مورد: ۲×۲. auto-fit سه‌تایی می‌چید و چهارمی تنها در ردیفِ دوم می‌ماند */
.tr > div{min-width:0}

/* زوم روی تصویر محصول با هاور */
.gal .big{cursor:zoom-in}
.gal .big img{transform-origin:var(--zx,50%) var(--zy,50%);
  transition:opacity .5s ease,transform .45s cubic-bezier(.2,.7,.2,1)}
.gal .big.zoom img{transition:transform .12s linear}
@media(hover:none){.gal .big{cursor:default}.gal .big img{transform:none!important}}
@media(prefers-reduced-motion:reduce){.gal .big img{transform:none!important}}

/* فیلتر فروشگاه: همه کنترل‌ها هم‌قد و هم‌تراز */
.shopf-row{align-items:end}
.shopf label{display:flex;flex-direction:column;justify-content:flex-end}
.shopf label > span{min-height:18px;line-height:18px;padding-bottom:6px}
.shopf input[type=number],.shopf select,.shopf .btn{height:46px;box-sizing:border-box}
.shopf input[type=number],.shopf select{padding:0 12px}
.shopf .btn{display:inline-flex;align-items:center;justify-content:center;padding:0 22px;white-space:nowrap}
.shopf-chk{height:46px;padding-bottom:0;align-self:end}
.shopf-act{align-self:end;padding-bottom:0}

/* نوار بالای فروشگاه */
.shopbar{gap:12px;flex-wrap:wrap}

/* ---- اندازهٔ هدف‌های کلیک و خوانایی، بعد از بازرسی ---- */

/* چک‌باکس فیلتر، له شده بود */
.shopf-chk input[type=checkbox]{width:18px;height:18px;min-width:18px;min-height:18px;flex:none;margin:0}
.shopf-chk{cursor:pointer;gap:9px;padding-inline:4px}

/* لینک‌های متنی منو و فوتر: دست‌کم ۲۴ پیکسل ارتفاع قابل کلیک */
header nav a,footer ul li a,.crumb a,.crumb span{display:inline-flex;align-items:center;min-height:26px}
footer ul li{margin-bottom:2px}

/* تگ لاتین زیر لوگو کمی خواناتر */
.brand .tg{font-size:11.5px}

/* پرش به محتوا: با فوکوس صفحه‌کلید دیده شود */
.skip:focus,.skip:focus-visible{right:14px;outline:3px solid var(--gold-2);outline-offset:2px}

/* ---- محصولات مرتبط و هر جایی که ووکامرس ul.products می‌دهد ----
   این مارک‌آپ قالب خودمان نیست و تا حالا هیچ قانونی نداشت؛ نتیجه‌اش این بود
   که قاب طلاییِ کارت (inset -13px) از کادر صفحه بیرون می‌زد و روی موبایل
   سیزده پیکسل اسکرول افقی می‌ساخت. */
.woocommerce ul.products{list-style:none;margin:0;padding:13px 13px 0;display:grid;
  grid-template-columns:repeat(var(--shopcols,4),minmax(0,1fr));
  gap:clamp(18px,2.2vw,30px);overflow:hidden}
.woocommerce ul.products::before,.woocommerce ul.products::after{content:none}
.woocommerce ul.products li.product{width:auto;margin:0;float:none;clear:none}
.woocommerce ul.products .card{flex:none;transform:none;min-width:0}
.woocommerce ul.products .card .act{opacity:1;transform:none}
.woocommerce .related > h2,.woocommerce .upsells > h2{font-family:var(--nas);
  font-size:clamp(21px,2.4vw,30px);font-weight:400;line-height:2;color:var(--ink);
  text-align:center;margin:0 0 clamp(18px,2vw,28px)}
@media(max-width:1000px){.woocommerce ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.woocommerce ul.products{gap:14px}}

/* شبکه خود قالب هم قاب را نبُرد */
.grid{overflow:hidden;padding:13px 13px 0}

/* یادداشت زیر دکمه خرید محصول متغیر */
.vhint{width:100%;margin:8px 0 0;font-size:13px;color:var(--err)}
.vhint:empty{display:none}
form.cart button[type=submit]:disabled{opacity:.5;cursor:not-allowed}
/* ---------- محصول متغیر ----------
   ووکامرس .variations را به صورت جدول می‌دهد و برای محصول متغیر، تعداد و
   دکمه خرید داخل single_variation_wrap می‌روند، نه مستقیم زیر form.cart.
   پس چیدمان ستونی است: انتخاب وزن، بعد ردیف تعداد و دکمه. */
form.variations_form{display:block}
form.variations_form table.variations{display:block;width:100%;margin:0 0 16px;border:0}
form.variations_form table.variations tbody,
form.variations_form table.variations tr{display:block}
form.variations_form table.variations th,
form.variations_form table.variations td{display:block;padding:0;border:0;text-align:start}
form.variations_form table.variations th.label{padding-bottom:7px}
form.variations_form table.variations label{font-size:13px;color:var(--mute);font-weight:500}
form.variations_form table.variations select{width:100%;max-width:320px;height:52px;padding:0 16px;
  border:1px solid var(--line);border-radius:var(--btnr,999px);background:#fff;font:inherit;
  font-size:15px;color:var(--ink);appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,var(--mute) 50%),linear-gradient(135deg,var(--mute) 50%,transparent 50%);
  background-position:calc(0% + 18px) calc(50% + 1px),calc(0% + 23px) calc(50% + 1px);
  background-size:5px 5px,5px 5px;background-repeat:no-repeat}
form.variations_form table.variations select:focus{outline:2px solid var(--gold);outline-offset:1px}

.reset_variations{display:none;font-size:12.5px;color:var(--mute);text-decoration:underline;
  text-underline-offset:3px;margin-top:9px}
.reset_variations.on{display:inline-block}
.reset_variations:hover{color:var(--gold-tx)}

.single_variation_wrap{width:100%}
.woocommerce-variation-add-to-cart{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:2px}
.woocommerce-variation-add-to-cart .quantity{display:contents}
.woocommerce-variation-price{display:none}
.woocommerce-variation-availability{width:100%;font-size:13px;color:var(--mute);margin:0 0 8px}
.reset_variations_alert{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ================= هدف لمسی ================= */
/* با پیمایش خودِ سایت در عرض ۳۹۰ پیدا شد. معیار: ۲۴ پیکسل کمینهٔ
   WCAG 2.2 و ۴۴ پیکسل توصیهٔ اپل و متریال.
   قاعده‌ای که اینجا رعایت می‌شود: جایی که ظاهر باید کوچک بماند، ظاهر
   دست‌نخورده می‌ماند و فقط ناحیهٔ لمس با padding یا شبه‌عنصر بزرگ
   می‌شود. بزرگ کردنِ خودِ ظاهر طرح را خراب می‌کند. */

/* نقطه‌های اسلایدر: نوارِ ۳ پیکسلی دیده می‌شود، ناحیهٔ لمس ۴۴ پیکسل است.
   قبل از این، دکمه‌ای به ارتفاع ۳ پیکسل بود؛ با انگشت نمی‌شد زد. */
.dots button{height:44px;background:none;border-radius:0;
  display:flex;align-items:center;justify-content:center}
.dots button::after{content:"";display:block;width:100%;height:3px;border-radius:99px;
  background:rgba(243,239,230,.38);transition:var(--t)}
.dots button[aria-current="true"]{background:none}
.dots button[aria-current="true"]::after{background:var(--gold-2)}

/* علاقه‌مندی روی کارت: دایره کمی بزرگ‌تر، نشان همان اندازه */
.wish{width:44px;height:44px;inset-inline-end:8px;top:8px}
/* روی کارت، گوشهٔ پایین (۲۸ مهر): بالای عکس گنبدی است و گوشه‌اش بیرونِ قوس می‌افتاد؛
   قلب نصفه بریده می‌شد و روی کارتِ منتخب اصلا دیده نمی‌شد. پایین‌چپ همیشه داخلِ عکس است. */
.card .wish{top:auto;bottom:10px;inset-inline-end:10px;box-shadow:0 2px 10px rgba(25,21,15,.12)}

/* چیپ زیردسته‌ها */
.subcats .chip{min-height:44px;display:inline-flex;align-items:center}

/* لینک‌های متنیِ ووکامرس که ارتفاعشان به اندازهٔ خطِ متن بود */
.woocommerce .showcoupon,
.woocommerce .shipping-calculator-button,
.woocommerce-form-login-toggle a,
.woocommerce-form-coupon-toggle a,
.woocommerce button.show-password-input{
  min-height:44px;display:inline-flex;align-items:center}

/* شماره تلفن و ایمیل: در موبایل با انگشت زده می‌شوند */
a[href^="tel:"],a[href^="mailto:"]{display:inline-flex;align-items:center;min-height:44px}

/* فوتر: لینک‌های ستونی در موبایل فاصلهٔ لمسی بگیرند */
@media (max-width:860px){
  footer .ftop a:not(.soc a){min-height:44px;display:inline-flex;align-items:center}
  footer .soc a{min-height:44px;min-width:44px;display:inline-flex;
    align-items:center;justify-content:center}
}

/* ================= هیچ دکمه‌ای بی‌توضیح خاموش نمی‌شود ================= */
/* «بروزرسانی سبد خرید» تا وقتی تعدادی عوض نشده کاری ندارد، و ووکامرس
   خاموشش می‌کند. دکمهٔ خاموشِ بی‌توضیح کاربر را به این نتیجه می‌رساند که
   سایت خراب است، پس تا فعال نشود دیده نمی‌شود. چون معیارش همان صفتِ
   disabled خودِ ووکامرس است، هیچ‌وقت از آن جدا نمی‌افتد. */
/* ویژگی باید از .woocommerce table.cart td.actions .button بالاتر باشد،
   وگرنه display:block آن برنده می‌شود. یک بار همین شد و تغییر دیده نشد. */
.woocommerce table.cart td.actions button[name="update_cart"]:disabled,
.woocommerce table.cart td.actions input[name="update_cart"]:disabled,
.woocommerce table.shop_table td.actions button[name="update_cart"]:disabled{display:none}

/* پیام کنار شمارندهٔ تعداد، جای disabled کردنِ دکمهٔ کاهش */
.qmsg{display:block;flex:1 1 100%;font-size:12.5px;color:var(--err,#A6392F);
  min-height:18px;padding-top:4px}
.qmsg:empty{display:none}

/* ================= صفحهٔ نتیجهٔ جست‌وجو ================= */
/* فرم جست‌وجوی تازه، داخل خود صفحهٔ نتیجه. کسی که نتیجهٔ دلخواهش را
   نگرفته باید بتواند همان‌جا دوباره بجوید، نه اینکه برگردد بالا. */
.searchbig{display:flex;gap:10px;align-items:center;flex-wrap:wrap;
  margin:0 0 clamp(22px,2.6vw,34px);max-width:620px}
.searchbig input[type=search]{flex:1 1 240px;min-width:0;height:52px;padding:0 20px;
  border:1px solid var(--line);border-radius:999px;background:#fff;font:inherit;color:var(--ink)}
.searchbig input[type=search]:focus{outline:2px solid var(--gold);outline-offset:1px}
.searchbig .btn{flex:0 0 auto;height:52px;display:inline-flex;align-items:center}

/* ================= فرم سفارش اختصاصی ================= */
.corder{max-width:640px}
.co-form{display:grid;gap:clamp(14px,1.6vw,20px)}
.co-row{display:grid;gap:7px}
.co-row label{font-family:Vazirmatn;font-size:14.5px;font-weight:600;color:var(--ink)}
.co-row .req{color:var(--err,#A6392F)}
.co-row small{font-size:12.5px;color:var(--mute);line-height:1.8}
.co-row input[type=text],.co-row input[type=tel],.co-row select,.co-row textarea{
  width:100%;min-height:52px;padding:14px 18px;border:1px solid var(--line);
  border-radius:var(--r);background:#fff;font:inherit;color:var(--ink)}
.co-row textarea{min-height:130px;line-height:1.9;resize:vertical}
.co-row select{appearance:none;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,var(--mute) 50%),linear-gradient(135deg,var(--mute) 50%,transparent 50%);
  background-position:calc(0% + 18px) calc(50% + 1px),calc(0% + 23px) calc(50% + 1px);
  background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.co-row input:focus,.co-row select:focus,.co-row textarea:focus{
  outline:2px solid var(--gold);outline-offset:1px;border-color:var(--gold)}
.co-row input[type=file]{font:inherit;color:var(--body);padding:12px 0}
/* تلهٔ ربات: از چشم و از صفحه‌خوان پنهان، ولی برای ربات پر کردنی */
.co-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);
  clip-path:inset(50%);white-space:nowrap;border:0;padding:0;margin:-1px}
.co-form .btn{justify-self:start;min-height:54px;display:inline-flex;align-items:center}
.co-note{font-size:13px;color:var(--mute);line-height:1.9;margin:0}
.co-done,.co-err{border-radius:var(--r);padding:16px 18px;margin-bottom:22px;line-height:1.9}
.co-done{background:#E8F3EC;border:1px solid #BFDCCB}
.co-err{background:#FDEDEA;border:1px solid #F0C8C0}
.co-done p,.co-err p{margin:4px 0 0;font-size:14px}

/* ================= منوی اصلی: فهرست وردپرس ================= */
/* قالب فقط `nav a` را استایل می‌داد و فرض کرده بود nav مستقیم لینک دارد.
   وردپرس اما <nav><ul><li><a> می‌دهد. نتیجه دو چیز بود که در عکس دیده شد:
   نقطه‌های پیش‌فرضِ فهرست کنار هر مورد، و شکستنِ آیتم‌ها به دو خط چون
   لینک‌ها به‌عنوان آیتم فلکس فشرده می‌شدند. */
.hd nav ul{display:flex;align-items:center;gap:2px;margin:0;padding:0;
  list-style:none;flex-wrap:nowrap}
.hd nav li{list-style:none;list-style-type:none;margin:0;display:block}
.hd nav li::marker{content:"";font-size:0}
.hd nav a{white-space:nowrap;padding:10px 11px}

/* با هشت مورد، منو زیر ۱۱۸۰ پیکسل جا نمی‌شود. به جای شکستن، همان‌جا به
   منوی همبرگری می‌رود. قبلا این مرز ۹۰۰ بود و بینِ ۹۰۰ تا ۱۳۰۰ می‌شکست. */
@media (max-width:1320px){ .hd nav a{font-size:14px;padding:10px 8px} }
@media (max-width:1180px){
  .hd nav{display:none}
  .burger{display:grid}
}

/* منوی کشویی. تا ۲۶ مهر دکمهٔ همبرگری هیچ کدی پشتش نداشت: زیرِ ۱۱۸۰ پیکسل
   منو پنهان می‌شد و راهی به تماس، پرسش‌ها، اقساط و سفارش اختصاصی نبود.
   همان <nav> سرصفحه است، نه منوی دوم. backdrop-filterِ سرصفحه جعبهٔ مرجعِ
   position:fixed را عوض می‌کند، پس موقعِ باز بودن برداشته می‌شود. */
@media (max-width:1180px){
  /* قفلِ اسکرول با overflow روی html نه: در موبایل کروم پهنای صفحه را به اندازهٔ
     ریل‌های افقی (۱۵۶۰ پیکسل) باز می‌کرد. کشو تمام‌صفحه است و اسکرولِ خودش را دارد. */
  html.menu-open header{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--paper)}
  html.menu-open .hd nav{display:block;position:fixed;top:var(--hd-b,84px);right:0;left:0;bottom:0;z-index:60;
    margin:0;background:var(--paper);overflow-y:auto;overscroll-behavior:contain;
    padding:8px max(20px,env(safe-area-inset-right)) 40px;border-top:1px solid var(--line)}
  html.menu-open .hd nav ul{flex-direction:column;align-items:stretch;gap:0;max-width:560px;margin-inline:auto}
  html.menu-open .hd nav li{border-bottom:1px solid var(--line)}
  html.menu-open .hd nav a{display:flex;align-items:center;font-size:17px;color:var(--ink);padding:14px 4px;min-height:54px;white-space:normal}
  html.menu-open .hd nav a::after{display:none}
}

/* ================= هیرو ================= */
/* متن می‌تواند سمت چپ بنشیند. وقتی سوژهٔ عکس سمت راست است، تیتر روی
   صورت و گردن‌بند می‌افتد و هم خوانا نیست هم قطعه را می‌پوشاند. */
.hs.side-l .c>.wrap{display:flex;justify-content:flex-start}
.hs.side-l .vl{background:linear-gradient(to right,rgba(12,48,39,.9) 0%,rgba(12,48,39,.62) 34%,rgba(12,48,39,.08) 70%)}
@media (max-width:900px){
  .hs.side-l .c>.wrap{display:block}
  .hs.side-l .vl{background:linear-gradient(to top,rgba(12,48,39,.93) 16%,rgba(12,48,39,.6) 54%,rgba(12,48,39,.14) 100%)}
}

/* ================= ظاهر شدن تدریجی، بدون وابستگی به جاوااسکریپت =======
   `.rv` با opacity صفر شروع می‌شود و جاوااسکریپت `on` را می‌افزاید. اگر
   جاوااسکریپت اجرا نشود — خطا، افزونهٔ مسدودکننده، مرورگر قدیمی — هشت
   بخشِ صفحهٔ خانه برای همیشه نامرئی می‌مانند. حالا پنهان‌شدن فقط وقتی
   اعمال می‌شود که جاوااسکریپت زنده باشد. */
.rv{opacity:1;transform:none}
html.js .rv{opacity:0;transform:translateY(20px)}
html.js .rv.on{opacity:1;transform:none}

/* ================= لبهٔ ریل ================= */
/* ریل عمدا از کارت میانی شروع می‌شود و دو طرفش کارتِ نیمه دیده می‌شود.
   مشکل این بود که برش با لبهٔ تیز انجام می‌شد و تیتر و قیمتِ کارتِ کناری
   از وسط قطع می‌شد — به چشم خرابی می‌آمد نه «ادامه دارد». حالا محو
   می‌شوند. */
.rail{
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 90px,#000 calc(100% - 90px),transparent 100%);
  mask-image:linear-gradient(to right,transparent 0,#000 90px,#000 calc(100% - 90px),transparent 100%)}
@media (max-width:760px){
  .rail{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 34px,#000 calc(100% - 34px),transparent 100%);
    mask-image:linear-gradient(to right,transparent 0,#000 34px,#000 calc(100% - 34px),transparent 100%)}
}


/* کدِ تخفیف در سبدِ موبایل: ورودی ۱۵۰ پیکسل بود و دکمه دوخطی. زیرِ هم و تمام‌عرض. */
@media (max-width:768px){
  .woocommerce-cart .coupon{display:flex;flex-direction:column;gap:10px;width:100%;float:none}
  .woocommerce-cart .coupon #coupon_code{width:100%!important;min-height:48px;margin:0!important}
  .woocommerce-cart .coupon .button{width:100%;white-space:nowrap;margin:0!important}
}


/* ================= صفحه‌های ووکامرس: ظرفِ پهن (page.php: .wc-page) ================= */
.wc-page{max-width:1160px;margin-inline:auto}
/* مراحلِ خرید: سه قرصِ هم‌اندازه، وسطِ صفحه و هم‌عرضِ کلِ ردیف */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:780px;margin:0 auto clamp(22px,3vw,36px)}
.steps .step{min-width:0;min-height:52px;border:1px solid transparent;box-sizing:border-box}
.woocommerce-cart .woocommerce > .steps{grid-column:1/-1}
@media (max-width:560px){
  .steps{gap:6px}
  .steps .step{flex-direction:column;justify-content:center;text-align:center;gap:4px;font-size:12px;padding:8px 4px;min-height:64px}
}

/* تسویه: فرم یک ستونِ پهن، «سفارش شما» کنارش و چسبان */
@media (min-width:961px){
  .wc-page form.checkout{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:clamp(24px,3vw,44px);align-items:start}
  .wc-page form.checkout #customer_details{grid-column:1;grid-row:1 / span 2}
  .wc-page form.checkout #order_review_heading{grid-column:2;grid-row:1;margin-top:0}
  .wc-page form.checkout #order_review{grid-column:2;grid-row:2;position:sticky;top:110px}
}
.wc-page form.checkout .col2-set{display:block}
.wc-page form.checkout .col2-set .col-1,.wc-page form.checkout .col2-set .col-2{width:100%;float:none;max-width:none}
.wc-page .woocommerce-billing-fields__field-wrapper,.wc-page .woocommerce-shipping-fields__field-wrapper{
  display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.wc-page .woocommerce-billing-fields__field-wrapper .form-row,.wc-page .woocommerce-shipping-fields__field-wrapper .form-row{
  width:auto!important;float:none!important;grid-column:1/-1;margin:0 0 14px}
.wc-page .form-row-first{grid-column:1!important}
.wc-page .form-row-last{grid-column:2!important}
.wc-page form.checkout .input-text,.wc-page form.checkout select,.wc-page form.checkout textarea{width:100%;min-height:48px}
.woocommerce-checkout #main h3#ship-to-different-address{font-family:Vazirmatn;font-size:15px;font-weight:600;line-height:1.8;margin:18px 0 10px}
#ship-to-different-address label{display:flex;align-items:center;gap:8px;cursor:pointer}
@media (max-width:560px){
  .wc-page .woocommerce-billing-fields__field-wrapper{grid-template-columns:1fr}
  .wc-page .form-row-first,.wc-page .form-row-last{grid-column:1/-1!important}
}

/* سبد: عکسِ قطعه دیده شود و نام در یک تا دو خط */
.wc-page table.cart td.product-thumbnail{width:84px;min-width:84px}
.wc-page table.cart td.product-thumbnail img{width:72px!important;min-width:72px;max-width:none!important;height:72px;object-fit:cover;border-radius:12px;display:block}
.wc-page table.cart td.product-name{min-width:200px}
.wc-page table.cart td.product-name a{color:var(--ink);font-weight:600;text-decoration:none}
.wc-page .coupon{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.wc-page .coupon #coupon_code{width:220px!important;min-height:48px;border:1px solid var(--line-2);border-radius:var(--r);padding:0 14px}

/* ================= زیرمنوها (inc/nav.php) ================= */
.hd nav li{position:relative}
.hd nav ul.sub-menu{display:none;position:absolute;top:100%;right:0;z-index:70;min-width:230px;margin:0;padding:8px;list-style:none;
  background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 22px 44px -22px rgba(14,58,47,.45)}
.hd nav ul.sub-menu li{display:block}
.hd nav ul.sub-menu a{display:block;padding:9px 12px;border-radius:10px;font-size:14px;white-space:nowrap;color:var(--body)}
.hd nav ul.sub-menu a::after{display:none}
.hd nav ul.sub-menu a:hover,.hd nav ul.sub-menu a:focus-visible{background:var(--cream);color:var(--ink)}
.hd nav ul.sub-menu li:first-child a{font-weight:600;color:var(--ink)}
.hd nav li.menu-item-has-children > a{padding-inline-end:24px}
.hd nav li.menu-item-has-children > a::before{content:"";position:absolute;left:10px;top:50%;width:6px;height:6px;margin-top:-5px;
  border-left:1.4px solid currentColor;border-bottom:1.4px solid currentColor;transform:rotate(-45deg);opacity:.6}
.sub-toggle{display:none}
@media (min-width:1181px){
  .hd nav li:hover > ul.sub-menu,.hd nav li:focus-within > ul.sub-menu{display:block}
  .hd nav li.mega:hover > ul.sub-menu,.hd nav li.mega:focus-within > ul.sub-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(660px,70vw)}
  .hd nav li.mega ul.sub-menu li:first-child{grid-column:1/-1;border-bottom:1px solid var(--line);margin-bottom:4px}
  .hd nav ul.sub-menu a{white-space:normal}
}
@media (max-width:1180px){
  html.menu-open .hd nav ul.sub-menu{position:static;display:none;min-width:0;width:auto;border:0;box-shadow:none;background:transparent;padding:0 12px 10px;border-radius:0}
  html.menu-open .hd nav li.open > ul.sub-menu{display:block}
  html.menu-open .hd nav ul.sub-menu li{border-bottom:0}
  html.menu-open .hd nav ul.sub-menu a{font-size:15px;min-height:44px;padding:10px 6px;color:var(--body)}
  html.menu-open .hd nav li.menu-item-has-children > a::before{display:none}
  html.menu-open .sub-toggle{display:grid;place-items:center;position:absolute;left:0;top:5px;width:46px;height:44px;border:0;background:transparent;color:var(--ink);cursor:pointer}
  .sub-toggle::before{content:"";width:8px;height:8px;border-left:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(-45deg);transition:transform .2s}
  li.open > .sub-toggle::before{transform:rotate(135deg)}
}

/* ================= طرح‌های اقساطی (Plans، plan.php) ================= */
.prose:has(.plans){max-width:1160px}
.plans{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:clamp(16px,2vw,26px)}
.plans.small{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.prose .plans a{text-decoration:none}
.plans .icard{display:block;color:inherit}
.plans .icard h3{font-size:16px;margin-top:12px;color:var(--ink)}
.plans .icard p{font-size:13px;color:var(--mute);margin-top:4px}
.prose .plans > * + *{margin-top:0}
.ic-name{display:grid;place-items:center;aspect-ratio:16/10;background:var(--cream);border-radius:14px;font-weight:700;color:var(--ink);padding:12px;text-align:center}
.plan{padding-top:clamp(18px,2.4vw,34px)}
.plan-hero{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);align-items:start}
/* ۲۹ مهر: با متنِ بلندِ شرایط، کارت وسطِ ستون و پایینِ صفحه می‌افتاد؛ حالا از بالا و همراهِ اسکرول */
@media (min-width:901px){.plan-card{position:sticky;top:110px}}
.plan-card{border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 30px 60px -30px rgba(14,58,47,.35);aspect-ratio:16/10;display:grid;place-items:center}
.plan-card img{width:100%;height:100%;object-fit:contain}
.plan-note{font-size:15px;color:var(--gold-tx);margin-top:6px}
.plan-desc{margin-top:18px;max-width:60ch}
.plan-desc p{margin-bottom:12px}
.plan-desc h3{font-size:17px;margin:18px 0 8px}
.plan-desc ul{padding-right:20px}
.plan-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.plan-others{padding-top:0}
@media (max-width:900px){.plan-hero{grid-template-columns:1fr}}


/* ================= ورود و عضویت (مهمان) — ۲۸ مهر ================= */
.woocommerce-account:not(.logged-in) .wc-page .woocommerce{max-width:980px;margin-inline:auto}
#customer_login{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2.4vw,30px);align-items:start}
#customer_login .col-1,#customer_login .col-2{width:auto;float:none;max-width:none;margin:0}
#customer_login::before,#customer_login::after{display:none}
#customer_login h2,.woocommerce-account:not(.logged-in) .woocommerce > h2{font-family:Vazirmatn;font-size:19px;font-weight:700;margin:0 0 14px}
.woocommerce-account:not(.logged-in) .woocommerce > form.login,
.woocommerce-account:not(.logged-in) .woocommerce > form.lost_reset_password{max-width:480px;margin-inline:auto}
.woocommerce form.woocommerce-form-login,.woocommerce form.woocommerce-form-register,.woocommerce form.lost_reset_password{
  border:1px solid var(--line);border-radius:var(--rl);background:#fff;padding:clamp(20px,2.6vw,30px);margin:0}
.woocommerce form.woocommerce-form-login .form-row,.woocommerce form.woocommerce-form-register .form-row,
.woocommerce form.lost_reset_password .form-row{width:100%;float:none;padding:0;margin:0 0 16px}
.woocommerce form.woocommerce-form-login label,.woocommerce form.woocommerce-form-register label,
.woocommerce form.lost_reset_password label{display:block;font-size:14px;color:var(--body);margin-bottom:6px;line-height:1.8}
.woocommerce form.woocommerce-form-login .input-text,.woocommerce form.woocommerce-form-register .input-text,
.woocommerce form.lost_reset_password .input-text{width:100%;min-height:48px;padding:0 14px;border:1px solid var(--line-2);border-radius:var(--r);background:#fff;font:inherit}
.woocommerce form .password-input{display:block;position:relative;width:100%}
.woocommerce form .password-input .input-text{padding-inline-end:46px}
.woocommerce form .show-password-input{position:absolute;inset-inline-end:8px;top:50%;transform:translateY(-50%)}
.woocommerce form.woocommerce-form-login .woocommerce-form-login__rememberme{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;font-size:14px}
.woocommerce form.woocommerce-form-login .button,.woocommerce form.woocommerce-form-register .button,
.woocommerce form.lost_reset_password .button{width:100%;min-height:50px;margin:4px 0 0;float:none}
.woocommerce form.woocommerce-form-login .lost_password{margin:14px 0 0;font-size:14px;text-align:center}
.woocommerce form.woocommerce-form-register > p:not(.form-row),.woocommerce-privacy-policy-text{font-size:13.5px;color:var(--mute);line-height:2}
.woocommerce form.lost_reset_password > p:first-child{font-size:14.5px;line-height:2;margin-bottom:16px}
@media (max-width:760px){#customer_login{grid-template-columns:1fr}}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation,.woocommerce-account.logged-in .woocommerce-MyAccount-content{width:auto;float:none}
.woocommerce-account.logged-in .woocommerce-MyAccount-content{margin-top:18px}
@media (min-width:860px){.woocommerce-account.logged-in .woocommerce-MyAccount-content{margin-top:0}}

/* ================= گشتِ همهٔ صفحه‌ها، ۲۹ مهر ================= */
/* نشانی‌ها: دو ستونِ کنارِ هم (ووکامرس float و ۴۸٪ می‌دهد و در RTL درهم می‌ریخت) */
.woocommerce-Addresses{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:14px}
.woocommerce-Addresses::before,.woocommerce-Addresses::after{display:none}
.woocommerce .woocommerce-Addresses.col2-set .woocommerce-Address,.woocommerce-Addresses .woocommerce-Address{width:auto;float:none;max-width:none;border:1px solid var(--line);border-radius:var(--rl);padding:18px 20px;background:#fff}
.woocommerce-Address-title{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.woocommerce-Address-title h2{font-family:Vazirmatn;font-size:17px;font-weight:700;margin:0}
.woocommerce-Address-title .edit{font-size:14px;white-space:nowrap}
.woocommerce-Address address{font-style:normal;line-height:2;color:var(--body)}
/* دکمهٔ نمایشِ رمز: هدفِ لمسی ۴۴ پیکسل (۲۲ بود) */
.woocommerce form .show-password-input{width:44px;height:44px;display:grid;place-items:center;inset-inline-end:2px}
/* محصولاتِ مرتبطِ کم: وسط، نه چسبیده به یک لبه */
@media (min-width:761px){
  .woocommerce .related.products ul.products,.woocommerce .upsells.products ul.products{
    grid-template-columns:repeat(auto-fit,minmax(200px,270px));justify-content:center}
}
/* طرح‌های اقساطی روی موبایل دوستونی؛ تک‌ستون ۱۹ کارتِ بزرگ ۷۶۰۰ پیکسل اسکرول بود */
@media (max-width:600px){
  .plans{grid-template-columns:1fr 1fr!important;gap:12px!important}
  .plans .icard h3{font-size:14px}
  .plans .icard p{font-size:12.5px}
}
/* فرمِ سفارش اختصاصی: انتخابِ فایل به فارسی. ورودی با الگوی clip پنهان است، نه left:-9999 (RTL) */
.co-fin{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.co-filebox{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.co-pick{gap:8px;cursor:pointer;min-height:46px}
.co-pick .svg{width:17px;height:17px}
.co-fin:focus-visible + .co-filebox .co-pick{outline:2px solid var(--gold);outline-offset:3px}
.co-fname{font-size:14px}
/* «چاپ فاکتور» زیرِ جدولِ سفارش: دکمه، نه نوارِ تمام‌عرض */
.woocommerce-order-details > a.btn{display:inline-flex;width:auto;margin-top:14px}
/* دکمه داخلِ متنِ برگه: رنگ و زیرخطِ لینکِ prose نباید روی دکمه بنشیند (طلایی روی طلایی، ۲۹ مهر) */
.prose a.btn{text-decoration:none}
.prose a.btn-g{color:var(--btn-tx,#fff)}
.prose a.btn-p{color:#fff}
.prose a.btn-o{color:var(--ink)}

/* ================= «به سبد اضافه شد» — ۲۹ مهر ================= */
.ctoast{position:fixed;z-index:120;top:96px;inset-inline-start:clamp(12px,3vw,32px);width:min(380px,calc(100vw - 24px));
  background:#fff;border:1px solid var(--line);border-radius:var(--rl);box-shadow:0 24px 60px -24px rgba(25,21,15,.45);
  padding:16px 16px 18px;opacity:0;transform:translateY(-10px);transition:opacity .25s,transform .25s;pointer-events:none}
.ctoast.on{opacity:1;transform:none;pointer-events:auto}
.ct-head{display:flex;align-items:center;gap:10px}
.ct-head b{font-size:15.5px;color:var(--ink)}
.ct-ok{width:30px;height:30px;border-radius:50%;background:#1E7A5A;color:#fff;display:grid;place-items:center;flex:none}
.ct-ok .svg{width:17px;height:17px}
.ct-x{margin-inline-start:auto;width:40px;height:40px;border:0;background:none;border-radius:50%;cursor:pointer;color:var(--mute);display:grid;place-items:center}
.ct-x:hover{background:var(--cream);color:var(--ink)}
.ct-x .svg{width:18px;height:18px}
.ct-item{display:flex;align-items:center;gap:12px;margin-top:12px}
.ct-ph{width:60px;height:60px;border-radius:12px;overflow:hidden;flex:none;background:var(--cream)}
.ct-ph img{width:100%;height:100%;object-fit:cover;display:block}
.ct-tx{display:flex;flex-direction:column;min-width:0;line-height:1.8}
.ct-nm{font-weight:600;color:var(--ink);font-size:14.5px}
.ct-mt{font-size:13px;color:var(--mute)}
.ct-sum{margin:12px 0 0;font-size:13.5px;color:var(--body);border-top:1px solid var(--line);padding-top:10px}
.ct-act{display:flex;gap:8px;margin-top:12px}
.ct-act .btn{flex:1;min-height:46px;justify-content:center;padding:0 10px;font-size:14px}
@media (max-width:640px){
  .ctoast{top:auto;bottom:calc(84px + env(safe-area-inset-bottom));inset-inline:12px;width:auto;transform:translateY(12px)}
}
.hd a.ico b.bump{animation:abBump .7s ease 2}
@keyframes abBump{0%,100%{transform:scale(1)}40%{transform:scale(1.45)}}
@media (prefers-reduced-motion:reduce){.ctoast{transition:none}.hd a.ico b.bump{animation:none}}
.pdp-notices .woocommerce-notices-wrapper:empty{display:none}
.pdp-notices .woocommerce-error,.pdp-notices .woocommerce-message,.pdp-notices .woocommerce-info{margin:10px 0 0}
/* راهنمای «اول وزن را انتخاب کنید» وقتی از نوارِ پایین آمده */
.flash{animation:abFlash 1.2s ease 2}
@keyframes abFlash{0%,100%{background:transparent}50%{background:var(--gold-soft)}}
/* تسویه: کشورِ ثابت (فقط ایران) پنهان */
.abdoli-hide{display:none!important}

/* ================= هیرو با عکسِ مغازه — ۲۹ مهر ================= */
/* تیتر مثلِ نمونهٔ مشتری: درشت و بی‌نستعلیق، خطِ اول طلایی */
.hs .h-xl.hx{font-family:Vazirmatn,sans-serif;font-weight:700;font-size:clamp(34px,4.4vw,62px);line-height:1.35;letter-spacing:0}
.hs .h-xl.hx{color:#fff}
.hs .h-xl.hx .g{color:var(--gold-2)}
/* عکسِ عمودی روی دسکتاپ: پس‌زمینهٔ سبزِ برند، عکس در قابِ گنبدی کنارِ متن (بدونِ کش آمدن) */
@media (min-width:901px){
  .hs.portrait{background:radial-gradient(ellipse 60% 70% at 26% 48%,rgba(195,160,90,.2),transparent 70%),linear-gradient(135deg,#0F3B30 0%,#0B2C24 100%)}
  .hs.portrait>img,.hs.portrait .vl{display:none}
  .hs.portrait .c{padding:28px 0 92px}
  .hs.portrait .c>.wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(30px,5vw,80px)}
  .hs.portrait .pf{position:relative;margin:0;height:min(64vh,600px);aspect-ratio:617/1080;max-width:42vw}
  .hs.portrait .pf::before{content:"";position:absolute;inset:-12px;border-radius:var(--dome-d);border:1.3px solid var(--gold-2);opacity:.85;pointer-events:none}
  .hs.portrait .pf img{width:100%;height:100%;object-fit:cover;border-radius:var(--dome-d);display:block;box-shadow:0 40px 80px -40px rgba(0,0,0,.55)}
}
@media (max-width:900px){
  .hs .pf{display:none}
  /* موبایل، عکسِ عمودی: مثلِ نمونهٔ مشتری — عکس بالا (چهره‌ها آزاد)، متن روی سبزِ پایین */
  .hslides:has(.hs.portrait){height:clamp(620px,90vh,780px)}
  .hs.portrait{background:#0B2C24}
  .hs.portrait>img{height:54%;object-position:center 22%}
  .hs.portrait .vl{background:linear-gradient(to top,#0B2C24 46%,rgba(11,44,36,.75) 52%,rgba(11,44,36,0) 66%)}
  .hs.portrait .c{padding-bottom:118px}
  .hs.portrait .box>*+*{margin-top:14px}
  .hs.portrait .h-xl.hx{font-size:clamp(30px,8.6vw,40px);line-height:1.4}
  .hs.portrait p{font-size:15px;line-height:1.9}
  /* فلش‌ها کنارِ عکس، نه پایین: پایین‌چپ زیرِ دکمه‌های واتساپ و اینستاگرام می‌رفتند */
  .harrow{top:26%;bottom:auto;transform:translateY(-50%);width:40px;height:40px}
  .harrow.rr{right:10px;left:auto}
  .harrow.ll{left:10px}
}
/* ================= نسخه‌های دیگرِ بنر (?hero=2..4) — ۲۹ مهر ================= */
.hv{position:relative;overflow:hidden}
.hv-h{font-family:Vazirmatn,sans-serif;font-weight:700;font-size:clamp(32px,4.2vw,58px);line-height:1.38;margin:14px 0 0}
.hv-p{font-size:clamp(15px,1.25vw,17px);line-height:2;max-width:48ch;margin-top:16px}
.hv-btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.hv-btns .btn{min-height:50px}
.hv .hcurve{z-index:2}

/* --- ۲: سه قاب، زمینهٔ روشن --- */
.hv2{background:radial-gradient(ellipse 50% 70% at 22% 55%,rgba(195,160,90,.16),transparent 70%),var(--cream);padding:clamp(40px,6vw,84px) 0 clamp(48px,6vw,90px)}
.hv2-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(28px,4vw,70px);align-items:center}
.hv2 .hv-h{color:var(--ink)}
.hv2 .hv-h .g{color:var(--gold-tx)}
.hv2 .hv-p{color:var(--body)}
.hv-perks{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}
.hv-perks li{min-width:0;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:var(--ink);line-height:1.6}
.hv-perks li span{width:32px;height:32px;border-radius:50%;border:1px solid var(--gold-2);display:grid;place-items:center;flex:none;background:var(--paper)}
.hv-perks .svg{width:16px;height:16px;color:var(--gold-tx)}
.hv2-arches{display:flex;align-items:flex-end;justify-content:center;gap:clamp(10px,1.4vw,20px)}
.arch{position:relative;margin:0;flex:none}
.arch img{width:100%;height:100%;object-fit:cover;border-radius:var(--dome-d);display:block}
.arch::before{content:"";position:absolute;inset:-8px;border-radius:var(--dome-d);border:1.2px solid var(--gold-2);pointer-events:none}
.hv2-arches .arch{width:clamp(110px,12.5vw,180px);aspect-ratio:3/5}
.hv2-arches .a2{width:clamp(128px,14.5vw,210px);margin-bottom:clamp(20px,3vw,46px)}
.hv2-arches .arch img{box-shadow:0 30px 60px -36px rgba(25,21,15,.55)}

/* --- ۳: پوستر، مثلِ بنرِ PDFِ مشتری --- */
.hv3{background:radial-gradient(ellipse 55% 75% at 78% 40%,rgba(195,160,90,.22),transparent 70%),linear-gradient(135deg,#0F3B30 0%,#0A2A22 100%);color:#F3EFE6;padding:clamp(40px,5.5vw,76px) 0 clamp(70px,8vw,110px)}
.hv3-in{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(28px,5vw,80px);align-items:center}
.hv3 .eyebrow{color:var(--gold-2)}
.hv3 .eyebrow::after{background:rgba(243,239,230,.34)}
.hv3-k{font-size:clamp(20px,2.2vw,30px);font-weight:700;margin-top:16px;color:#F3EFE6}
.hv3-amt{margin-top:4px;line-height:1.2;display:flex;align-items:baseline;gap:10px;flex-wrap:nowrap;white-space:nowrap}
.hv3-amt b{font-size:clamp(34px,5vw,72px);font-weight:700;letter-spacing:0;
  background:linear-gradient(180deg,#F3DDA2 0%,#C3A05A 55%,#9C7632 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hv3-amt small{font-size:clamp(18px,1.8vw,26px);font-weight:700;color:#F3EFE6}
.hv3-tiles{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.hv3-tiles li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:14px 8px;border-radius:14px;
  background:rgba(243,239,230,.07);border:1px solid rgba(195,160,90,.38);font-size:13px;line-height:1.6;font-weight:500}
.hv3-tiles .svg{width:24px;height:24px;color:var(--gold-2)}
.hv3-ph{position:relative;margin:0;width:clamp(260px,28vw,400px);aspect-ratio:4/5}
.hv3-ph img{width:100%;height:100%;object-fit:cover;object-position:center 30%;border-radius:22px;display:block;box-shadow:0 40px 80px -40px rgba(0,0,0,.6)}
.hv3-ph::before{content:"";position:absolute;inset:-10px;border-radius:28px;border:1.2px solid var(--gold-2);pointer-events:none}
.hv3-strip{display:flex;gap:10px 28px;flex-wrap:wrap;margin-top:clamp(26px,3vw,40px);padding-top:16px;border-top:1px solid rgba(243,239,230,.16);font-size:14px;color:#DBD5C8}
.hv3-strip span{display:inline-flex;align-items:center;gap:8px}
.hv3-strip a{color:#F3EFE6;text-decoration:none}
.hv3-strip .svg{width:16px;height:16px;color:var(--gold-2)}

/* --- ۴: نوارِ قاب‌ها --- */
.hv4{background:radial-gradient(ellipse 70% 60% at 50% 0%,rgba(195,160,90,.2),transparent 70%),linear-gradient(180deg,#0F3B30 0%,#0A2A22 100%);padding:clamp(34px,4vw,56px) 0 clamp(70px,7vw,96px)}
.hv4-tx{text-align:center;display:flex;flex-direction:column;align-items:center}
.hv4 .eyebrow{color:var(--gold-2)}
.hv4 .hv-h{color:#fff}
.hv4 .hv-h .g{color:var(--gold-2)}
.hv4 .hv-p{color:#DBD5C8}
.hv4 .hv-btns{justify-content:center}
.hv4-rail{margin-top:clamp(24px,3vw,40px);overflow:hidden;padding:14px 0;
  -webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}
.hv4-track{display:flex;gap:clamp(16px,2vw,28px);width:max-content;direction:ltr;animation:hv4Roll 60s linear infinite}
.hv4-rail:hover .hv4-track{animation-play-state:paused}
.hv4-track .arch{width:clamp(120px,10.5vw,165px);aspect-ratio:3/5}
.hv4-track .arch:nth-child(even){margin-top:34px}
@keyframes hv4Roll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.hv4-track{animation:none}.hv4-rail{overflow-x:auto}}

@media (max-width:900px){
  .hv2-in,.hv3-in{grid-template-columns:1fr}
  .hv2-arches{order:-1}
  .hv2-arches{gap:12px;padding:0 6px}
  .hv2-arches .arch{width:26vw}
  .hv2-arches .a2{width:29vw}
  .hv-perks{grid-template-columns:1fr}
  .hv3-ph{order:-1;width:100%;aspect-ratio:4/3}
  .hv3-tiles{grid-template-columns:1fr 1fr}
  .hv3-strip{flex-direction:column}
  .hv-btns .btn{flex:1 1 0;min-width:0;justify-content:center;padding-inline:12px}
}

/* ================= طرح ۳ پوستر، اسلایدری — ۲۹ مهر ================= */
.hp .hs.ps{background:radial-gradient(ellipse 55% 75% at 22% 45%,rgba(195,160,90,.2),transparent 70%),linear-gradient(135deg,#0F3B30 0%,#0A2A22 100%);color:#F3EFE6}
.hp .hs.ps .c{padding:24px 0 118px}
.hp .ps-in{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(28px,5vw,80px);align-items:center}
.hp .eyebrow{color:var(--gold-2)}
.hp .eyebrow::after{background:rgba(243,239,230,.34)}
.hp .hv-h{color:#fff}
.hp .hv-h .g{color:var(--gold-2)}
.hp .hv-p{color:#DBD5C8}
.hp .hv3-ph{width:clamp(250px,25vw,370px)}
.hp-bar{display:flex;align-items:center;justify-content:space-between;gap:16px 24px}
.hp .hv3-strip{margin:0;padding:0;border:0}
@media (max-width:900px){
  /* ۳۰ مهر، بعد از دیدنِ گوشیِ واقعی: اسلاید باید در یک صفحه جا شود (نوارهای مرورگر جا می‌گیرند)،
     عکس پس‌زمینهٔ بالا با محوِ سبز، متن پایین؛ مزیت‌ها بی‌قاب و ریز، تلفن‌ها فقط در دسکتاپ */
  .hp .hslides{height:max(540px,calc(100svh - 120px));max-height:720px}
  /* عکس هر چه جا ماند را می‌گیرد (flex:1)؛ با ارتفاعِ ثابت روی گوشیِ کوتاه روی متن می‌افتاد */
  .hp .hs.ps .c{display:flex;flex-direction:column;align-items:stretch;padding:0 0 84px}
  .hp .ps-in{display:flex;flex-direction:column;align-items:stretch;flex:1 1 auto;min-height:0;gap:12px}
  .hp .hv3-ph{position:relative;order:-1;flex:1 1 0;min-height:130px;width:auto;height:auto;margin:0 -24px;aspect-ratio:auto}
  .hp .hv3-ph img{position:absolute;inset:0;width:100%;height:100%}
  .hp .hv3-ph::before{display:none}
  .hp .hv3-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#0B2C24 0%,rgba(11,44,36,.55) 26%,rgba(11,44,36,0) 55%)}
  .hp .hv3-ph img{border-radius:0;object-position:center 35%}
  .hp .hv-tx{position:relative}
  .hp .eyebrow{font-size:11.5px}
  .hp .hv3-k{font-size:16px;margin-top:8px}
  .hp .hv3-amt{margin-top:0}
  .hp .hv3-amt b{font-size:clamp(30px,9vw,38px)}
  .hp .hv3-amt small{font-size:15px}
  .hp .hv-h{font-size:clamp(24px,7vw,30px);margin-top:8px}
  .hp .hv-p{font-size:13.5px;line-height:1.85;margin-top:6px}
  .hp .hv3-tiles{grid-template-columns:1fr 1fr;gap:6px 12px;margin-top:12px}
  .hp .hv3-tiles li{background:none;border:0;padding:0;flex-direction:row;align-items:flex-start;text-align:right;gap:6px;font-size:12.5px;line-height:1.6}
  .hp .hv3-tiles .svg{width:15px;height:15px;flex:none;margin-top:2px}
  .hp .hv-btns{margin-top:14px;gap:10px}
  .hp .hv-btns .btn{min-height:44px;font-size:14px}
  .hp .hbar{bottom:34px}
  .hp-bar{flex-direction:row;justify-content:flex-start}
  .hp .hv3-strip{display:none}
  .hp .harrow{top:22%}
}
}


/* ================= پخش‌کنندهٔ ویدیوی اینستاگرام — ۲۹ مهر ================= */
.vbox{border:0;padding:0;background:transparent;max-width:none;max-height:none;width:min(420px,92vw);overflow:visible}
.vbox::backdrop{background:rgba(10,20,16,.82);backdrop-filter:blur(4px)}
.vbox video{width:100%;max-height:min(80vh,746px);aspect-ratio:9/16;display:block;background:#000;border-radius:18px;object-fit:contain}
.vbox-x{position:absolute;top:-14px;inset-inline-start:-14px;z-index:2;width:44px;height:44px;border-radius:50%;border:0;cursor:pointer;
  background:#fff;color:var(--ink);display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.vbox-x .svg{width:18px;height:18px}
.vbox-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;color:#F3EFE6;font-size:14px}
.vbox-ig{display:inline-flex;align-items:center;gap:7px;color:#F3EFE6;text-decoration:none;font-size:13.5px;border:1px solid rgba(243,239,230,.4);border-radius:99px;padding:8px 14px;min-height:40px}
.vbox-ig .svg{width:16px;height:16px}
@media (max-width:600px){.vbox-x{inset-inline-start:auto;inset-inline-end:6px;top:6px}}
/* دکمه‌های شناورِ واتساپ/اینستاگرام روی موبایل تا وقتی بنر دیده می‌شود پنهان؛ روی دکمه‌های بنر می‌افتادند */
.fab{transition:opacity .25s,transform .25s}
@media (max-width:900px){body.fab-hide .fab{opacity:0;transform:translateY(16px);pointer-events:none}}
/* گوشیِ باریک (۳۶۰): نامِ گالری روی ذره‌بین و «ورود» می‌رفت */
@media (max-width:380px){
  .hd.wrap,.hd{padding-inline:14px}
  .hd .acts .ico{width:36px;height:36px}
  .hd .brand .nm{font-size:14.5px}
  .hd .brand img{width:38px;height:auto}
  .hd .brand{gap:7px}
  .acc-btn{padding:0 8px;min-height:36px}
}/* «خرید یک‌جای ست» در ۳۶۰: عکس + متن + دکمه در یک ردیف جا نمی‌شد و صفحه ۱۲px پهن می‌شد */
.piece{grid-template-columns:76px minmax(0,1fr) auto}
/* ۴ آبان: در ۳۹۰ هم ستونِ وسط ۹۴px بود و رقمِ اولِ قیمتِ ۹رقمی بریده می‌شد؛ دکمه تا ۴۳۰ می‌رود زیر */
@media (max-width:430px){
  .piece{grid-template-columns:64px minmax(0,1fr);gap:12px}
  .piece #pc-link,.piece > .btn{grid-column:1 / -1;justify-content:center}
}
/* گوشیِ کوتاه: پاراگرافِ اسلایدِ بی‌عدد جای عکس را می‌گرفت (عکس به ۱۳۰px می‌رسید) */
@media (max-width:900px) and (max-height:720px){.hp .hv-p{display:none}}


/* حالتِ تاریکِ اجباری: سایت فقط روشن است (meta color-scheme در header.php هم همین را می‌گوید) */
:root{color-scheme:only light}

/* ۳۰ مهر، «شلوغه برای موبایل»: روی موبایل فقط عکس، خطِ کوچک، عددِ درشت و یک دکمه.
   مزیت‌ها و دکمهٔ دوم در دسکتاپ و در صفحهٔ هر طرح هستند. */
@media (max-width:900px){
  .hp .hv3-tiles,.hp .hv-btns .btn-l{display:none}
  .hp .hv-p{display:none}
  .hp .hv-btns{margin-top:16px}
  .hp .hv-btns .btn-g{flex:0 0 auto;min-width:200px;min-height:48px;font-size:15px}
  .hp .eyebrow{font-size:12px}
  .hp .hv3-k{font-size:17px;margin-top:10px}
  .hp .hv3-amt b{font-size:clamp(34px,10.5vw,44px)}
  .hp .hv3-amt small{font-size:17px}
  .hp .hv-h{font-size:clamp(28px,8vw,34px)}
  .hp .hs.ps .c{padding-bottom:80px}
}
/* ================= ۴ آبان: بنرِ «سه قاب» اسلایدری، «چرا عبدالی» کنارِ عکس، خبرنامه در فوتر ================= */
/* بنر: اسلایدها روی هم در یک خانهٔ grid؛ بلندترین اسلاید ارتفاع را تعیین می‌کند (نه ارتفاعِ ثابت که متن را ببُرد) */
.h2s{background:radial-gradient(ellipse 50% 70% at 22% 55%,rgba(195,160,90,.16),transparent 70%),var(--cream)}
.h2s .hslides{height:auto;display:grid;grid-template-columns:minmax(0,1fr)}
.h2s .hs{position:relative;inset:auto;grid-area:1/1;padding:clamp(40px,6vw,84px) 0 clamp(100px,9vw,128px)}
.h2s .hs .eyebrow{color:var(--gold-tx)}
.h2s .hs .eyebrow::after{background:var(--line-2)}
.h2s .hv-h{color:var(--ink)}
.h2s .hv-h .g{color:var(--gold-tx)}
.h2s .hs p.hv-p{color:var(--body);max-width:48ch}
.h2s-bar{position:absolute;left:0;right:0;bottom:clamp(26px,3.2vw,44px);z-index:3}
.h2s .snav .rnd{border-color:rgba(25,21,15,.22);color:var(--ink)}
.h2s .snav .rnd:hover{border-color:var(--gold-tx);color:var(--gold-tx)}
.h2s .dots button::after{background:rgba(25,21,15,.18)}
.h2s .dots button[aria-current="true"]::after{background:var(--gold-tx)}
.h2s .scount{color:var(--body)}
@media (max-width:900px){
  .h2s .hs{padding:22px 0 92px}
  .h2s .hv2-in{gap:22px}
  .h2s .hv-h{font-size:clamp(26px,7.4vw,34px);margin-top:10px}
  .h2s .hs p.hv-p{font-size:14.5px;line-height:1.95;margin-top:10px}
  .h2s .hv-btns{margin-top:18px}
  .h2s .hv-perks{margin-top:18px;gap:8px}
  .h2s .snav{justify-content:center}
}
@media (max-width:420px){.h2s .scount{display:none}}

/* «چرا عبدالی» کنارِ عکس، روی همان پنلِ سبزِ «روایت برند» */
.wsplit .sinner{max-width:520px}
.wsplit .flr{width:96px;height:20px;fill:var(--gold-2);opacity:.8;display:block}
.wsplit .quote{margin-top:6px;line-height:1.9}
.wlist{list-style:none;margin:18px 0 0;padding:0}
.wlist li{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;padding:18px 0;border-top:1px solid rgba(243,239,230,.14)}
.wlist li:last-child{border-bottom:1px solid rgba(243,239,230,.14)}
.wlist .wn{font-size:clamp(26px,2.6vw,38px);line-height:1.3;color:var(--gold-2);min-width:1.6em}
.wlist h3{color:#F3EFE6;font-size:17px;margin:0 0 6px}
.wsplit .wlist p{color:#CFC9BC;font-size:14.5px;line-height:1.95;margin:0}

/* خبرنامه در فوتر */
.fnl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:16px clamp(28px,4vw,64px);align-items:center;
  padding:clamp(28px,3.2vw,44px) 0;border-bottom:1px solid rgba(243,239,230,.14)}
footer .fnl-h{font-family:var(--nas);font-weight:400;font-size:clamp(21px,2.1vw,28px);letter-spacing:0;line-height:2;color:#F3EFE6;margin:0}
.fnl-tx p{font-size:14px;line-height:1.9;margin:2px 0 0}
.fnl form{display:flex;gap:10px}
.fnl input[type=email]{flex:1 1 auto;min-width:0;width:100%;height:50px;border-radius:99px;border:1px solid rgba(243,239,230,.26);
  background:rgba(255,255,255,.06);color:#F3EFE6;padding:0 20px;font:inherit;font-size:15px;text-align:left}
.fnl input[type=email]::placeholder{color:rgba(243,239,230,.48)}
.fnl input[type=email]:focus{outline:0;border-color:var(--gold-2);box-shadow:0 0 0 3px rgba(195,160,90,.25)}
.fnl .btn{min-height:50px;flex:none}
.fnl .hp{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0)}
.fnl .nlmsg{min-height:0;margin-top:8px}
.fnl .nlmsg:empty{display:none}
.fnl .nlmsg.ok{color:#9FD9B9}
.fnl .nlmsg.err{color:#F2B09E}
.fnl small{display:block;margin-top:8px;font-size:12.5px;opacity:.75}
@media (max-width:900px){.fnl{grid-template-columns:minmax(0,1fr)}}

/* ================= ۴ آبان، موبایل: سرصفحه، فوتر ================= */
/* سرصفحه: دکمه‌ها همیشه لبهٔ چپ (در ۶۶۰ منو پنهان است و ۱۲۰px خالی می‌ماند) */
.hd .acts{margin-inline-start:auto}
/* ۳۹۰: نامِ گالری از جعبه‌اش بیرون می‌زد و ۱۴px زیرِ ذره‌بین می‌رفت (brand با min-width:0 جمع می‌شد) */
@media (max-width:420px){
  .hd.wrap,.hd{padding-inline:16px;gap:8px}
  .hd .brand{flex:none;min-width:auto}
  .hd .brand .nm{font-size:15.5px}
  .hd .acts .ico{width:38px;height:38px}
}
@media (max-width:380px){
  .hd.wrap,.hd{padding-inline:12px}
  .hd .brand .nm{font-size:14.5px}
  .hd .acts .ico{width:36px;height:36px}
}

/* فوتر در موبایل و تبلت: نشان وسط، «خرید» و «راهنما» کنارِ هم، «تماس» تمام‌عرض */
@media (max-width:900px){
  .fnl-tx{text-align:center}
  .ftop{grid-template-columns:1fr 1fr;gap:26px 20px;padding:30px 0 26px}
  .ftop > .fbrand{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;text-align:center;
    padding-bottom:22px;border-bottom:1px solid rgba(243,239,230,.14)}
  .fbrand p{margin-inline:auto}
  .fbrand .soc{justify-content:center;margin-top:16px}
  .ftop > div:nth-child(4){grid-column:1 / -1;padding-top:22px;border-top:1px solid rgba(243,239,230,.14)}
  footer h3{margin-bottom:8px}
  footer .ftop li{margin-bottom:0}
  .cpy{flex-direction:column;align-items:center;gap:6px;text-align:center}
}

/* کشیدن با موس */
@media (hover:hover) and (pointer:fine){.dragx{cursor:grab}}
.dragx.dragging{cursor:grabbing;scroll-snap-type:none!important;scroll-behavior:auto!important;user-select:none}
.dragx.dragging *{pointer-events:none}

/* ۴ آبان، دورِ دوم («فوترش خیلی بده هنوز»): در موبایل و تبلت همه وسط‌چین، لینک‌ها دکمه‌های گردِ کنارِ هم
   به‌جای ستون‌های بلند با فاصله‌های ۴۴ پیکسلی، تلفن‌ها کنارِ هم */
@media (max-width:900px){
  .ftop{grid-template-columns:minmax(0,1fr);gap:0;padding:26px 0 6px}
  .ftop > div{grid-column:auto!important;text-align:center;padding:20px 0;border-top:1px solid rgba(243,239,230,.12)}
  .ftop > .fbrand{border:0!important;padding:0 0 22px}
  footer .ftop h3{text-align:center;margin:0 0 12px;font-size:13px;color:var(--gold-2);letter-spacing:.08em}
  .ftop > div:nth-child(2) ul,.ftop > div:nth-child(3) ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
  .ftop > div:nth-child(2) li,.ftop > div:nth-child(3) li{margin:0}
  footer .ftop > div:nth-child(2) a,footer .ftop > div:nth-child(3) a{min-height:40px;padding:0 16px;border:1px solid rgba(243,239,230,.2);
    border-radius:99px;font-size:13.5px;color:#E6E0D3}
  footer .ftop > div:nth-child(2) a:hover,footer .ftop > div:nth-child(3) a:hover{border-color:var(--gold-2);color:#EBD9AC}
  .ftop > div:nth-child(4) ul{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 18px}
  .ftop > div:nth-child(4) li{flex:0 0 100%;margin:0;font-size:13.5px;line-height:1.9}
  .ftop > div:nth-child(4) li:has(a[href^="tel:"]){flex:0 0 auto}
  footer .ftop > div:nth-child(4) a{min-height:40px}
  .fnl{padding-bottom:26px}
}
@media (max-width:900px){.fnl small,.fnl .nlmsg{text-align:center}}

/* ================= صفحهٔ هر طرحِ اقساطی، طرحِ کوتاه — ۴ آبان ================= */
.pv-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,4vw,64px);align-items:center}
.pv .plan-card{position:static}
.pv-lead{font-size:clamp(15.5px,1.3vw,18px);line-height:2;color:var(--body);margin-top:14px;max-width:54ch}
.pv-h{font-size:clamp(18px,1.6vw,22px);font-weight:700;margin:0 0 14px;color:var(--ink);line-height:1.6}
.pv-perks{margin-top:clamp(28px,3.5vw,48px);padding:clamp(20px,2.6vw,32px);background:var(--cream);border-radius:20px}
.pv-perks > p{margin:-6px 0 14px}
.pv-perks ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pv-perks li{display:flex;align-items:center;gap:10px;background:var(--paper);border:1px solid var(--line);border-radius:14px;
  padding:12px 14px;font-size:14px;font-weight:500;line-height:1.7;color:var(--ink);min-width:0}
.pv-perks li span{width:34px;height:34px;border-radius:50%;border:1px solid var(--gold-2);display:grid;place-items:center;flex:none;background:var(--paper)}
.pv-perks .svg{width:16px;height:16px;color:var(--gold-tx)}
.pv-body{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start;margin-top:clamp(28px,3.5vw,48px)}
.pv-body.solo{grid-template-columns:minmax(0,1fr);max-width:640px}
.pv-acc details{border-top:1px solid var(--line)}
.pv-acc details:last-child{border-bottom:1px solid var(--line)}
.pv-acc summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:14px 0;font-weight:600;font-size:15.5px;color:var(--ink);min-height:52px;line-height:1.7}
.pv-acc summary::-webkit-details-marker{display:none}
.pv-acc summary:focus-visible{outline:2px solid var(--gold-2);outline-offset:2px;border-radius:6px}
.pv-acc summary .svg{width:18px;height:18px;flex:none;color:var(--gold-tx);transition:transform .25s}
.pv-acc details[open] summary .svg{transform:rotate(45deg)}
.pv-ans{padding:0 0 18px;color:var(--body);font-size:14.5px;line-height:2}
.pv-ans p+p{margin-top:10px}
.pv-ans ul{padding-right:20px;margin:8px 0 0}
.pv-ask{background:var(--em);color:#DBD5C8;border-radius:20px;padding:clamp(20px,2.4vw,30px)}
.pv-ask .pv-h{color:#F3EFE6}
.pv-ask p{font-size:14.5px;line-height:2;margin:0}
.pv-ask ul{margin:10px 0 0;padding-right:18px;font-size:14px}
.pv-btns{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.pv-btns .btn{justify-content:center;gap:8px;min-height:48px}
.pv-btns .svg{width:18px;height:18px}
@media (min-width:901px){.pv-ask{position:sticky;top:110px}}
@media (max-width:1100px){.pv-perks ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){
  .pv-hero{grid-template-columns:minmax(0,1fr);gap:18px}
  .pv .plan-card{order:-1;width:100%;max-width:420px;margin-inline:auto}
  .pv-body{grid-template-columns:minmax(0,1fr)}
  .pv .plan-cta{flex-direction:column}
  .pv .plan-cta .btn{justify-content:center}
  /* «طرح‌های دیگر»: نوارِ افقی به‌جای چهار ردیف */
  .plan-others .plans.small{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:8px;scrollbar-width:none}
  .plan-others .plans.small::-webkit-scrollbar{display:none}
  .plan-others .plans.small .icard{flex:0 0 min(44vw,220px);scroll-snap-align:start}
}
@media (max-width:560px){
  .pv-perks{padding:18px 16px}
  .pv-perks ul{grid-template-columns:minmax(0,1fr);gap:0}
  .pv-perks li{background:none;border:0;border-radius:0;padding:9px 0;font-size:14px}
  .pv-perks li + li{border-top:1px solid var(--line)}
  .pv-perks li span{width:30px;height:30px}
}

/* ================= برگهٔ «فروش اقساطی»، طرحِ کوتاه — ۴ آبان ================= */
.ph .pv-lead + .pv-lead{margin-top:8px}
.ph-star{display:block;text-decoration:none;color:inherit;background:var(--cream);border:1px solid var(--line);border-radius:20px;padding:16px;transition:var(--t)}
.ph-star:hover{border-color:var(--gold-2)}
.ph-star .plan-card{box-shadow:0 20px 40px -26px rgba(14,58,47,.35)}
.ph-star-tx{padding:14px 4px 2px}
.ph-star-tx b{display:block;font-size:18px;color:var(--ink)}
.ph-star-tx span{display:block;font-size:13.5px;color:var(--gold-tx);margin-top:2px}
.ph-star-tx p{font-size:14.5px;line-height:1.9;color:var(--body);margin:8px 0 0}
.ph-star-tx em{font-style:normal;display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-weight:600;color:var(--em);min-height:32px}
.ph-star-tx em .svg{width:16px;height:16px}
.ph-star:hover em{color:var(--gold-tx)}
.ph-all{margin-top:clamp(30px,4vw,56px);scroll-margin-top:110px}
.pv-h small{font-size:13px;font-weight:500;color:var(--mute);margin-inline-start:8px}
.ph-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(14px,1.6vw,22px)}
.ph-grid .icard h3{font-size:14px;margin-top:10px}
.ph-grid .icard p{font-size:12.5px;line-height:1.7;color:var(--mute);text-align:center;margin:2px 0 0}
.ph-ask{margin-top:clamp(30px,4vw,56px);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px 40px;align-items:center;position:static!important}
.ph-ask .pv-btns{margin-top:0}
@media (max-width:1100px){.ph-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:900px){
  .ph-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px}
  .ph-grid .icard .ic-ph{padding:5px;border-radius:12px}
  .ph-grid .icard h3{font-size:12.5px;line-height:1.6;margin-top:7px}
  .ph-grid .icard p{font-size:11.5px;line-height:1.6}
  .ph-ask{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:900px){
  /* طرحِ برجسته در موبایل افقی: عکس کنارِ متن، نه یک کارتِ ۴۰۰ پیکسلی */
  .ph-star{display:grid;grid-template-columns:40% minmax(0,1fr);gap:12px;align-items:center;padding:12px}
  .ph-star .plan-card{max-width:none}
  .ph-star-tx{padding:0}
  .ph-star-tx b{font-size:16px}
  .ph-star-tx span{font-size:12.5px}
  .ph-star-tx p{font-size:13px;line-height:1.8;margin-top:4px}
  .ph-star-tx em{margin-top:4px;font-size:13.5px}
  .ph .plan-cta{flex-direction:row}
  .ph .plan-cta .btn{flex:1 1 0;padding-inline:10px;font-size:14px}
}
@media (max-width:380px){.ph-star-tx p{display:none}}
.wsplit .sphoto img{object-position:center 28%}

/* ===== تایپوگرافی یکدست، ۶ آبان (میلاد: «فونت‌ها درهم و شلوغه») =====
   یک خانواده برای همه چیز: وزیرمتن. تیتر بخش ۷۰۰، تیتر کارت ۶۰۰، متن ۴۰۰.
   نسخ فقط برای اسم گالری تو سرصفحه و فوتر (حکم لوگو). فونت لاتین کج زیر دسته‌ها حذف. */
:root{--nas:Vazirmatn,system-ui,sans-serif}
h1,h2,h3{font-family:Vazirmatn,system-ui,sans-serif}
h1,.h-xl,.h-l{font-weight:700;line-height:1.55;padding-bottom:0;letter-spacing:0}
.h-xl{font-size:clamp(26px,3vw,40px)}
.h-l{font-size:clamp(21px,2.2vw,30px)}
.h-s,.prose h3{font-size:clamp(17px,1.5vw,20px)}
.eyebrow,footer h3,.pv-h small{letter-spacing:0}
.cat .en{display:none}
.quote{font-weight:700;font-size:clamp(22px,2.2vw,30px);line-height:1.55}
.wsplit .quote{line-height:1.55}
.wn{font-weight:300;font-size:clamp(26px,2.8vw,40px);line-height:1.3}
.wlist .wn{font-size:clamp(22px,2.2vw,30px)}
.sentence{font-weight:600;font-size:clamp(19px,2vw,28px);line-height:1.8}
.gq{font-weight:700;font-size:clamp(19px,2vw,26px);line-height:1.6}
.prose h2{font-weight:700;font-size:1.35em;line-height:1.6}
.woocommerce .cart_totals h2,.woocommerce-checkout #main h3,.wl-empty h2,.woocommerce-order .woocommerce-thankyou-order-received,
.woocommerce .related > h2,.woocommerce .upsells > h2{font-weight:700;line-height:1.6}
footer .fnl-h{font-weight:700;font-size:clamp(19px,1.8vw,24px);line-height:1.6}
.score .n{font-family:Vazirmatn,system-ui,sans-serif;font-weight:700}
.fbrand .nm,.brand .nm{font-family:"Noto Naskh Arabic",serif;font-weight:700}
.fbrand .nm{font-size:22px;line-height:1.6}
/* پوسترها و قاب‌های شعبه خودشون حاشیه سفید دارن؛ داخل گنبد ما قاب‌تو‌قاب میشد */
.h2s .arch img{object-view-box:inset(2% 4% 1.5% 4%)}
/* عکس «چرا عبدالی» عمودیه (ویترین)؛ ستون پهن افقی نصفش رو میبرید (۶ آبان) */
.wsplit .sphoto img{object-position:center 40%}
@media (min-width:901px){.wsplit .sgrid{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}}
@media (max-width:900px){.wsplit .sphoto{height:auto;aspect-ratio:4/5}}

/* ===== کارت شعبه با عکس قاب‌دار (۶ آبان): کل قاب دیده بشه، برچسب پایینش بریده نشه ===== */
.brc-ph{background:none;aspect-ratio:5/8;min-height:0;height:auto}
.brc .brc-ph img{object-fit:contain}
.brc.has-img{align-items:center}

/* ===== تماس با ما، طرح تازه (۶ آبان) ===== */
.prose:has(.ct2){max-width:1100px}
.prose .ct2 a{text-decoration:none}
.prose .ct2 h2,.prose .ct2 h3,.prose .ct2 p{margin-top:0}
.ct2-lead{text-align:center;font-size:clamp(15px,1.3vw,17px);color:var(--body);max-width:56ch;margin:0 auto 26px!important;line-height:2}
.ct2-acts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ct2-act{display:flex;align-items:center;gap:12px;padding:16px;border-radius:18px;background:var(--cream);border:1px solid var(--line);color:var(--ink);transition:var(--t);min-height:78px}
.ct2-act:hover{border-color:var(--gold-2);transform:translateY(-2px)}
.ct2-act .ic{width:46px;height:46px;border-radius:50%;background:var(--em);display:grid;place-items:center;flex:none}
.ct2-act .ic .svg{width:20px;height:20px;color:#F3EFE6}
.ct2-act b{display:block;font-size:13px;color:var(--mute);font-weight:500;line-height:1.6}
.ct2-act b + span{display:block;font-size:16px;font-weight:700;color:var(--ink);line-height:1.6}
.ct2-info{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 26px;margin-top:18px;font-size:14px;color:var(--body)}
.ct2-info span{display:inline-flex;align-items:center;gap:7px}
.ct2-info .svg{width:16px;height:16px;color:var(--gold-tx);flex:none}
.ct2-h{font-size:clamp(20px,2vw,26px)!important;font-weight:700;text-align:center;margin:clamp(34px,4vw,54px) 0 18px!important}
.ct2-br{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ct2-br .brc.has-img{grid-template-columns:minmax(0,1fr);padding:14px;text-align:center}
.ct2-br .brc-ph{width:100%;max-width:230px;margin:0 auto}
.ct2-br .brc h3{margin-top:4px}
.ct2-br .brc .ad{justify-content:center}
.ct2-br .brc.has-img .brc-in{align-items:center}
.ct2-br .brc .brc-map,.ct2-br .brc.has-img .brc-map{align-self:center;margin-top:14px}
.ct2-soc{justify-content:center;margin-top:28px}
@media (max-width:900px){
  .ct2-acts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .ct2-br{grid-template-columns:minmax(0,1fr)}
  .ct2-br .brc.has-img{grid-template-columns:36% minmax(0,1fr);text-align:right;padding:12px}
  .ct2-br .brc-ph{max-width:none}
  .ct2-br .brc .ad{justify-content:flex-start}
  .ct2-br .brc.has-img .brc-in{align-items:flex-start}
  .ct2-br .brc .brc-map,.ct2-br .brc.has-img .brc-map{align-self:flex-start}
}
@media (max-width:420px){
  .ct2-act{padding:12px 10px;gap:9px;min-height:68px}
  .ct2-act .ic{width:38px;height:38px}
  .ct2-act b + span{font-size:14.5px}
}

/* ===== درباره ما، طرح تازه (۶ آبان) ===== */
.ab2{padding-top:clamp(24px,3.4vw,48px)}
.ab2-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(28px,5vw,80px);align-items:center}
.ab2-h{font-size:clamp(30px,3.6vw,50px);font-weight:700;line-height:1.45;color:var(--gold-tx);margin-top:12px}
.ab2-h span{color:var(--ink)}
.ab2-tx p{color:var(--body);line-height:2;max-width:56ch;margin:10px 0 0}
.ab2-tx .ab2-lead{font-size:clamp(16px,1.4vw,19px);color:var(--ink);margin-top:16px}
.ab2-btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.ab2-btns .btn{min-height:50px}
.ab2-ph{width:100%;max-width:420px;margin:0 auto;aspect-ratio:3/4.3}
.ab2-ph img{width:100%;height:100%;object-fit:cover;object-position:center 40%}
.ab2-facts{list-style:none;padding:0;margin:clamp(36px,4.4vw,64px) 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:20px;background:var(--cream);overflow:hidden}
.ab2-facts li{padding:clamp(16px,2vw,26px) 12px;text-align:center;border-inline-start:1px solid var(--line)}
.ab2-facts li:first-child{border-inline-start:0}
.ab2-facts b{display:block;font-size:clamp(18px,1.8vw,24px);font-weight:700;color:var(--gold-tx);line-height:1.6}
.ab2-facts span{display:block;font-size:13.5px;color:var(--body);margin-top:2px}
.ab2-why,.ab2-br{margin-top:clamp(46px,5.4vw,80px)}
.ab2-why .h-l,.ab2-br .h-l{text-align:center;margin-bottom:22px}
.ab2-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ab2-card{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:clamp(18px,2.2vw,28px)}
.ab2-card .n{font-size:28px;font-weight:300;color:var(--gold-tx);line-height:1.2}
.ab2-card h3{font-size:17px;font-weight:700;margin:8px 0}
.ab2-card p{font-size:14.5px;line-height:2;color:var(--body);margin:0}
.ab2-cta{margin:clamp(46px,5.4vw,80px) 0 clamp(20px,3vw,40px);background:var(--em);color:#DBD5C8;border-radius:24px;padding:clamp(22px,3vw,40px);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px 40px;align-items:center}
.ab2-cta h2{color:#F3EFE6;font-size:clamp(19px,1.8vw,24px);font-weight:700;margin:0 0 8px;line-height:1.6}
.ab2-cta p{margin:0;font-size:14.5px;line-height:2}
.ab2-cta .pv-btns{margin-top:0}
@media (max-width:900px){
  .ab2-hero{grid-template-columns:minmax(0,1fr);gap:22px}
  .ab2-ph{order:-1;max-width:300px}
  .ab2-btns .btn{flex:1 1 0;justify-content:center}
  .ab2-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ab2-facts li:nth-child(odd){border-inline-start:0}
  .ab2-facts li:nth-child(n+3){border-top:1px solid var(--line)}
  .ab2-cards,.ab2-cta{grid-template-columns:minmax(0,1fr)}
}

/* علاقه‌مندی: قلب سرصفحه و پیام کوتاه (۶ آبان) */
.wl-ico{position:relative}
@media (max-width:420px){.wl-ico{display:none}}
.wtoast{position:fixed;z-index:121;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%,16px);opacity:0;pointer-events:none;
  display:flex;align-items:center;gap:10px;background:var(--em);color:#F3EFE6;border-radius:99px;padding:10px 18px;font-size:14px;
  box-shadow:0 16px 40px -14px rgba(14,58,47,.6);transition:opacity .25s,transform .25s;white-space:nowrap;max-width:calc(100vw - 24px)}
.wtoast.on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.wtoast .svg{width:16px;height:16px;color:#F2A3A3;fill:currentColor;flex:none}
.wtoast a{color:#EBD9AC;font-weight:700;text-decoration:underline;text-underline-offset:3px;margin-inline-start:4px}
@media (max-width:900px){.wtoast{bottom:calc(90px + env(safe-area-inset-bottom))}}
@media (prefers-reduced-motion:reduce){.wtoast{transition:none}}
.sres .none a{color:var(--gold-tx);font-weight:700;margin-inline-start:6px}

/* ویجت‌های المنتوری صفحه‌ها (۶ آبان): پشت هم بی فاصله اضافه؛ هر بخش فقط پایینش فاصله داره */
[class*="elementor-widget-abdoli-"]{margin-bottom:0!important}
section.ab2-sec{padding-top:0!important}
.ab2-sec .ab2-facts,.ab2-sec .ab2-why,.ab2-sec .ab2-cta{margin-top:0}
.ab2-sec .ct2-h{margin-top:0!important}
.ab2.rv.on + .ab2-sec,.ab2-sec{scroll-margin-top:110px}