/* ════════════════════════════════════════════════════════════════
   اصیلان — Design System v2
   Premium · glassy · RTL Persian — green / lime / gold
   4 improvements: hero slider · cat hover-image · modern pcard · viewport fix
   ════════════════════════════════════════════════════════════════ */

@import url('https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-font-face.css');

:root{
  /* — Surfaces — */
  --bg:#0a140f; --bg-soft:#0e1c15; --paper:#12241b; --paper-2:#0e1c15; --surface:#173024;
  --cream:#0a140f; --cream-2:#12241b;
  /* — Lines — */
  --line:rgba(255,255,255,.09); --line-2:rgba(255,255,255,.05); --border-2:rgba(255,255,255,.16);
  /* — Text — */
  --t1:#eaf3ec; --t2:#b4c7ba; --t3:#7f9788;
  /* — Brand — */
  --lime:#bce856; --lime-2:#a3d531; --lime-600:#a3d531;
  --gold:#e6c785; --gold-2:#caa24a;
  --green:#2fb277; --green-500:#2fb277; --green-600:#27935f;
  --green-700:#1f7a52; --green-800:#13543a; --green-900:#0c3324; --green-deep:#13543a;
  /* gradients */
  --grad-brand:linear-gradient(115deg,#bce856 0%,#e6c785 52%,#3cc483 100%);
  --grad-lime:linear-gradient(135deg,#bce856,#7fb52a);
  --grad-green:linear-gradient(135deg,#2fb277,#13543a);
  /* system */
  --radius:18px; --radius-lg:28px; --radius-sm:13px; --pill:999px;
  --shadow-sm:0 2px 10px rgba(0,0,0,.35);
  --shadow:0 18px 44px -20px rgba(0,0,0,.65);
  --shadow-lg:0 30px 70px -24px rgba(0,0,0,.75);
  --glow-lime:0 16px 40px -12px rgba(163,213,49,.5);
  --ease:cubic-bezier(.22,.61,.36,1); --spring:cubic-bezier(.34,1.56,.64,1);
  --maxw:1280px;
  /* theme-aware */
  --ink:#ffffff; --acc:#bce856;
  /* layout heights for hero calc */
  --topbar-h:40px; --nav-h:126px;
}

/* ═══ LIGHT THEME ═══ */
:root[data-theme="light"]{
  --bg:#f3f7ef; --bg-soft:#e9efe3; --paper:#ffffff; --paper-2:#f1f5ec; --surface:#e6eee2;
  --cream:#f3f7ef; --cream-2:#ffffff;
  --line:rgba(22,48,31,.12); --line-2:rgba(22,48,31,.07); --border-2:rgba(22,48,31,.20);
  --t1:#1b3325; --t2:#42584b; --t3:#6b8274;
  --ink:#0f2417; --acc:#2f7c1c;
  --gold:#bd901f; --gold-2:#9c7518;
  --shadow-sm:0 2px 10px rgba(20,45,30,.10);
  --shadow:0 18px 44px -22px rgba(20,45,30,.28);
  --shadow-lg:0 30px 70px -28px rgba(20,45,30,.30);
  --glow-lime:0 16px 40px -14px rgba(140,190,40,.4);
}
:root[data-theme="light"] body::before{
  background:radial-gradient(ellipse 70% 50% at 82% -5%,rgba(120,180,40,.13),transparent 55%),
    radial-gradient(ellipse 60% 45% at 12% 8%,rgba(47,178,119,.10),transparent 55%),
    radial-gradient(ellipse 50% 40% at 50% 108%,rgba(200,160,70,.08),transparent 55%);}
:root[data-theme="light"] body::after{opacity:.02}
[data-theme="light"] .header{background:rgba(255,255,255,.78)}
[data-theme="light"] .megamenu{background:rgba(255,255,255,.98)}
[data-theme="light"] .mm-ic{background:color-mix(in srgb,var(--mc,#2fb277) 14%,#fff)}
[data-theme="light"] .ticker{background:#0f2017;color:#cfe0d4}
[data-theme="light"] .search,[data-theme="light"] .icon-btn,[data-theme="light"] .ftab,
[data-theme="light"] .hero-badge,[data-theme="light"] .btn-ghost,[data-theme="light"] .btn-ghost-dark,
[data-theme="light"] .flash-prod,[data-theme="light"] .cd-box,[data-theme="light"] .nl-form,
[data-theme="light"] .footer-social a,[data-theme="light"] .qty,[data-theme="light"] .pay-badge
{background:rgba(22,48,31,.05)}
[data-theme="light"] .qty button{background:#fff}
[data-theme="light"] .glass-card{background:rgba(255,255,255,.84)}
[data-theme="light"] .about-badge{background:rgba(255,255,255,.92)}
[data-theme="light"] .wish,.qa-btn{background:rgba(255,255,255,.72)}
[data-theme="light"] .btn-green{color:#fff}
[data-theme="light"] .trust-ic{color:#bce856}
[data-theme="light"] .about-list .chk{color:#fff}
[data-theme="light"] .float-contact{color:#fff}
[data-theme="light"] .special h3{color:#fff}
[data-theme="light"] .special h3 em{color:#dcf28a}
[data-theme="light"] .special .stag{color:#fff}
[data-theme="light"] .gitem-title{color:#fff}
[data-theme="light"] .gitem-cat{color:var(--lime)}
[data-theme="light"] .blog-thumb .cat-pill{color:var(--lime)}
[data-theme="light"] .dbanner-1{background:linear-gradient(140deg,rgba(47,178,119,.16),rgba(47,178,119,.04)),var(--paper)}
[data-theme="light"] .dbanner-2{background:linear-gradient(140deg,rgba(230,199,133,.22),rgba(230,199,133,.05)),var(--paper)}
[data-theme="light"] .dbanner{color:var(--ink)}
[data-theme="light"] .dbanner p{color:var(--t2)}
[data-theme="light"] .dbanner .tag{background:rgba(22,48,31,.07);color:var(--t2)}
[data-theme="light"] .nl-card{background:linear-gradient(135deg,rgba(47,178,119,.14),rgba(47,178,119,.04)),var(--paper)}
/* hero slider light overrides */
[data-theme="light"] .slider-slide.s1{background:linear-gradient(135deg,#e8f5e2,#d4edcc)}
[data-theme="light"] .slider-slide.s2{background:linear-gradient(135deg,#f7efe0,#eedfc8)}
[data-theme="light"] .slider-slide.s3{background:linear-gradient(135deg,#e6f4e0,#d8edce)}
[data-theme="light"] .slide-title{color:#0f2417}
[data-theme="light"] .slide-desc{color:#42584b}
[data-theme="light"] .slide-badge{background:rgba(22,48,31,.08);color:#1f7a52;box-shadow:inset 0 0 0 1px rgba(22,48,31,.15)}
[data-theme="light"] .slide-stat b{color:#1f7a52}
[data-theme="light"] .slide-stat span{color:#6b8274}
[data-theme="light"] .slide-stats{border-top-color:rgba(22,48,31,.12)}
[data-theme="light"] .slider-arrow{background:rgba(22,48,31,.08);color:#1f7a52;box-shadow:inset 0 0 0 1px rgba(22,48,31,.15)}
[data-theme="light"] .sdot{background:rgba(22,48,31,.2)}
[data-theme="light"] .sdot.active{background:#2f7c1c}
[data-theme="light"] .slide-price-old{color:#6b8274}
[data-theme="light"] .slide-price-new{color:#1f7a52}
[data-theme="light"] .slide-code{background:rgba(22,48,31,.08);color:#1f7a52;box-shadow:inset 0 0 0 1.5px rgba(22,48,31,.2)}
[data-theme="light"] .hero-scroll-hint{color:rgba(22,48,31,.4)}
/* cat light */
[data-theme="light"] .cat-overlay{background:linear-gradient(to bottom,transparent 40%,rgba(10,25,15,.82) 100%)}
/* pcard light */
[data-theme="light"] .pcard-add-slide{background:rgba(255,255,255,.92);color:#1f7a52}
[data-theme="light"] .qa-btn{background:rgba(255,255,255,.88);color:#1f7a52}

/* ═══ THEME TOGGLE ═══ */
.theme-toggle .ic-sun{display:none}
.theme-toggle .ic-moon{display:block}
[data-theme="light"] .theme-toggle .ic-sun{display:block}
[data-theme="light"] .theme-toggle .ic-moon{display:none}
.theme-toggle svg{transition:transform .4s var(--spring)}
.theme-toggle:hover svg{transform:rotate(-25deg) scale(1.05)}

/* ═══ BASE ═══ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:'Vazirmatn',system-ui,Tahoma,sans-serif;background:var(--bg);color:var(--t1);line-height:1.75;overflow-x:hidden;font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;position:relative}
body::before{content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse 70% 50% at 82% -5%,rgba(163,213,49,.14),transparent 55%),radial-gradient(ellipse 60% 45% at 12% 8%,rgba(47,178,119,.12),transparent 55%),radial-gradient(ellipse 50% 40% at 50% 108%,rgba(230,199,133,.07),transparent 55%)}
body::after{content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
::selection{background:var(--lime);color:#0a140f}
.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(1rem,4vw,1.5rem)}
.tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}
.gtext{background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}

/* ═══ BUTTONS ═══ */
.btn{display:inline-flex;align-items:center;gap:.55rem;justify-content:center;font-weight:800;font-size:.95rem;line-height:1;padding:.95rem 1.7rem;border-radius:var(--pill);transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .2s,color .2s,border-color .2s;white-space:nowrap}
.btn:active{transform:translateY(1px) scale(.99)}
.btn-lime{background:var(--grad-lime);color:#0c2014;box-shadow:0 14px 34px -12px rgba(163,213,49,.75)}
.btn-lime:hover{transform:translateY(-3px);box-shadow:0 22px 46px -12px rgba(163,213,49,.8)}
.btn-green{background:var(--green-700);color:var(--ink);box-shadow:0 12px 30px -14px rgba(47,178,119,.8)}
.btn-green:hover{background:var(--green-600);transform:translateY(-3px)}
.btn-ghost{background:rgba(255,255,255,.04);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--border-2)}
.btn-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--lime);background:rgba(255,255,255,.07)}
.btn-ghost-dark{background:var(--paper);color:var(--t1);box-shadow:inset 0 0 0 1.5px var(--line)}
.btn-ghost-dark:hover{box-shadow:inset 0 0 0 1.5px var(--lime);color:var(--acc)}
.btn-sm{padding:.62rem 1.15rem;font-size:.85rem}
.btn-white{background:#fff;color:var(--green-800);box-shadow:0 14px 34px -12px rgba(0,0,0,.4)}
.btn-white:hover{transform:translateY(-3px) scale(1.02)}
.arr{transition:transform .25s var(--ease);display:inline-flex}
.btn:hover .arr{transform:translateX(-4px)}

/* ═══ TOPBAR ═══ */
.topbar{background:#06100b;color:#8aa495;font-size:.8rem;border-bottom:1px solid var(--line-2)}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:1rem;height:var(--topbar-h);flex-wrap:wrap}
.topbar-contacts{display:flex;gap:1.4rem}
.topbar-contacts a{display:inline-flex;align-items:center;gap:.4rem;transition:color .2s}
.topbar-contacts a:hover{color:var(--acc)}
.topbar-contacts svg{width:14px;height:14px;opacity:.7}
.topbar-promo{display:inline-flex;align-items:center;gap:.45rem;color:#c4d8c9;font-weight:600}
.topbar-promo b{color:#0c2014;background:var(--lime);padding:.12rem .6rem;border-radius:var(--pill);font-weight:800;letter-spacing:.3px}

/* ═══ HEADER / NAV ═══ */
.header{position:sticky;top:0;z-index:300;background:rgba(10,20,15,.72);backdrop-filter:blur(22px) saturate(150%);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;gap:1.5rem;height:74px}
.brand{display:flex;align-items:center;gap:.65rem;flex-shrink:0}
.brand-mark{width:44px;height:44px;border-radius:13px;background:var(--grad-lime);display:grid;place-items:center;box-shadow:0 10px 26px -8px rgba(163,213,49,.65);transition:transform .45s var(--spring)}
.brand:hover .brand-mark{transform:rotate(-12deg) scale(1.06)}
.brand-mark svg{width:24px;height:24px}
.brand-mark svg path{stroke:#0c2014!important}
.brand-name{font-size:1.5rem;font-weight:900;letter-spacing:-.6px;color:var(--ink)}
.brand-name i{color:var(--acc);font-style:normal}
.search{flex:1;max-width:540px;display:flex;align-items:center;gap:.7rem;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1.5px var(--line);border-radius:var(--pill);padding:.15rem .15rem .15rem 1.1rem;transition:box-shadow .25s var(--ease)}
.search:focus-within{box-shadow:inset 0 0 0 1.5px var(--lime),0 0 0 4px rgba(163,213,49,.14)}
.search>svg{width:18px;height:18px;color:var(--t3);flex-shrink:0}
.search input{flex:1;border:none;background:none;outline:none;font-family:inherit;font-size:.92rem;color:var(--t1);min-width:0}
.search input::placeholder{color:var(--t3)}
.search .go{flex-shrink:0;background:var(--grad-lime);color:#0c2014;font-weight:800;font-size:.84rem;padding:.6rem 1.2rem;border-radius:var(--pill);transition:filter .2s}
.search .go:hover{filter:brightness(1.07)}
.nav-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}
.icon-btn{width:42px;height:42px;border-radius:var(--pill);background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--line);display:grid;place-items:center;position:relative;color:var(--t1);transition:transform .2s,box-shadow .2s,background .2s,color .2s}
.icon-btn svg{width:19px;height:19px}
.icon-btn:hover{background:var(--lime);color:#0c2014;box-shadow:none;transform:translateY(-2px)}
.icon-btn .count{position:absolute;top:-5px;inset-inline-end:-5px;min-width:19px;height:19px;padding:0 4px;border-radius:var(--pill);background:var(--lime);color:#0c2014;font-size:.66rem;font-weight:800;display:grid;place-items:center;border:2px solid var(--bg)}
.icon-btn.heart .count{background:#ef476f;color:var(--ink)}
.only-mobile{display:none}
.hamburger{display:none}
.nav-sub{display:flex;align-items:center;gap:.4rem;height:52px;border-top:1px solid var(--line-2);position:relative}
.cat-menu-btn{display:inline-flex;align-items:center;gap:.6rem;background:var(--grad-lime);color:#0c2014;font-weight:800;font-size:.88rem;padding:.62rem 1.2rem;border-radius:var(--pill);margin-inline-end:.8rem;transition:filter .2s}
.cat-menu-btn:hover{filter:brightness(1.07)}
.cat-menu-btn .grid-ic{width:16px;height:16px}
.cat-menu-btn .chev{width:14px;height:14px;transition:transform .25s var(--ease)}
.nav-sub.open .cat-menu-btn .chev{transform:rotate(180deg)}
.nav-links{display:flex;align-items:center;gap:.1rem}
.nav-links a{position:relative;font-weight:600;font-size:.9rem;color:var(--t2);padding:.62rem 1.05rem;border-radius:11px;transition:color .25s var(--ease),background .25s}
.nav-links a::after{content:'';position:absolute;inset-inline:1.05rem;bottom:.34rem;height:2px;border-radius:2px;background:var(--grad-lime);transform:scaleX(0);transform-origin:center;transition:transform .34s var(--spring)}
.nav-links a:hover{color:var(--ink);background:rgba(255,255,255,.04)}
.nav-links a:hover::after,.nav-links a.active::after{transform:scaleX(1)}
.nav-links a.active{color:var(--acc)}
.nav-ship{margin-inline-start:auto;display:inline-flex;align-items:center;gap:.5rem;font-size:.82rem;font-weight:600;color:var(--t3)}
.nav-ship svg{width:17px;height:17px;color:var(--acc)}
.nav-ship b{color:var(--acc)}
.megamenu{position:absolute;top:calc(100% + 8px);inset-inline-start:0;width:min(780px,92vw);background:rgba(14,28,21,.97);backdrop-filter:blur(20px);border-radius:var(--radius);box-shadow:var(--shadow-lg),inset 0 0 0 1px var(--line);padding:1.1rem;z-index:50;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .22s var(--ease),transform .22s var(--ease),visibility .22s;display:grid;grid-template-columns:repeat(3,1fr);gap:.2rem}
.nav-sub.open .megamenu{opacity:1;visibility:visible;transform:translateY(0)}
.mm-item{display:flex;align-items:center;gap:.7rem;padding:.6rem .7rem;border-radius:var(--radius-sm);transition:background .18s}
.mm-item:hover{background:rgba(255,255,255,.05)}
.mm-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:1.2rem;flex-shrink:0;background:color-mix(in srgb,var(--mc,#2fb277) 22%,#0a140f);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--mc) 35%,transparent)}
.mm-name{font-size:.84rem;font-weight:700;color:var(--t1);line-height:1.3}
.mm-ct{font-size:.72rem;color:var(--t3)}
.mm-all{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.4rem;padding:.7rem;border-radius:var(--radius-sm);background:var(--grad-lime);color:#0c2014;font-weight:800;font-size:.86rem;transition:filter .2s}
.mm-all:hover{filter:brightness(1.07)}
.mm-all svg{width:16px;height:16px}

/* ═══ TICKER ═══ */
.ticker{background:rgba(255,255,255,.03);color:#bcd0c2;overflow:hidden;border-bottom:1px solid var(--line)}
.ticker-track{display:inline-flex;align-items:center;white-space:nowrap;animation:ticker 36s linear infinite;will-change:transform}
.ticker:hover .ticker-track{animation-play-state:paused}
.ticker-item{display:inline-flex;align-items:center;gap:.5rem;padding:.62rem 2rem;font-size:.82rem;font-weight:600}
.ticker-dot{width:5px;height:5px;border-radius:50%;background:var(--gold);opacity:.6}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(50%)}}

/* ════════════════════════════════════════════════════════════
   IMPROVEMENT 4.1 + 4.2 — HERO SLIDER  (page-flip animation)
   ════════════════════════════════════════════════════════════ */
@keyframes flipIn{
  from{transform:perspective(1400px) rotateY(-90deg);opacity:0}
  to{transform:perspective(1400px) rotateY(0deg);opacity:1}
}
@keyframes flipOut{
  from{transform:perspective(1400px) rotateY(0deg);opacity:1}
  to{transform:perspective(1400px) rotateY(80deg);opacity:0}
}
.slide-enter{animation:flipIn .65s var(--ease) both;pointer-events:auto}
.slide-exit{animation:flipOut .65s var(--ease) both;pointer-events:none}
[dir="rtl"] .slide-enter{transform-origin:left center}
[dir="rtl"] .slide-exit{transform-origin:right center}

/* container — fills exactly the visible viewport below header */
.hero-slider{
  position:relative;
  overflow:hidden;
  height:calc(100svh - var(--topbar-h) - var(--nav-h));
  min-height:520px;
  max-height:820px;
  isolation:isolate;
}
/* ticker directly after slider — no extra gap */
.hero-slider + .ticker{margin-top:0}

.slider-track{position:relative;width:100%;height:100%}

/* individual slide */
.slider-slide{
  position:absolute;inset:0;
  opacity:0;
  pointer-events:none;
  overflow:hidden;
  display:flex;align-items:center;
  z-index:0;
}
.slider-slide.active{opacity:1;pointer-events:auto;z-index:1}
.slider-slide.slide-enter{z-index:3}
.slider-slide.slide-exit{z-index:2}

/* slide backgrounds */
.slider-slide.s1{background:radial-gradient(ellipse 60% 55% at 85% 45%,rgba(163,213,49,.12),transparent 55%),radial-gradient(ellipse 70% 60% at 10% 60%,rgba(47,178,119,.14),transparent 50%),linear-gradient(150deg,#0a140f 0%,#0d1e15 55%,#0a140f 100%)}
.slider-slide.s2{background:radial-gradient(ellipse 55% 60% at 75% 50%,rgba(212,160,23,.22),transparent 55%),radial-gradient(ellipse 50% 40% at 10% 80%,rgba(180,80,20,.1),transparent 50%),linear-gradient(150deg,#0a0e08 0%,#150e04 55%,#100c08 100%)}
.slider-slide.s3{background:radial-gradient(ellipse 50% 55% at 80% 40%,rgba(163,213,49,.16),transparent 55%),radial-gradient(ellipse 60% 50% at 5% 70%,rgba(47,178,119,.1),transparent 50%),linear-gradient(150deg,#090e0a 0%,#0b1a10 55%,#080e09 100%)}

/* decorative background element */
.s-deco{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.s-deco-glyph{
  position:absolute;
  inset-inline-end:-2%;top:50%;
  transform:translateY(-50%);
  font-size:clamp(14rem,28vw,26rem);
  opacity:.07;
  line-height:1;
  filter:blur(2px);
  user-select:none;
}
.s2 .s-deco-glyph{inset-inline-end:4%;opacity:.14;font-size:clamp(10rem,22vw,20rem);filter:none}
.s3 .s-deco-glyph{font-size:clamp(9rem,20vw,18rem);font-weight:900;opacity:.08;color:var(--lime);-webkit-text-fill-color:transparent;-webkit-text-stroke:2px currentColor;inset-inline-end:3%}
.s-deco-circle{position:absolute;border-radius:50%;pointer-events:none}
.s-deco-circle.c1{width:500px;height:500px;top:-120px;inset-inline-end:-120px;background:radial-gradient(circle,rgba(163,213,49,.06),transparent 70%)}
.s-deco-circle.c2{width:340px;height:340px;bottom:-80px;inset-inline-start:-60px;background:radial-gradient(circle,rgba(47,178,119,.08),transparent 70%)}
.s-deco-circle.c3{width:420px;height:420px;top:-100px;inset-inline-end:-80px;background:radial-gradient(circle,rgba(212,160,23,.12),transparent 70%)}
.s-deco-circle.c4{width:380px;height:380px;bottom:-100px;inset-inline-end:-60px;background:radial-gradient(circle,rgba(163,213,49,.1),transparent 70%)}

/* slide content layout */
.slide-content{
  position:relative;z-index:2;
  width:100%;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:3rem;
  align-items:center;
  padding-block:clamp(2rem,5vh,4rem);
}
.slide-copy{max-width:580px}
.slide-visual{display:flex;justify-content:center;align-items:center}

/* slide badge */
.slide-badge{
  display:inline-flex;align-items:center;gap:.6rem;
  background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--line);
  color:var(--t2);padding:.45rem 1.1rem;border-radius:var(--pill);
  font-size:.82rem;font-weight:700;margin-bottom:1.6rem;
}
.slide-badge .pulse{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime);animation:pulse 2s infinite;flex-shrink:0}
.gold-badge{background:rgba(230,199,133,.1)!important;box-shadow:inset 0 0 0 1px rgba(230,199,133,.3)!important;color:var(--gold)!important}
.red-badge{background:rgba(239,71,111,.1)!important;box-shadow:inset 0 0 0 1px rgba(239,71,111,.3)!important;color:#ff8fa8!important}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.78)}}

/* slide title */
.slide-title{
  font-size:clamp(2.2rem,4.5vw,3.9rem);
  font-weight:900;line-height:1.13;letter-spacing:-1.2px;
  margin-bottom:1.3rem;color:var(--ink);
}
.slide-title em{
  font-style:normal;
  background:var(--grad-brand);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;display:inline-block;
}

/* slide desc */
.slide-desc{font-size:clamp(.95rem,1.4vw,1.1rem);color:var(--t2);max-width:46ch;line-height:1.9;margin-bottom:2rem}

/* slide buttons */
.slide-btns{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:2.4rem}

/* stats (slide 1) */
.slide-stats{display:flex;gap:clamp(1.2rem,3vw,2.5rem);padding-top:1.8rem;border-top:1px solid var(--line);flex-wrap:wrap}
.slide-stat b{display:block;font-size:clamp(1.4rem,2.4vw,2rem);font-weight:900;background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.slide-stat span{font-size:.76rem;color:var(--t3);display:block;margin-top:.2rem}

/* product slide (slide 2) */
.slide-price-wrap{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap;margin-bottom:1.8rem}
.slide-price-old{font-size:.92rem;color:var(--t3);text-decoration:line-through}
.slide-price-new{font-size:1.8rem;font-weight:900;color:var(--lime)}
.slide-discount{font-size:.76rem;font-weight:800;background:#ef476f;color:#fff;padding:.28rem .72rem;border-radius:var(--pill)}

/* product visual card (slide 2) */
.slide-product-card{
  background:rgba(18,36,27,.72);backdrop-filter:blur(14px);
  box-shadow:inset 0 0 0 1px var(--line),var(--shadow-lg);
  border-radius:var(--radius-lg);padding:1.6rem;
  width:min(300px,90%);
  animation:float 6s ease-in-out infinite;
}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.slide-product-glyph{font-size:5rem;text-align:center;margin-bottom:.8rem;filter:drop-shadow(0 10px 20px rgba(0,0,0,.4))}
.slide-product-name{font-size:1rem;font-weight:800;color:var(--ink);margin-bottom:.4rem}
.slide-product-price-row{display:flex;align-items:baseline;gap:.5rem}
.slide-product-pnew{font-size:1.1rem;font-weight:900;color:var(--acc)}
.slide-product-pold{font-size:.78rem;color:var(--t3);text-decoration:line-through}

/* campaign code (slide 3) */
.slide-code-wrap{display:flex;align-items:center;gap:.8rem;margin-bottom:1.8rem;flex-wrap:wrap}
.slide-code-label{font-size:.84rem;color:var(--t3)}
.slide-code{
  font-family:ui-monospace,monospace;font-size:1.1rem;font-weight:900;letter-spacing:.5px;
  color:var(--lime);background:rgba(163,213,49,.07);
  box-shadow:inset 0 0 0 1.5px rgba(163,213,49,.35);
  padding:.45rem 1.1rem;border-radius:var(--radius-sm);
  direction:ltr;display:inline-block;
}

/* slider controls */
.slider-dots{
  position:absolute;bottom:1.8rem;left:50%;transform:translateX(-50%);
  display:flex;gap:.5rem;z-index:10;
}
.sdot{
  width:8px;height:8px;border-radius:var(--pill);
  background:rgba(255,255,255,.25);cursor:pointer;
  transition:background .3s,width .35s var(--spring);
}
.sdot.active{width:28px;background:var(--lime)}
.slider-arrow{
  position:absolute;top:50%;transform:translateY(-50%);
  width:46px;height:46px;border-radius:50%;z-index:10;
  background:rgba(255,255,255,.06);backdrop-filter:blur(8px);
  box-shadow:inset 0 0 0 1px var(--line);
  color:var(--t1);display:grid;place-items:center;
  cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s;
}
.slider-arrow:hover{background:var(--lime);color:#0c2014;box-shadow:none;transform:translateY(-50%) scale(1.07)}
.slider-arrow svg{width:20px;height:20px}
.slider-prev{inset-inline-start:1.5rem}
.slider-next{inset-inline-end:1.5rem}

/* scroll hint */
.hero-scroll-hint{
  position:absolute;bottom:1.5rem;left:50%;transform:translateX(-50%);
  color:rgba(255,255,255,.38);font-size:.76rem;font-weight:600;
  display:flex;flex-direction:column;align-items:center;gap:.35rem;
  animation:bounce-hint 2.2s ease-in-out infinite;z-index:10;
  pointer-events:none;
}
.hero-scroll-hint svg{width:20px;height:20px}
@keyframes bounce-hint{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(6px)}}
@media(prefers-reduced-motion:reduce){.hero-scroll-hint{animation:none}}

/* slider responsive */
@media(max-width:920px){
  .slide-content{grid-template-columns:1fr;gap:1.5rem}
  .slide-visual{display:none}
  .slide-copy{max-width:100%}
  .hero-slider{height:calc(100svh - var(--topbar-h) - 74px);max-height:680px}
}
@media(max-width:680px){
  .hero-slider{height:calc(100svh - var(--topbar-h) - 74px);min-height:480px;max-height:600px}
  .slider-arrow{width:38px;height:38px}
  .slider-arrow svg{width:16px;height:16px}
  .slide-title{font-size:clamp(1.8rem,6vw,2.6rem)}
}

/* ════════════════════════════════════════════════════════════
   IMAGE SLIDE — dual layout: split (50%) / full (100%)
   data-img-layout="split"  → image on left, text on right
   data-img-layout="full"   → full-bleed bg, text at bottom
   ════════════════════════════════════════════════════════════ */

/* base: image slide uses flex (overrides default flex align-items:center) */
.slider-slide.img-slide {
  flex-direction: row;
  align-items: stretch;
}
[dir="rtl"] .slider-slide.img-slide {
  flex-direction: row-reverse; /* keeps image visually on LEFT, text on RIGHT in RTL */
}

/* image panel */
.slide-real-img {
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.slide-real-img img {
  width: 100%; height: 100%;
  object-fit: cover; object-position: center;
  display: block;
}
.slide-img-veil {
  position: absolute; inset: 0; pointer-events: none;
}

/* text panel */
.slide-copy-panel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0;
}

/* ── SPLIT (50/50) ── */
.slider-slide[data-img-layout="split"] .slide-real-img {
  width: 52%;
  height: 100%;
}
.slider-slide[data-img-layout="split"] .slide-img-veil {
  /* fade from image center toward text side */
  background: linear-gradient(to right, transparent 50%, var(--bg) 100%);
}
[dir="rtl"] .slider-slide[data-img-layout="split"] .slide-img-veil {
  background: linear-gradient(to left, transparent 50%, var(--bg) 100%);
}
.slider-slide[data-img-layout="split"] .slide-copy-panel {
  flex: 1;
  min-width: 0;
  padding: clamp(2rem,5vh,3.5rem) clamp(1.5rem,4vw,3.5rem);
}
.slider-slide[data-img-layout="split"] .slide-copy-panel .slide-stats {
  flex-wrap: wrap;
  gap: 1rem 2rem;
}

/* ── FULL (100% bg) ── */
.slider-slide[data-img-layout="full"] .slide-real-img {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  z-index: 0;
}
.slider-slide[data-img-layout="full"] .slide-img-veil {
  background: linear-gradient(to top,
    rgba(8,16,10,.92) 0%,
    rgba(8,16,10,.55) 45%,
    rgba(8,16,10,.15) 100%);
}
.slider-slide[data-img-layout="full"] .slide-copy-panel {
  position: absolute;
  bottom: 0; inset-inline: 0;
  padding: 2rem clamp(1.5rem,5vw,4rem) 5rem;
  max-width: none;
  z-index: 2;
}
.slider-slide[data-img-layout="full"] .slide-copy-panel .slide-copy {
  max-width: 720px;
}
.slider-slide[data-img-layout="full"] .slide-title { font-size: clamp(2rem,4vw,3.4rem); }

/* ════════ هیروی منعطفِ سایت‌سازِ وبکستینگ — درصدِ عکس / جای متن / افکت (data-img-pct, data-text-pos, data-effect) ════════ */
.slider-slide.img-slide[data-img-pct] .slide-copy-panel { flex:1; min-width:0; padding: clamp(2rem,5vh,3.5rem) clamp(1.5rem,4vw,3.5rem); }
.slider-slide.img-slide[data-img-pct] .slide-real-img { height:100%; }
.slider-slide.img-slide[data-img-pct="30"]  .slide-real-img { width:30%; }
.slider-slide.img-slide[data-img-pct="50"]  .slide-real-img { width:50%; }
.slider-slide.img-slide[data-img-pct="60"]  .slide-real-img { width:60%; }
.slider-slide.img-slide[data-img-pct="30"] .slide-img-veil,
.slider-slide.img-slide[data-img-pct="50"] .slide-img-veil,
.slider-slide.img-slide[data-img-pct="60"] .slide-img-veil { background: linear-gradient(to right, transparent 50%, var(--bg) 100%); }
[dir="rtl"] .slider-slide.img-slide[data-img-pct="30"] .slide-img-veil,
[dir="rtl"] .slider-slide.img-slide[data-img-pct="50"] .slide-img-veil,
[dir="rtl"] .slider-slide.img-slide[data-img-pct="60"] .slide-img-veil { background: linear-gradient(to left, transparent 50%, var(--bg) 100%); }
/* ۱۰۰٪ — عکسِ تمام‌صفحه، متن روی عکس */
.slider-slide.img-slide[data-img-pct="100"] .slide-real-img { position:absolute; inset:0; width:100%; height:100%; z-index:0; }
.slider-slide.img-slide[data-img-pct="100"] .slide-img-veil { background: linear-gradient(to top, rgba(8,16,10,.92) 0%, rgba(8,16,10,.5) 45%, rgba(8,16,10,.15) 100%); }
.slider-slide.img-slide[data-img-pct="100"] .slide-copy-panel { position:absolute; bottom:0; inset-inline:0; padding:2rem clamp(1.5rem,5vw,4rem) 5rem; z-index:2; }
/* جای متن */
.slider-slide[data-text-pos="center"] .slide-copy-panel { text-align:center; align-items:center; }
.slider-slide[data-text-pos="left"]   .slide-copy-panel { text-align:left;  align-items:flex-start; }
.slider-slide[data-text-pos="hidden"] .slide-copy-panel { display:none; }
.slider-slide[data-text-pos="hidden"][data-img-pct="100"] .slide-img-veil { background:transparent; }
/* افکت‌های گذار (به‌جای flip پیش‌فرض) */
.slider-slide[data-effect="fade"].slide-enter  { animation: heroFadeIn  .6s ease both; }
.slider-slide[data-effect="fade"].slide-exit   { animation: heroFadeOut .6s ease both; }
.slider-slide[data-effect="slide"].slide-enter { animation: heroSlideIn  .55s var(--ease,cubic-bezier(.4,0,.2,1)) both; }
.slider-slide[data-effect="slide"].slide-exit  { animation: heroSlideOut .55s var(--ease,cubic-bezier(.4,0,.2,1)) both; }
.slider-slide[data-effect="zoom"].slide-enter  { animation: heroZoomIn  .6s ease both; }
.slider-slide[data-effect="zoom"].slide-exit   { animation: heroZoomOut .6s ease both; }
@keyframes heroFadeIn  { from{opacity:0} to{opacity:1} }
@keyframes heroFadeOut { from{opacity:1} to{opacity:0} }
@keyframes heroSlideIn  { from{opacity:0;transform:translateX(6%)} to{opacity:1;transform:none} }
@keyframes heroSlideOut { from{opacity:1;transform:none} to{opacity:0;transform:translateX(-6%)} }
@keyframes heroZoomIn  { from{opacity:0;transform:scale(1.08)} to{opacity:1;transform:none} }
@keyframes heroZoomOut { from{opacity:1;transform:none} to{opacity:0;transform:scale(.96)} }

/* light theme adjustments */
[data-theme="light"] .slider-slide[data-img-layout="split"] .slide-img-veil {
  background: linear-gradient(to right, transparent 45%, var(--bg) 100%);
}
[dir="rtl"][data-theme="light"] .slider-slide[data-img-layout="split"] .slide-img-veil {
  background: linear-gradient(to left, transparent 45%, var(--bg) 100%);
}
[data-theme="light"] .slider-slide[data-img-layout="full"] .slide-img-veil {
  background: linear-gradient(to top,
    rgba(240,247,235,.95) 0%,
    rgba(240,247,235,.6) 40%,
    rgba(240,247,235,.1) 100%);
}
[data-theme="light"] .slider-slide[data-img-layout="full"] .slide-copy-panel .slide-title,
[data-theme="light"] .slider-slide[data-img-layout="full"] .slide-copy-panel .slide-desc { color: var(--ink); }

/* ── RESPONSIVE ── */
@media(max-width:920px){
  /* stack: image top, text bottom */
  .slider-slide.img-slide,
  [dir="rtl"] .slider-slide.img-slide { flex-direction: column !important; }

  .slider-slide[data-img-layout="split"] .slide-real-img {
    width: 100%; height: 42%;
    flex: none;
  }
  .slider-slide[data-img-layout="split"] .slide-img-veil {
    background: linear-gradient(to bottom, transparent 45%, var(--bg) 100%) !important;
  }
  .slider-slide[data-img-layout="split"] .slide-copy-panel {
    flex: 1; padding: 1.2rem 1.5rem;
  }
  .slider-slide[data-img-layout="split"] .slide-copy-panel .slide-desc { font-size: .9rem; }
  .slider-slide[data-img-layout="split"] .slide-copy-panel .slide-stats { display: none; }

  .slider-slide[data-img-layout="full"] .slide-copy-panel {
    padding-bottom: 4rem;
  }
}
@media(max-width:680px){
  .slider-slide[data-img-layout="split"] .slide-real-img { height: 38%; }
  .slider-slide[data-img-layout="split"] .slide-copy-panel { padding: 1rem; }
  .slider-slide[data-img-layout="split"] .slide-copy-panel .slide-btns { flex-direction: column; gap: .6rem; }
  .slider-slide[data-img-layout="split"] .slide-copy-panel .slide-title { font-size: clamp(1.6rem,5vw,2.2rem); }
  .slider-slide[data-img-layout="full"] .slide-copy-panel { padding: 1rem 1rem 4.5rem; }
}

/* ═══ SECTION SCAFFOLD ═══ */
.section{padding-block:clamp(3.5rem,7vw,6rem);position:relative}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:2.8rem;flex-wrap:wrap}
.sec-head.center{flex-direction:column;align-items:center;text-align:center;gap:.5rem;max-width:680px;margin-inline:auto}
.eyebrow,.section-tag{display:inline-flex;align-items:center;gap:.6rem;font-size:.76rem;font-weight:800;letter-spacing:1.5px;color:var(--acc);text-transform:uppercase}
.eyebrow::before{content:'';width:24px;height:1.5px;background:var(--lime);border-radius:2px}
.section-tag::before,.section-tag::after{content:'';width:26px;height:1.5px;background:var(--lime);border-radius:2px}
.sec-head.center .eyebrow::before{display:none}
.sec-title{font-size:clamp(1.7rem,3.6vw,2.7rem);font-weight:900;letter-spacing:-1px;line-height:1.16;color:var(--ink)}
.sec-title em{font-style:normal;background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.sec-sub{color:var(--t2);font-size:.98rem;max-width:48ch;margin-top:.6rem}
.sec-link{display:inline-flex;align-items:center;gap:.45rem;font-weight:700;font-size:.9rem;color:var(--acc);white-space:nowrap}
.sec-link:hover{color:var(--gold)}
.sec-link svg{width:16px;height:16px;transition:transform .25s var(--ease)}
.sec-link:hover svg{transform:translateX(-4px)}

/* ═══ TRUST ═══ */
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.trust-item{display:flex;align-items:center;gap:.95rem;padding:1.1rem 1.2rem;border-radius:var(--radius);background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);transition:transform .3s var(--ease),box-shadow .3s}
.trust-item:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px var(--border-2),var(--shadow)}
.trust-ic{width:50px;height:50px;border-radius:14px;background:var(--grad-green);color:var(--acc);display:grid;place-items:center;flex-shrink:0;box-shadow:0 10px 22px -10px rgba(47,178,119,.7)}
.trust-ic svg{width:23px;height:23px}
.trust-item h5{font-size:.94rem;font-weight:800;color:var(--ink)}
.trust-item p{font-size:.77rem;color:var(--t3);margin-top:.1rem}

/* ════════════════════════════════════════════════════════════
   IMPROVEMENT 4.3 — CATEGORY GRID (image + hover-swap)
   ════════════════════════════════════════════════════════════ */
.cats-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(155px,1fr));
  gap:1rem;
}
.cat-card{
  position:relative;
  display:block;
  border-radius:var(--radius-lg);
  overflow:hidden;
  aspect-ratio:3/4;
  cursor:pointer;
  text-decoration:none;
  background:color-mix(in srgb,var(--cc,#2fb277) 18%,#0a140f);
  transition:transform .4s var(--ease),box-shadow .4s var(--ease);
}
.cat-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 28px 56px -16px rgba(0,0,0,.7)}

/* image wrapper — fills card */
.cat-img-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}

/* emoji fallback — always visible as layer 0 */
.cat-glyph{
  position:absolute;inset:0;
  display:flex;align-items:center;justify-content:center;
  font-size:clamp(2.8rem,4vw,3.8rem);
  filter:drop-shadow(0 8px 20px rgba(0,0,0,.4));
  transition:transform .5s var(--ease),opacity .5s var(--ease);
  z-index:0;
  user-select:none;
  background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--cc,#2fb277) 22%,transparent),transparent 65%);
}
.cat-card:hover .cat-glyph{transform:scale(1.14) translateY(-5px)}

/* main and hover images */
.cat-img{
  position:absolute;inset:0;
  width:100%;height:100%;object-fit:cover;
  z-index:1;
  transition:opacity .5s var(--ease),transform .6s var(--ease);
}
.cat-img--hover{opacity:0;transform:scale(1.08)}
.cat-card:hover .cat-img--main{opacity:0}
.cat-card:hover .cat-img--hover{opacity:1;transform:scale(1)}

/* overlay gradient */
.cat-overlay{
  position:absolute;inset:0;z-index:2;
  background:linear-gradient(to bottom,transparent 40%,rgba(10,20,15,.88) 100%);
  transition:background .4s var(--ease);
}
.cat-card:hover .cat-overlay{background:linear-gradient(to bottom,rgba(10,20,15,.15),rgba(10,20,15,.9))}

/* text info */
.cat-info{position:absolute;bottom:1.1rem;inset-inline:1.1rem;z-index:3}
.cat-name{font-size:.95rem;font-weight:800;color:#fff;margin-bottom:.25rem;line-height:1.3;text-shadow:0 2px 8px rgba(0,0,0,.5);text-wrap:pretty}
.cat-count{font-size:.74rem;color:rgba(255,255,255,.7);font-weight:600}
.cat-count b{color:var(--lime)}

/* ═══ FLASH SALE ═══ */
.flash{position:relative;background:linear-gradient(125deg,rgba(47,178,119,.14),rgba(163,213,49,.06) 60%,transparent),var(--paper);border-radius:var(--radius-lg);padding:clamp(1.8rem,3.5vw,2.8rem);overflow:hidden;box-shadow:inset 0 0 0 1px var(--line);display:grid;grid-template-columns:1.1fr auto auto;gap:clamp(1.5rem,3vw,2.5rem);align-items:center}
.flash::before{content:'';position:absolute;inset-inline-start:-80px;top:-80px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(163,213,49,.16),transparent 70%)}
.flash-tag{display:inline-flex;align-items:center;gap:.45rem;background:#ef476f;color:var(--ink);font-size:.72rem;font-weight:800;padding:.34rem .9rem;border-radius:var(--pill);margin-bottom:1rem}
.flash-tag svg{width:14px;height:14px}
.flash h3{font-size:clamp(1.4rem,2.6vw,2rem);font-weight:900;letter-spacing:-.5px;line-height:1.25;margin-bottom:.5rem;color:var(--ink)}
.flash h3 em{font-style:normal;color:var(--acc)}
.flash p{color:var(--t2);font-size:.9rem}
.flash-prod{display:flex;align-items:center;gap:1.1rem;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--line);border-radius:var(--radius);padding:1rem 1.2rem;min-width:230px}
.flash-prod .pimg{width:78px;height:78px;flex-shrink:0;border-radius:14px}
.flash-prod h4{font-size:.92rem;font-weight:800;margin-bottom:.4rem;color:var(--ink)}
.flash-prices{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.6rem}
.fp-new{font-size:1.05rem;font-weight:900;color:var(--acc)}
.fp-old{font-size:.78rem;color:var(--t3);text-decoration:line-through}
.countdown{display:flex;gap:.55rem}
.cd-box{background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--line);border-radius:14px;padding:.7rem .55rem;text-align:center;min-width:62px}
.cd-box .n{font-size:1.7rem;font-weight:900;color:var(--ink);line-height:1;font-variant-numeric:tabular-nums}
.cd-box .l{font-size:.64rem;color:var(--t3);margin-top:.3rem}

/* ═══ DUAL BANNERS ═══ */
.dual{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}
.dbanner{position:relative;border-radius:var(--radius-lg);padding:clamp(1.6rem,3vw,2.2rem);overflow:hidden;min-height:200px;display:flex;flex-direction:column;justify-content:center;isolation:isolate;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.dbanner-1{background:linear-gradient(140deg,rgba(47,178,119,.22),rgba(12,51,36,.5)),var(--paper)}
.dbanner-2{background:linear-gradient(140deg,rgba(230,199,133,.2),rgba(90,58,8,.35)),var(--paper)}
.dbanner .blob{position:absolute;inset-inline-end:-30px;bottom:-40px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.06);z-index:-1}
.dbanner .glyph-lg{position:absolute;inset-inline-end:1.4rem;bottom:.4rem;font-size:5.5rem;opacity:.22;line-height:1;z-index:-1}
.dbanner .tag{align-self:flex-start;font-size:.72rem;font-weight:800;background:rgba(255,255,255,.12);padding:.3rem .85rem;border-radius:var(--pill);margin-bottom:.8rem}
.dbanner h4{font-size:1.25rem;font-weight:900;margin-bottom:.4rem;letter-spacing:-.3px}
.dbanner p{font-size:.85rem;color:rgba(255,255,255,.78);max-width:34ch}
.dbanner .lnk{display:inline-flex;align-items:center;gap:.4rem;color:var(--acc);font-weight:800;font-size:.85rem;margin-top:1rem}
.dbanner-2 .lnk{color:var(--gold)}
.dbanner .lnk svg{width:15px;height:15px;transition:transform .25s var(--ease)}
.dbanner:hover .lnk svg{transform:translateX(-4px)}

/* ═══ GALLERY ═══ */
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;gap:1rem}
.gitem{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer}
.gitem .pimg{position:absolute;inset:0;border-radius:0;aspect-ratio:auto}
.gitem.big{grid-column:span 2;grid-row:span 2}
.gitem.tall{grid-row:span 2}
.gitem-ov{position:absolute;inset:0;z-index:6;background:linear-gradient(180deg,transparent 45%,rgba(6,16,11,.85));display:flex;flex-direction:column;justify-content:flex-end;padding:1.2rem;opacity:.9;transition:opacity .3s}
.gitem:hover .gitem-ov{opacity:1}
.gitem-cat{font-size:.7rem;font-weight:800;color:var(--acc);letter-spacing:.5px;text-transform:uppercase;margin-bottom:.3rem}
.gitem-title{font-size:1rem;font-weight:800;color:var(--ink);line-height:1.4}
.gitem:hover .pimg img{transform:scale(1.06);transition:transform .5s var(--ease)}

/* ═══ QUICK FILTER ═══ */
.qfilter{background:linear-gradient(135deg,rgba(47,178,119,.07),transparent 60%),var(--paper);border-radius:var(--radius);box-shadow:inset 0 0 0 1px var(--line);padding:1.15rem 1.35rem 1.35rem;margin-bottom:2.2rem}
.qfilter-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.05rem;padding-bottom:.95rem;border-bottom:1px dashed var(--line)}
.qfilter-title{display:inline-flex;align-items:center;gap:.6rem;font-size:.98rem;font-weight:800;color:var(--ink);letter-spacing:-.2px}
.qfilter-title .qf-ic{width:34px;height:34px;border-radius:11px;background:rgba(163,213,49,.12);box-shadow:inset 0 0 0 1px rgba(163,213,49,.28);color:var(--acc);display:grid;place-items:center;flex-shrink:0}
.qfilter-title .qf-ic svg{width:17px;height:17px}
.qfilter-note{display:inline-flex;align-items:center;gap:.45rem;font-size:.78rem;color:var(--t3);font-weight:600}
.qfilter-note::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--gold);opacity:.7;flex-shrink:0}
.filter-row{display:flex;gap:.55rem;flex-wrap:wrap}
.ftab{padding:.55rem 1.25rem;border-radius:var(--pill);box-shadow:inset 0 0 0 1.5px var(--line);background:rgba(255,255,255,.02);font-size:.85rem;font-weight:700;color:var(--t2);transition:all .2s var(--ease)}
.ftab:hover{box-shadow:inset 0 0 0 1.5px var(--lime);color:var(--acc)}
.ftab.active{background:var(--grad-lime);color:#0c2014;box-shadow:0 12px 26px -12px rgba(163,213,49,.7)}

.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}

/* ════════════════════════════════════════════════════════════
   IMPROVEMENT 4.4 — PRODUCT CARD (modern: zoom + overlay + slide-add)
   ════════════════════════════════════════════════════════════ */
.pcard{
  background:var(--paper);
  border-radius:var(--radius-lg);
  border:1px solid var(--line);
  overflow:hidden;
  transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .35s var(--ease);
}
.pcard:hover{
  transform:translateY(-8px);
  box-shadow:0 28px 56px -16px rgba(0,0,0,.6);
  border-color:color-mix(in srgb,var(--lime) 35%,transparent);
}

/* media area (square) */
.pcard-media{
  position:relative;
  aspect-ratio:1;
  overflow:hidden;
  background:var(--surface);
}
/* image placeholder — gradient with category colour */
.pcard-img-ph{
  position:absolute;inset:0;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(155deg,color-mix(in srgb,var(--cc,#2fb277) 22%,#0a140f),#0e1c15);
  overflow:hidden;
}
.pcard-img-ph::before{
  content:'';position:absolute;width:72%;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle at 38% 32%,color-mix(in srgb,var(--cc,rgba(163,213,49,.3)) 60%,transparent),transparent 65%);
  filter:blur(4px);top:16%;
}
.pcard-glyph{
  position:relative;z-index:2;
  font-size:clamp(2.4rem,5vw,3.4rem);
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.4));
  transition:transform .5s var(--ease);
}
.pcard-img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  z-index:2;transition:transform .6s var(--ease);
}
.pcard:hover .pcard-img{transform:scale(1.07)}
.pcard:hover .pcard-glyph{transform:scale(1.1) rotate(-3deg)}

/* quick action buttons (appear on hover) */
.pcard-actions{
  position:absolute;top:.7rem;inset-inline-end:.7rem;
  display:flex;flex-direction:column;gap:.4rem;z-index:5;
  opacity:0;transform:translateX(8px);
  transition:opacity .3s var(--ease),transform .3s var(--ease);
}
[dir="rtl"] .pcard-actions{transform:translateX(-8px)}
.pcard:hover .pcard-actions{opacity:1;transform:translateX(0)}

.qa-btn{
  width:36px;height:36px;border-radius:var(--pill);
  background:rgba(10,20,15,.85);backdrop-filter:blur(6px);
  border:1px solid var(--line);color:var(--t1);
  display:grid;place-items:center;cursor:pointer;
  transition:background .2s,color .2s,transform .2s;
}
.qa-btn:hover{background:var(--lime);color:#0c2014;transform:scale(1.08)}
.qa-btn svg{width:17px;height:17px}

/* add-to-cart button — slides up from bottom */
.pcard-add-slide{
  position:absolute;bottom:0;inset-inline:0;z-index:4;
  background:rgba(10,20,15,.93);backdrop-filter:blur(8px);
  color:var(--lime);font-weight:800;font-size:.88rem;font-family:inherit;
  padding:.82rem;text-align:center;border:none;cursor:pointer;
  transform:translateY(100%);
  transition:transform .35s var(--ease);
}
.pcard:hover .pcard-add-slide{transform:translateY(0)}
.pcard-add-slide:hover{background:rgba(10,20,15,.98)}

/* badge (top-start corner) */
.pcard-badge{
  position:absolute;top:.8rem;inset-inline-start:.8rem;z-index:5;
  font-size:.68rem;font-weight:800;padding:.28rem .68rem;
  border-radius:var(--pill);box-shadow:var(--shadow-sm);
}
.badge-off{background:#ef476f;color:var(--ink)}
.badge-new{background:var(--grad-lime);color:#0c2014}
.badge-best{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#2a1e05}

/* body */
.pcard-body{padding:1rem;display:flex;flex-direction:column;gap:.35rem}
.pcard-cat{font-size:.72rem;color:var(--acc);font-weight:700;letter-spacing:.3px}
.pcard-name{font-size:.95rem;font-weight:800;color:var(--ink);line-height:1.45;min-height:2.7em;text-wrap:pretty}
.pcard-stars{display:flex;align-items:center;gap:.4rem;font-size:.76rem;color:var(--t3)}
.pcard-stars .stars{display:inline-flex;color:var(--gold)}
.pcard-stars .stars svg{width:13px;height:13px}
.pcard-price{display:flex;align-items:baseline;gap:.3rem;flex-wrap:wrap}
.p-new{font-size:1.12rem;font-weight:900;color:var(--lime)}
.p-unit{font-size:.74rem;color:var(--t3)}
.p-old{font-size:.82rem;color:var(--t3);text-decoration:line-through}
.pcard-add{
  display:flex;align-items:center;justify-content:center;gap:.45rem;
  background:var(--grad-lime);color:#0c2014;
  font-weight:800;font-size:.85rem;font-family:inherit;
  padding:.65rem;border-radius:var(--radius-sm);
  border:none;cursor:pointer;margin-top:.4rem;
  transition:filter .2s,transform .2s var(--spring);
}
.pcard-add:hover{filter:brightness(1.08);transform:scale(1.02)}
.pcard-add svg{width:17px;height:17px}

/* legacy image placeholder used in flash/gallery/blog */
.pimg{position:relative;aspect-ratio:1/1;border-radius:var(--radius-sm);overflow:hidden;background:linear-gradient(155deg,var(--c1,#16301f),var(--c2,#0e1c15));display:grid;place-items:center;isolation:isolate}
.pimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:4}
.pimg::before{content:'';position:absolute;width:74%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 32%,var(--c3,rgba(163,213,49,.25)),transparent 64%);filter:blur(3px);top:16%}
.pimg .glyph{position:relative;z-index:2;font-size:clamp(2.2rem,6vw,3.4rem);filter:drop-shadow(0 8px 18px rgba(0,0,0,.4))}
.pimg .pmark{position:absolute;z-index:2;bottom:.5rem;inset-inline-start:.6rem;font-size:.6rem;font-weight:800;letter-spacing:.5px;color:rgba(255,255,255,.35)}

/* ═══ SPECIAL OFFER ═══ */
.special{position:relative;background:var(--grad-green);border-radius:var(--radius-lg);padding:clamp(2.4rem,4vw,3.6rem);text-align:center;overflow:hidden;isolation:isolate;box-shadow:0 30px 70px -28px rgba(47,178,119,.6)}
.special::before{content:'🌿';position:absolute;font-size:15rem;opacity:.08;inset-inline-end:-20px;top:-40px;transform:rotate(-15deg);z-index:-1}
.special::after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 100% at 20% 0,rgba(163,213,49,.25),transparent 60%)}
.special .stag{display:inline-flex;align-items:center;gap:.45rem;background:rgba(255,255,255,.16);color:var(--ink);font-size:.74rem;font-weight:800;padding:.34rem .9rem;border-radius:var(--pill);margin-bottom:1rem}
.special h3{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:900;color:var(--ink);letter-spacing:-.5px;margin-bottom:.8rem}
.special h3 em{font-style:normal;color:var(--acc)}
.special p{color:rgba(255,255,255,.9);margin-bottom:1.8rem;font-size:1rem;max-width:52ch;margin-inline:auto}
.special .btn-white{background:#fff;color:var(--green-800);box-shadow:0 14px 34px -12px rgba(0,0,0,.4)}

/* ═══ LOYALTY / FULL BANNER ═══ */
.fullbanner{position:relative;background:linear-gradient(110deg,rgba(47,178,119,.14),transparent),var(--paper);border-radius:var(--radius-lg);overflow:hidden;box-shadow:inset 0 0 0 1px var(--line);display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;padding:clamp(2.2rem,4vw,3.2rem)}
.fullbanner::before{content:'';position:absolute;inset:0;background:radial-gradient(50% 90% at 85% 50%,rgba(163,213,49,.12),transparent 60%)}
.fb-content{position:relative}
.fullbanner h2{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:900;letter-spacing:-.6px;margin:.7rem 0;line-height:1.2;color:var(--ink)}
.fullbanner h2 em{font-style:normal;color:var(--acc)}
.fullbanner p{color:var(--t2);max-width:52ch;font-size:.95rem}
.fb-btns{display:flex;gap:.8rem;margin-top:1.6rem;flex-wrap:wrap}

/* ═══ TESTIMONIALS ═══ */
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.testi{background:var(--paper);border-radius:var(--radius);padding:1.9rem;box-shadow:inset 0 0 0 1px var(--line);transition:transform .3s var(--ease),box-shadow .3s;position:relative}
.testi:hover{transform:translateY(-5px);box-shadow:inset 0 0 0 1px var(--border-2),var(--shadow)}
.testi .quote{position:absolute;top:1.1rem;inset-inline-end:1.6rem;font-size:3.6rem;font-weight:900;color:rgba(163,213,49,.18);line-height:1;font-family:Georgia,serif}
.testi-stars{display:inline-flex;color:var(--gold);margin-bottom:1rem}
.testi-stars svg{width:16px;height:16px}
.testi-text{font-size:.94rem;color:var(--t2);line-height:1.95;margin-bottom:1.4rem}
.testi-author{display:flex;align-items:center;gap:.8rem}
.testi-av{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:1.05rem;color:#0c2014;background:var(--grad-lime);flex-shrink:0}
.testi-name{font-size:.9rem;font-weight:800;color:var(--ink)}
.testi-role{font-size:.76rem;color:var(--t3)}

/* ═══ ABOUT ═══ */
.about-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(2rem,5vw,4rem);align-items:center}
.about-visual{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:4/3;box-shadow:var(--shadow-lg),inset 0 0 0 1px var(--line)}
.about-visual .pimg{position:absolute;inset:0;border-radius:0;aspect-ratio:auto}
.about-badge{position:absolute;z-index:5;inset-inline-end:1.3rem;bottom:1.3rem;background:rgba(14,28,21,.92);backdrop-filter:blur(10px);border-radius:var(--radius);padding:1rem 1.3rem;box-shadow:var(--shadow-lg),inset 0 0 0 1px var(--line);display:flex;align-items:center;gap:.9rem}
.about-badge .n{font-size:1.7rem;font-weight:900;color:var(--acc);line-height:1}
.about-badge .l{font-size:.76rem;color:var(--t2);max-width:11ch}
.about-text{color:var(--t2);font-size:1rem;line-height:2;margin:1rem 0 1.5rem}
.about-list{display:grid;gap:.2rem;margin-bottom:2rem}
.about-list li{display:flex;align-items:center;gap:.7rem;font-size:.93rem;color:var(--t2);font-weight:500;padding:.6rem 0;border-bottom:1px solid var(--line-2)}
.about-list li:last-child{border:none}
.about-list .chk{width:24px;height:24px;border-radius:50%;background:var(--grad-green);color:var(--ink);display:grid;place-items:center;flex-shrink:0}
.about-list .chk svg{width:14px;height:14px}
.about-feats{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin-bottom:2rem}
.about-feat{padding:1.1rem;background:var(--paper);border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px var(--line)}
.about-feat strong{display:block;font-size:1.5rem;font-weight:900;color:var(--acc);margin-bottom:.2rem}
.about-feat span{font-size:.84rem;color:var(--t3)}

/* ═══ BLOG ═══ */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem}
.blog-card{background:var(--paper);border-radius:var(--radius);overflow:hidden;box-shadow:inset 0 0 0 1px var(--line);transition:transform .3s var(--ease),box-shadow .3s}
.blog-card:hover{transform:translateY(-6px);box-shadow:inset 0 0 0 1px var(--border-2),var(--shadow-lg)}
.blog-thumb{aspect-ratio:16/9;position:relative;overflow:hidden}
.blog-thumb .pimg{position:absolute;inset:0;border-radius:0;aspect-ratio:auto}
.blog-thumb .cat-pill{position:absolute;z-index:6;top:.9rem;inset-inline-end:.9rem;background:rgba(10,20,15,.7);backdrop-filter:blur(6px);box-shadow:inset 0 0 0 1px var(--line);color:var(--acc);font-size:.7rem;font-weight:800;padding:.3rem .75rem;border-radius:var(--pill)}
.blog-body{padding:1.3rem}
.blog-meta{display:flex;gap:1rem;font-size:.75rem;color:var(--t3);margin-bottom:.7rem}
.blog-meta span{display:inline-flex;align-items:center;gap:.35rem}
.blog-meta svg{width:13px;height:13px}
.blog-title{font-size:1.02rem;font-weight:800;color:var(--ink);line-height:1.55;margin-bottom:1rem;letter-spacing:-.2px;text-wrap:pretty}
.blog-more{display:inline-flex;align-items:center;gap:.4rem;font-size:.83rem;font-weight:800;color:var(--acc)}
.blog-more svg{width:15px;height:15px;transition:transform .25s var(--ease)}
.blog-card:hover .blog-more svg{transform:translateX(-4px)}

/* ═══ NEWSLETTER ═══ */
.newsletter{position:relative;overflow:hidden}
.nl-card{position:relative;background:linear-gradient(135deg,rgba(47,178,119,.16),rgba(12,51,36,.4)),var(--paper);border-radius:var(--radius-lg);box-shadow:inset 0 0 0 1px var(--line);padding:clamp(2.4rem,4vw,3.4rem);overflow:hidden}
.nl-card::before{content:'';position:absolute;inset:0;background:radial-gradient(40% 80% at 15% 20%,rgba(163,213,49,.14),transparent 60%)}
.nl-inner{position:relative;max-width:600px;margin-inline:auto;text-align:center}
.nl-ic{width:64px;height:64px;border-radius:18px;background:rgba(163,213,49,.12);box-shadow:inset 0 0 0 1px rgba(163,213,49,.3);color:var(--acc);display:grid;place-items:center;margin:0 auto 1.3rem}
.nl-ic svg{width:30px;height:30px}
.newsletter h2{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:900;letter-spacing:-.5px;margin-bottom:.7rem;color:var(--ink)}
.newsletter p{color:var(--t2);margin-bottom:2rem}
.nl-form{display:flex;gap:.6rem;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px var(--line);padding:.45rem;border-radius:var(--pill);max-width:480px;margin-inline:auto}
.nl-form input{flex:1;background:none;border:none;outline:none;color:var(--ink);font-family:inherit;font-size:.92rem;padding-inline:1.1rem}
.nl-form input::placeholder{color:var(--t3)}
.nl-note{font-size:.78rem;color:var(--t3);margin-top:1rem}

/* ═══ FOOTER ═══ */
.footer{background:var(--bg-soft);border-top:1px solid var(--line);padding-top:clamp(3rem,6vw,4.5rem)}
.footer-grid{display:grid;grid-template-columns:2.4fr 1fr 1fr 1.4fr;gap:clamp(1.5rem,4vw,3rem);padding-bottom:2.6rem;border-bottom:1px solid var(--line)}
.footer .brand-name{color:var(--ink)}
.footer-brand p{font-size:.86rem;color:var(--t3);line-height:1.9;margin:1rem 0 1.2rem;max-width:34ch}
.footer-social{display:flex;gap:.6rem}
.footer-social a{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--line);display:grid;place-items:center;color:var(--t2);transition:background .2s,color .2s,transform .2s}
.footer-social a:hover{background:var(--lime);color:#0c2014;transform:translateY(-3px)}
.footer-social svg{width:18px;height:18px}
.footer-col h5{color:var(--ink);font-size:.92rem;font-weight:800;margin-bottom:1.1rem}
.footer-col ul{list-style:none;display:grid;gap:.6rem}
.footer-col a{font-size:.85rem;color:var(--t3);transition:color .2s,padding .2s}
.footer-col a:hover{color:var(--acc);padding-inline-end:.3rem}
.footer-contact li{display:flex;align-items:flex-start;gap:.6rem;font-size:.84rem;color:var(--t3);margin-bottom:.7rem}
.footer-contact svg{width:16px;height:16px;color:var(--acc);flex-shrink:0;margin-top:.2rem}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding-block:1.5rem}
.footer-bottom p{font-size:.78rem;color:var(--t3)}
.pay-badges{display:flex;gap:.5rem}
.pay-badge{height:30px;padding-inline:.7rem;border-radius:8px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--line);display:grid;place-items:center;font-size:.7rem;font-weight:700;color:var(--t2)}

/* ═══ FLOAT CONTACT ═══ */
.float-contact{position:fixed;bottom:24px;inset-inline-start:24px;width:58px;height:58px;background:#25D366;border-radius:50%;display:grid;place-items:center;color:var(--ink);box-shadow:0 12px 30px rgba(37,211,102,.45);z-index:120;transition:transform .3s;animation:bounce 3s infinite}
.float-contact:hover{transform:scale(1.1)}
.float-contact svg{width:28px;height:28px}
@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-6px)}60%{transform:translateY(-3px)}}

/* ═══ CART DRAWER ═══ */
.scrim{position:fixed;inset:0;background:rgba(4,10,7,.6);backdrop-filter:blur(3px);z-index:500;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.scrim.open{opacity:1;visibility:visible}
.cart-drawer{position:fixed;top:0;left:0;right:auto;height:100%;width:min(420px,92vw);background:var(--bg-soft);z-index:600;transform:translateX(-100%);transition:transform .4s var(--ease);display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}
.cart-drawer.open{transform:translateX(0)}
.cart-head{display:flex;align-items:center;justify-content:space-between;padding:1.3rem 1.5rem;border-bottom:1px solid var(--line);background:var(--paper)}
.cart-head h3{font-size:1.15rem;font-weight:900;display:flex;align-items:center;gap:.5rem;color:var(--ink)}
.cart-head .close{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.05);display:grid;place-items:center;color:var(--t2);transition:background .2s}
.cart-head .close:hover{background:rgba(255,255,255,.1)}
.cart-items{flex:1;overflow-y:auto;padding:1.2rem 1.5rem;display:flex;flex-direction:column;gap:1rem}
.cart-empty{text-align:center;color:var(--t3);margin-top:3rem;font-size:.92rem}
.cart-empty svg{width:54px;height:54px;color:var(--line);margin:0 auto 1rem}
.citem{display:flex;gap:1rem;background:var(--paper);border-radius:var(--radius-sm);padding:.8rem;box-shadow:inset 0 0 0 1px var(--line)}
.citem .pimg{width:64px;height:64px;border-radius:10px;flex-shrink:0}
.citem-info{flex:1;min-width:0}
.citem-name{font-size:.86rem;font-weight:700;line-height:1.4;margin-bottom:.3rem;color:var(--ink)}
.citem-price{font-size:.86rem;font-weight:900;color:var(--acc)}
.citem-foot{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem}
.qty{display:flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.04);border-radius:var(--pill);padding:.2rem}
.qty button{width:26px;height:26px;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);display:grid;place-items:center;font-weight:900;color:var(--acc);transition:background .2s}
.qty button:hover{background:var(--lime);color:#0c2014}
.qty span{min-width:18px;text-align:center;font-weight:800;font-size:.85rem}
.citem-rm{font-size:.74rem;color:var(--t3);transition:color .2s}
.citem-rm:hover{color:#ef476f}
.cart-foot{padding:1.3rem 1.5rem;border-top:1px solid var(--line);background:var(--paper)}
.cart-total{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1.1rem}
.cart-total .l{font-size:.9rem;color:var(--t2)}
.cart-total .v{font-size:1.4rem;font-weight:900;color:var(--acc)}
.cart-foot .btn{width:100%}

/* ═══ TOAST ═══ */
.toast{position:fixed;bottom:1.5rem;inset-inline-start:50%;transform:translate(50%,140%);background:var(--paper);color:var(--ink);box-shadow:var(--shadow-lg),inset 0 0 0 1px var(--line);padding:.85rem 1.4rem;border-radius:var(--pill);font-size:.88rem;font-weight:700;z-index:700;display:flex;align-items:center;gap:.6rem;transition:transform .4s var(--ease)}
.toast svg{width:18px;height:18px;color:var(--acc)}
.toast.show{transform:translate(50%,0)}

/* ═══ REVEAL ═══ */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.in{opacity:1;transform:none}
.reveal.snap{transition:none!important;opacity:1!important;transform:none!important}
.reveal.d1{transition-delay:.06s}.reveal.d2{transition-delay:.12s}.reveal.d3{transition-delay:.18s}.reveal.d4{transition-delay:.24s}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}*{animation:none!important}}

/* ═══ SHOP / PRODUCTS PAGE ═══ */
.crumb{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--t3);padding-block:1.2rem}
.crumb a:hover{color:var(--acc)}
.crumb svg{width:14px;height:14px;opacity:.5}
.crumb .cur{color:var(--ink);font-weight:700}
.cat-hero{position:relative;background:linear-gradient(120deg,rgba(47,178,119,.16),transparent),var(--paper);border-radius:var(--radius-lg);overflow:hidden;box-shadow:inset 0 0 0 1px var(--line);padding:clamp(2rem,4vw,3rem);display:flex;align-items:center;gap:2rem;margin-bottom:2.5rem}
.cat-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(50% 100% at 88% 50%,rgba(163,213,49,.13),transparent 60%)}
.cat-hero .ic{position:relative;width:88px;height:88px;border-radius:22px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px var(--line);display:grid;place-items:center;font-size:2.6rem;flex-shrink:0}
.cat-hero .meta{position:relative}
.cat-hero .pgid{font-size:.78rem;font-weight:800;color:var(--acc);letter-spacing:1px}
.cat-hero h1{font-size:clamp(1.6rem,3.2vw,2.4rem);font-weight:900;letter-spacing:-.6px;margin:.3rem 0;color:var(--ink)}
.cat-hero p{color:var(--t2);font-size:.92rem;max-width:54ch}
.cat-hero .stat{position:relative;margin-inline-start:auto;text-align:center;flex-shrink:0}
.cat-hero .stat .n{font-size:2.4rem;font-weight:900;color:var(--acc);line-height:1}
.cat-hero .stat .l{font-size:.78rem;color:var(--t2);margin-top:.2rem}
.shop-layout{display:grid;grid-template-columns:260px 1fr;gap:2rem;align-items:start}
.filters-panel{background:var(--paper);border-radius:var(--radius);box-shadow:inset 0 0 0 1px var(--line);padding:1.4rem;position:sticky;top:88px}
.fgroup{padding-block:1.1rem;border-bottom:1px solid var(--line-2)}
.fgroup:first-child{padding-top:0}
.fgroup:last-child{border-bottom:none;padding-bottom:0}
.fgroup h4{font-size:.92rem;font-weight:800;margin-bottom:.9rem;display:flex;align-items:center;justify-content:space-between;color:var(--ink)}
.fopt{display:flex;align-items:center;gap:.6rem;padding:.35rem 0;font-size:.86rem;color:var(--t2);cursor:pointer;transition:color .2s}
.fopt:hover{color:var(--acc)}
.fopt input{appearance:none;width:19px;height:19px;border-radius:6px;box-shadow:inset 0 0 0 1.5px var(--line);background:rgba(255,255,255,.03);display:grid;place-items:center;transition:all .2s;flex-shrink:0}
.fopt input:checked{background:var(--lime);box-shadow:none}
.fopt input:checked::after{content:'✓';color:#0c2014;font-size:.7rem;font-weight:900}
.fopt .ct{margin-inline-start:auto;font-size:.74rem;color:var(--t3)}
.chip-row{display:flex;flex-wrap:wrap;gap:.45rem}
.color-chip{padding:.32rem .8rem;border-radius:var(--pill);font-size:.78rem;font-weight:700;box-shadow:inset 0 0 0 1.5px var(--line);color:var(--t2);transition:all .2s;cursor:pointer}
.color-chip.on,.color-chip:hover{background:var(--lime);color:#0c2014;box-shadow:none}
.shop-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}
.result-count{font-size:.88rem;color:var(--t2)}
.result-count b{color:var(--ink);font-weight:800}
.sort-select{display:flex;align-items:center;gap:.6rem;font-size:.86rem;color:var(--t3)}
.sort-select select{font-family:inherit;font-size:.86rem;font-weight:700;color:var(--ink);background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--line);border-radius:var(--pill);padding:.5rem 1rem;cursor:pointer;outline:none}
.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.load-more{display:flex;justify-content:center;margin-top:2.5rem}
.filter-toggle{display:none;align-items:center;gap:.5rem;font-weight:700;font-size:.88rem;color:var(--ink);background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--line);padding:.6rem 1.1rem;border-radius:var(--pill)}
.filter-toggle svg{width:17px;height:17px}
.fpanel-head{display:none;align-items:center;justify-content:space-between;margin-bottom:.5rem}
.clear-filters{font-size:.78rem;color:var(--t3);font-weight:700}
.clear-filters:hover{color:#ef476f}

/* ═══ MOBILE NAV ═══ */
.mnav{position:fixed;inset:0;z-index:550;background:var(--bg-soft);transform:translateX(100%);transition:transform .35s var(--ease);display:flex;flex-direction:column;padding:1.5rem}
.mnav.open{transform:translateX(0)}
.mnav-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}
.mnav a{font-size:1.2rem;font-weight:800;color:var(--ink);padding:1rem 0;border-bottom:1px solid var(--line)}

/* ═══ RESPONSIVE ═══ */
@media(max-width:1080px){
  .cats-grid{grid-template-columns:repeat(4,1fr)}
  .products-grid{grid-template-columns:repeat(3,1fr)}
  .shop-grid{grid-template-columns:repeat(2,1fr)}
  .gallery-grid{grid-template-columns:repeat(3,1fr)}
  .flash{grid-template-columns:1fr;gap:1.4rem}
  .flash-prod{min-width:0}
}
@media(max-width:920px){
  .trust-grid{grid-template-columns:1fr 1fr}
  .dual{grid-template-columns:1fr}
  .testi-grid,.blog-grid{grid-template-columns:1fr}
  .about-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .fullbanner{grid-template-columns:1fr}
  .shop-layout{grid-template-columns:1fr}
  .filters-panel{position:static;display:none}
  .filters-panel.mobile-open{display:block}
  .filter-toggle{display:inline-flex}
  .nav-sub{display:none}
  .megamenu{grid-template-columns:repeat(2,1fr)}
  .gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:170px}
}
@media(max-width:680px){
  .nav-links{display:none}
  .hamburger{display:grid}
  .search{display:none}
  .only-mobile{display:grid}
  .cats-grid{grid-template-columns:repeat(3,1fr);gap:.6rem}
  .products-grid{grid-template-columns:repeat(2,1fr)}
  .shop-grid{grid-template-columns:1fr}
  .trust-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .about-feats{grid-template-columns:1fr 1fr}
  .topbar-contacts{display:none}
  .cat-hero{flex-direction:column;text-align:center}
  .cat-hero .stat{margin:0}
  .gitem.big{grid-column:span 2}
}
@media(max-width:420px){
  .cats-grid{grid-template-columns:repeat(2,1fr)}
  .products-grid{grid-template-columns:1fr}
  .gallery-grid{grid-template-columns:1fr}
  .gitem.big{grid-column:span 1}
}

/* نشان‌های مجوز/اعتماد در فوترِ زیرین — عکس+لینک، ابعادِ کنترل‌شده (≤۶۰×۵۰) */
.footer-bottom .pay-badges{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.footer-bottom .pay-badge img,.footer-bottom .pay-badge svg{max-width:60px;max-height:50px;width:auto;height:auto;object-fit:contain;display:block}
.footer-bottom .pay-badge a{display:inline-flex;align-items:center}
.footer-bottom .pay-badge-img:not([src]),.footer-bottom .pay-badge-img[src=""]{display:none}
.footer-bottom .pay-badge-img[src]:not([src=""]) ~ span{display:none}

/* ═══ هدرِ موبایل — جاشدنِ کاملِ نوار روی صفحه‌های کوچک (auto-responsive) ═══ */
/* علتِ بریده‌شدنِ هدر روی موبایل: مجموعِ لوگو + پیلِ «پروفایل · نام» + آیکن‌ها از عرضِ صفحه پهن‌تر می‌شد
   و چون body دارای overflow-x:hidden است، به‌جای اسکرول، کلیپ/بریده می‌شد. اینجا اجزای هدر جمع‌وجور می‌شوند. */
@media(max-width:680px){
  .nav{gap:.5rem;height:60px}
  .brand{flex-shrink:0;min-width:0}
  .brand-mark{width:34px;height:34px;border-radius:10px}
  .brand-name{font-size:1.12rem}
  .nav-actions{gap:.3rem;margin-inline-start:auto;flex-wrap:nowrap}
  .icon-btn{width:38px;height:38px}
  .icon-btn svg{width:17px;height:17px}
  .nav-actions .btn-sm{padding:.5rem .7rem;font-size:.78rem;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .topbar .wrap{justify-content:center}
  .topbar-promo{font-size:.74rem;text-align:center;width:100%}
}
@media(max-width:430px){
  .nav{gap:.3rem}
  .brand-name{font-size:1rem}
  .nav-actions{gap:.2rem}
  .icon-btn{width:36px;height:36px}
  .icon-btn svg{width:16px;height:16px}
  /* پیلِ ورود/پروفایل روی صفحهٔ خیلی کوچک = دکمهٔ گردِ آیکنی (👤) تا جا شود */
  .nav-actions .btn-sm{width:36px;height:36px;max-width:36px;padding:0;font-size:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}
  .nav-actions .btn-sm::before{content:'👤';font-size:1.02rem;line-height:1}
}

/* حذفِ دکمهٔ شناورِ واتساپِ تکراری — ویجتِ پشتیبانیِ مرکزی (wc-support) خودش واتساپ دارد؛
   این دکمه پشتِ FABِ پشتیبانی می‌افتاد و تکراری دیده می‌شد. */
.float-contact{display:none!important}