/* ═══════════════════════════════════════════════════════════════════
   redesign.css — لایه ریدیزاین v4 «Material Glass»
   آخرین استایل‌شیتِ بارگذاری‌شده؛ امن برای اورراید (هوک‌های JS دست‌نخورده)

   سیستم طراحی:
   • فاصله‌گذاری ۸پیکسلی: 4/8/12/16/24/32/48 توکن (--sp1..--sp7)
   • شعاع‌ها: 10/14/20/28 (--r-s/--r-m/--r-l/--r-xl)
   • سطوح شیشه‌ای: bg نیمه‌شفاف + backdrop-blur + حاشیه روشن + هایلایت داخلی
   • نقش‌مایه پس‌زمینه بدنه تا بلر شیشه‌ها دیده شود
   ═══════════════════════════════════════════════════════════════════ */

/* ════ ۰) توکن‌ها + نقش‌مایه پس‌زمینه ════ */
:root{
  --sp1:4px;  --sp2:8px;  --sp3:12px; --sp4:16px;
  --sp5:24px; --sp6:32px; --sp7:48px;
  --r-s:10px; --r-m:14px; --r-l:20px; --r-xl:28px;
  --glass-bg:rgba(255,255,255,.55);
  --glass-bg-strong:rgba(255,255,255,.78);
  --glass-brd:rgba(255,255,255,.75);
  --glass-blur:saturate(1.55) blur(20px);
  --glass-blur-lite:saturate(1.35) blur(12px);
  --glass-shadow:0 16px 38px -18px rgba(21,42,82,.30);
  --glass-shadow-sm:0 8px 22px -10px rgba(21,42,82,.20);
  --glass-inset:inset 0 1px 0 rgba(255,255,255,.85);
  --ink:#233052;
  --ink-soft:#42506b;
}
body::before{ /* لکه‌های نرم رنگی — بدون این، شیشه روی زمینه تخت دیده نمی‌شود */
  content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(720px 460px at 96% -80px,  rgba(47,111,237,.13), transparent 62%),
    radial-gradient(600px 440px at -90px 240px, rgba(239,64,86,.10),  transparent 62%),
    radial-gradient(760px 520px at 50% 112%,   rgba(47,111,237,.10), transparent 62%);
}

/* ════ ۱) هدر دسکتاپ (≥951px) — تک‌ردیفه شیشه‌ای ════ */
@media(min-width:951px){
  .site-header{padding:0}
  .header-sticky{
    background:rgba(246,248,252,.72);
    -webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);
    border-bottom:1px solid rgba(255,255,255,.55);
    box-shadow:0 8px 28px -12px rgba(21,42,82,.14);
  }
  /* نوار سرویس تیره — لاغر و هم‌ریتم */
  .svc-bar{font-size:10.5px;letter-spacing:.1px}
  .svc-bar .container{min-height:28px;gap:var(--sp4)}
  .svc-bar img{width:15px!important;height:15px!important}

  /* ردیف اصلی: برند | جستجو | اکشن‌ها */
  .h-row1{display:flex;align-items:center;gap:var(--sp4);padding:var(--sp3) 0}
  .h-row1 .brand{gap:10px}
  .h-row1 .brand .logo3d{width:40px!important;height:40px!important;border-radius:var(--r-s)}
  .h-row1 .brand .name{font-size:15px;font-weight:900}
  .h-row1 .brand .tagline{font-size:10px}

  .h-row1 .live-search{flex:1 1 auto;max-width:640px;margin:0 auto;display:flex;position:relative}
  .live-search .box{
    height:44px;width:100%;border-radius:var(--r-m);padding:0 var(--sp4);gap:10px;
    background:rgba(255,255,255,.66);border:1px solid var(--glass-brd);
    box-shadow:inset 2px 2px 8px rgba(163,176,206,.22),inset -2px -2px 8px rgba(255,255,255,.7),var(--glass-inset);
    transition:box-shadow .18s,background .18s;
  }
  .live-search .box:focus-within{
    background:rgba(255,255,255,.92);
    box-shadow:inset 2px 2px 8px rgba(163,176,206,.18),0 0 0 3px rgba(47,111,237,.16);
  }
  .live-search input{font-size:13px;height:100%}
  .live-search .icon{display:flex;color:var(--muted)}

  /* اکشن‌ها — ریتم ۸px، هم‌قد ۴۰px */
  .h-row1 .header-actions{gap:var(--sp2)}
  .h-row1 .icon-btn{
    width:40px;height:40px;border-radius:var(--r-s);color:var(--ink);
    background:var(--glass-bg);border:1px solid var(--glass-brd);box-shadow:var(--glass-inset);
    transition:background .16s,transform .16s;
  }
  .h-row1 .icon-btn:hover{background:var(--navy-soft);transform:translateY(-1px)}
  .h-row1 .login-chip{
    height:40px;padding:0 var(--sp4);border-radius:var(--r-s);gap:var(--sp2);
    font-size:12px;font-weight:800;color:var(--ink);
    background:var(--glass-bg);border:1px solid var(--glass-brd);box-shadow:var(--glass-inset);
    transition:background .16s,transform .16s;
  }
  .h-row1 .login-chip:hover{background:var(--navy-soft);transform:translateY(-1px)}
  .h-row1 .cart-btn{
    display:inline-flex;flex-direction:row;align-items:center;justify-content:center;
    width:auto;min-width:0;white-space:nowrap;
    height:40px;padding:0 14px;border-radius:var(--r-s);gap:var(--sp2);
    background:var(--navy-grad);color:#fff;border:none;
    box-shadow:0 8px 18px -8px rgba(22,48,95,.5);
    font-size:12.5px;font-weight:800;
    transition:filter .16s,transform .16s;
  }
  .h-row1 .cart-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}
  .h-row1 .cart-btn .lbl{display:inline;white-space:nowrap}

  /* نوار ناوبری */
  .h-row2{padding:6px 0 var(--sp2);border-top:1px solid rgba(255,255,255,.5)}
  .main-nav{display:flex;gap:var(--sp1);align-items:center}
  .main-nav a.nav-link{padding:var(--sp2) 14px;border-radius:var(--r-s);font-size:13px}
  .main-nav a.nav-link.active{background:var(--navy-soft);color:var(--navy);font-weight:800}
  .main-nav a.nav-link.hot{color:#c81f4a;font-weight:800}
  .main-nav .cats-trigger{
    background:var(--navy-grad);color:#fff;border-radius:var(--r-s);
    padding:var(--sp2) var(--sp4)!important;font-size:12.5px;font-weight:800;gap:var(--sp2);
    box-shadow:0 6px 14px -6px rgba(22,48,95,.4);margin-inline-end:var(--sp2);
  }
  .main-nav .cats-trigger:hover{filter:brightness(1.1);color:#fff;background:var(--navy-grad)}

  /* مگامنو — شیشه سرمه‌ای عمیق */
  .mega{
    background:rgba(13,26,52,.86);
    -webkit-backdrop-filter:saturate(1.4) blur(26px);backdrop-filter:saturate(1.4) blur(26px);
    border:1px solid rgba(255,255,255,.14);border-radius:var(--r-l);
    box-shadow:0 30px 60px -20px rgba(10,20,44,.55);
  }
  .mega .mg-wrap{padding:18px;gap:18px}
  .mega .mg-cols{gap:var(--sp4)}
  .mega .mg-p{color:#fff;font-size:13px;font-weight:800;gap:10px;padding:6px 4px;border-radius:var(--r-s)}
  .mega .mg-p img{width:26px;height:26px}
  .mega .mg-kids a{color:rgba(255,255,255,.72);font-size:11.5px;padding:5px 8px;border-radius:var(--sp2)}
  .mega .mg-kids a:hover{background:rgba(255,255,255,.1);color:#fff}
  .mega .mg-side{border-inline-start:1px solid rgba(255,255,255,.14);padding-inline-start:var(--sp4)}
  .mega .mg-promo{
    background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);
    border-radius:var(--r-m);padding:var(--sp4);transition:transform .18s,background .18s;
  }
  .mega .mg-promo:hover{background:rgba(255,255,255,.16);transform:translateY(-2px)}
  .mega .mg-promo b{color:#fff;font-size:13px}
  .mega .mg-promo span{color:rgba(255,255,255,.7);font-size:11px}
  .mega .mg-brands b{color:#fff;font-size:12px}
  .mega .mg-brands .tags a{
    background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);
    border-radius:999px;padding:4px var(--sp3);font-size:11px;color:rgba(255,255,255,.85);
  }
  .mega .mg-brands .tags a:hover{background:rgba(255,255,255,.18);color:#fff}
  .mega .mg-support{
    background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:var(--r-m);
    padding:10px var(--sp3);gap:10px;
  }
  .mega .mg-support b{color:#fff;font-size:12px}
  .mega .mg-support small{color:rgba(255,255,255,.65);font-size:10.5px}

  body.compact .h-row1 .live-search{display:none}
  body.compact .h-row1{padding:var(--sp2) 0}
}

/* ════ ۲) هیرو — سینمایی کنترل‌شده (دسکتاپ/تبلت) ════ */
@media(min-width:769px){
  .hero-full{
    height:452px!important;min-height:0!important;max-height:none!important;
    margin:var(--sp4) 0 var(--sp5);border-radius:var(--r-xl);
    box-shadow:0 24px 50px -20px rgba(10,22,48,.45);
  }
  .hero-full .hero-slide{height:100%!important;min-height:0!important;max-height:none!important}
  .hero-full .txt{min-height:0!important;max-height:none!important;padding:0 56px;gap:var(--sp2)}
  .hero-full .kicker{
    display:inline-flex;align-items:center;gap:6px;
    font-size:11px;font-weight:800;color:#fff;padding:4px 14px;border-radius:999px;
    background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);
    -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
    margin-bottom:var(--sp2)!important;
  }
  .hero-full .hero-slide h2{font-size:30px;line-height:1.6;margin-bottom:var(--sp2)!important}
  .hero-full .txt p{font-size:13.5px;color:rgba(255,255,255,.86);max-width:470px;line-height:1.9;margin-bottom:var(--sp4)!important}
  .hero-full .hero-cta{
    height:46px;padding:0 var(--sp5)!important;border-radius:var(--r-m)!important;
    background:#fff!important;color:var(--navy)!important;font-size:13px!important;font-weight:800;
    box-shadow:0 10px 22px -8px rgba(0,0,0,.35);gap:var(--sp2);
    transition:transform .18s,box-shadow .18s;
  }
  .hero-full .hero-cta:hover{transform:translateY(-2px);box-shadow:0 16px 30px -10px rgba(0,0,0,.4)}
  /* بازگشت دکمه دوم — nسخه‌های قبلی سراسری مخفی‌ش کرده بودند */
  .hero-full .hero-cta-ghost{
    display:inline-flex!important;align-items:center;justify-content:center;
    height:46px;padding:0 22px;border-radius:var(--r-m);
    background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.4);color:#fff;
    -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
    font-size:12.5px;font-weight:800;transition:background .18s,transform .18s;
  }
  .hero-full .hero-cta-ghost:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}
}

/* ════ ۳) نوار اعتماد (خدمات) — گرید شیشه‌ای ════ */
@media(min-width:769px){
  .services{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp3)}
  .service{
    display:flex;align-items:center;gap:var(--sp3);
    background:var(--glass-bg);border:1px solid var(--glass-brd);border-radius:var(--r-m);
    -webkit-backdrop-filter:var(--glass-blur-lite);backdrop-filter:var(--glass-blur-lite);
    box-shadow:var(--glass-shadow-sm),var(--glass-inset);
    padding:var(--sp3) var(--sp4);transition:transform .18s,box-shadow .18s;
  }
  .service:hover{transform:translateY(-2px);box-shadow:var(--glass-shadow)}
  .service img{width:38px!important;height:38px!important;flex:none}
  .service b{font-size:12.5px;color:var(--ink)}
  .service span{font-size:10.5px}
}

/* ════ ۴) حباب‌های دسته‌بندی ════ */
.cat-bub{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:78px}
.cat-bub img{transition:transform .22s ease}
.cat-bub:hover img{transform:scale(1.1)}
.cat-bub span{
  font-size:11px;font-weight:700;color:var(--ink-soft);text-align:center;
  line-height:1.55;max-width:88px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}

/* ════ ۵) پنل پیشنهاد شگفت‌انگیز ════ */
.amazing-dark{
  position:relative;overflow:hidden;
  border-radius:var(--r-l);
  background:linear-gradient(135deg,#13234b 0%,#131a38 55%,#3a1120 100%);
  box-shadow:0 24px 48px -18px rgba(16,28,60,.5);
  padding:18px 18px var(--sp4);
}
.amazing-dark::before{
  content:'';position:absolute;top:-90px;left:-60px;width:340px;height:340px;border-radius:50%;
  background:radial-gradient(circle,rgba(239,64,86,.28),transparent 65%);pointer-events:none;
}
.amazing-head{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp3);margin-bottom:var(--sp4);position:relative}
.amz-badge{
  width:46px;height:46px;border-radius:var(--r-m);display:grid;place-items:center;flex:none;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
.amz-badge img{width:28px;height:28px}
.amz-title b{color:#fff;font-size:17px;font-weight:900;display:block}
.amz-title small{color:rgba(255,255,255,.65);font-size:11px}
.countdown{display:flex;align-items:center;gap:6px;margin-inline-start:auto;direction:ltr}
.countdown .cd-box{
  min-width:52px;padding:7px 4px 5px;text-align:center;border-radius:var(--r-s);
  background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
.countdown .cd-box b{display:block;color:#fff;font-size:18px;font-weight:900;font-variant-numeric:tabular-nums;line-height:1.2}
.countdown .cd-box span{font-size:9px;color:rgba(255,255,255,.66)}
.countdown .colon{color:rgba(255,255,255,.45);font-size:15px;font-weight:700}
.amz-all{
  display:inline-flex;align-items:center;height:38px;padding:0 var(--sp4);
  background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.35);color:#fff;
  border-radius:999px;font-size:12px;font-weight:800;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  transition:background .18s,transform .18s;
}
.amz-all:hover{background:rgba(255,255,255,.18);transform:translateY(-1px)}
.amazing-dark .hscroll{gap:var(--sp3);position:relative}
.amazing-dark .hscroll > *{min-width:200px;max-width:200px}

/* ════ ۶) کارت محصول — شیشه‌ای، ریتم ۸px ════ */
.pcard{
  position:relative;display:flex;flex-direction:column;overflow:hidden;
  background:var(--glass-bg);
  -webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);
  border:1px solid var(--glass-brd);border-radius:18px;
  box-shadow:var(--glass-shadow-sm),var(--glass-inset);
  padding:var(--sp3);
  transition:transform .22s ease,box-shadow .22s ease;
}
.pcard::before{ /* هایلایت مادی بالای کارت */
  content:'';position:absolute;top:0;right:0;left:0;height:38%;
  background:linear-gradient(to bottom,rgba(255,255,255,.42),transparent);
  pointer-events:none;
}
.pcard:hover{transform:translateY(-4px);box-shadow:0 24px 44px -16px rgba(21,42,82,.34),var(--glass-inset)}
.pcard:active{transform:scale(.985)}

.pcard .img-wrap{
  position:relative;border-radius:var(--r-m);overflow:hidden;
  background:#fff;border:1px solid rgba(148,163,198,.22);
  box-shadow:inset 0 2px 8px rgba(163,176,206,.14);
  padding:10px;
}
.pcard .img-wrap img{
  width:100%;aspect-ratio:1/1!important;object-fit:contain;border-radius:var(--sp2);
  transition:transform .32s ease;mix-blend-mode:multiply;
}
.pcard:hover .img-wrap img{transform:scale(1.06)}

/* نشان‌ها — پیل‌های شیشه‌ای روی هم، بدون برخورد */
.pcard .flags{top:10px;right:10px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.pcard .flags .discount-badge{
  border-radius:999px;padding:3px 10px;font-size:11px;font-weight:800;
  background:linear-gradient(135deg,var(--accent),#ff6a81);color:#fff;
  box-shadow:0 4px 12px -2px rgba(239,64,86,.5);
}
.pcard .flags .badge.info{
  background:rgba(22,48,95,.85);color:#fff;border-radius:999px;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  padding:3px 10px;font-size:10px;border:1px solid rgba(255,255,255,.2);
}

/* علاقه‌مندی — دایره شیشه‌ای */
.pcard .fav-btn{
  top:10px;left:10px;width:32px;height:32px;border-radius:50%;
  background:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.95);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  box-shadow:0 4px 10px -2px rgba(21,42,82,.16);
  color:#93a0b8;display:flex;align-items:center;justify-content:center;
  transition:color .15s,transform .15s,box-shadow .15s;
}
.pcard .fav-btn:hover{transform:scale(1.12);color:var(--accent)}
.pcard .fav-btn:active{transform:scale(.92)}
.pcard .fav-btn.active{color:var(--accent);box-shadow:0 4px 12px -2px rgba(239,64,86,.4)}

.pcard h3{
  font-size:12.5px;font-weight:700;line-height:1.8;margin:10px 2px var(--sp1);
  min-height:45px;height:45px;overflow:hidden;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
}
.pcard .meta{margin:0 2px;min-height:18px;display:flex;align-items:center;gap:var(--sp2)}
.pcard .meta .rating-row{display:inline-flex;align-items:center;gap:var(--sp1)}
.pcard .stars{font-size:12px;letter-spacing:.5px;color:#f0b73f}
.pcard .rating-row > span{font-size:10px;color:var(--muted)}
.pcard .badge.warn{border-radius:999px;font-size:9.5px}

.pcard .price-zone{
  margin-top:var(--sp2);padding-top:10px;border-top:1px dashed rgba(148,163,198,.35);
  display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp2);
  position:relative;z-index:1;
}
.pcard .prices{display:flex;flex-direction:column;gap:1px;min-width:0}
.pcard .price-old{font-size:10.5px;color:#a4aebf}
.pcard .price-final{font-size:15.5px;font-weight:900;line-height:1.45}
.pcard .price-final .toman{font-size:9px;color:var(--muted);font-weight:400}
.pcard .add-btn{
  width:37px;height:37px;flex:none;border-radius:var(--r-s);border:none;color:#fff;
  background:var(--navy-grad);box-shadow:0 6px 14px -5px rgba(22,48,95,.45);
  display:flex;align-items:center;justify-content:center;
  transition:transform .16s,box-shadow .16s,filter .16s;
}
.pcard .add-btn:hover{transform:translateY(-2px) scale(1.05);filter:brightness(1.12)}
.pcard .add-btn:active{transform:scale(.92)}
.pcard .stock-out{font-size:11.5px;color:var(--red);font-weight:800}

/* گریدها */
@media(min-width:1024px){.grid-products{gap:14px}.hscroll{gap:14px}}
@media(max-width:1023px) and (min-width:641px){.grid-products{gap:var(--sp3)}}
.hscroll{scrollbar-width:none}
.hscroll::-webkit-scrollbar{display:none}

/* ════ ۷) بنرهای میانی ════ */
.banner-wide{border-radius:var(--r-l);overflow:hidden;box-shadow:0 18px 40px -16px rgba(10,22,48,.35);margin:var(--sp5) 0}
.banner-wide.slim{margin:var(--sp4) 0}
.banner-wide .bw-body{
  padding:var(--sp5) var(--sp5);gap:var(--sp1);
  background:linear-gradient(to left,rgba(9,20,44,.88) 26%,rgba(9,20,44,.5) 60%,rgba(9,20,44,.06) 88%);
}
.banner-wide.slim .bw-body{padding:var(--sp4) var(--sp5)}
.banner-wide .bw-body b{font-size:15.5px;color:#fff;font-weight:900}
.banner-wide .bw-body .cta{
  display:inline-flex;align-items:center;gap:var(--sp2);
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);color:#fff;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border-radius:var(--r-s);padding:9px var(--sp4);font-size:12px;font-weight:800;
  margin-top:var(--sp3);transition:background .18s,transform .18s;
}
.banner-wide .bw-body .cta:hover{background:rgba(255,255,255,.24);transform:translateY(-1px)}

/* ════ ۸) فروشگاه — تولبار + فیلترها ════ */
.shop-layout{gap:18px;align-items:start}
.filters{
  background:var(--glass-bg);border:1px solid var(--glass-brd);border-radius:var(--r-l);
  -webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);
  box-shadow:var(--glass-shadow-sm),var(--glass-inset);
  padding:18px;position:sticky;top:150px;
}
.filters .f-title{display:flex;align-items:center;gap:var(--sp2);font-size:13px;font-weight:900;color:var(--navy);margin-bottom:10px}
.filters .f-group{margin-bottom:var(--sp4);padding-bottom:var(--sp4);border-bottom:1px dashed rgba(148,163,198,.3)}
.filters .f-group:last-of-type{border-bottom:none;margin-bottom:var(--sp3);padding-bottom:0}
.filters .check{display:flex;align-items:center;gap:10px;padding:6px 2px;font-size:12.5px;color:var(--ink-soft);cursor:pointer;border-radius:var(--sp2);transition:background .14s}
.filters .check:hover{background:rgba(255,255,255,.5)}
.filters .check input{position:absolute;opacity:0;pointer-events:none}
.filters .check .box{
  width:19px;height:19px;flex:none;border-radius:6px;font-size:11px;color:transparent;
  background:rgba(255,255,255,.85);border:1.5px solid rgba(148,163,198,.45);
  display:grid;place-items:center;transition:.15s;
}
.filters .check input:checked + .box{
  background:var(--navy-grad);border-color:transparent;color:#fff;
  box-shadow:0 3px 8px -2px rgba(22,48,95,.4);
}
.filters .check input:checked ~ :not(.box){font-weight:800;color:var(--navy)}
.filters #f-apply{height:42px;border-radius:var(--r-s);font-size:13px;font-weight:800}
.filters #f-clear{height:38px;border-radius:var(--r-s);margin-top:10px!important}

.shop-toolbar{
  display:flex;align-items:center;flex-wrap:wrap;gap:10px;
  background:var(--glass-bg);border:1px solid var(--glass-brd);border-radius:var(--r-m);
  -webkit-backdrop-filter:var(--glass-blur-lite);backdrop-filter:var(--glass-blur-lite);
  box-shadow:var(--glass-shadow-sm),var(--glass-inset);
  padding:10px 14px;margin-bottom:var(--sp4);
}
.shop-toolbar #result-count{
  font-size:11.5px;font-weight:800;color:var(--navy);
  background:var(--navy-soft);border-radius:999px;padding:6px var(--sp3);
}
.shop-toolbar .result{font-size:11.5px;color:var(--muted)}
.shop-toolbar .select{
  height:40px;border-radius:var(--r-s);padding:0 34px 0 var(--sp3);
  background-color:rgba(255,255,255,.85);border:1.5px solid rgba(148,163,198,.35);
  font-size:12.5px;font-weight:700;color:var(--navy);cursor:pointer;
  transition:border-color .15s,box-shadow .15s;
}
.shop-toolbar .select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(47,111,237,.14);outline:none}
@media(min-width:769px){.shop-toolbar .filter-toggle{display:none!important}}
.active-chips{display:flex;flex-wrap:wrap;gap:var(--sp2);margin-bottom:var(--sp3)}
.active-chips .chip{
  background:rgba(255,255,255,.72);border:1px solid var(--glass-brd);border-radius:999px;
  padding:5px var(--sp3);font-size:11px;font-weight:700;color:var(--ink-soft);
  display:inline-flex;align-items:center;gap:6px;
}

/* ════ ۹) سبد خرید ════ */
.cart-layout{gap:18px;align-items:start}
.cart-items{
  background:transparent!important;box-shadow:none!important;padding:0!important;
  display:flex;flex-direction:column;gap:var(--sp3);border-radius:0;border:none;
}
.cart-row{
  align-items:center;gap:var(--sp4);padding:14px var(--sp4);border-bottom:none;
  background:rgba(255,255,255,.72);border:1px solid var(--glass-brd);border-radius:var(--r-l);
  -webkit-backdrop-filter:var(--glass-blur-lite);backdrop-filter:var(--glass-blur-lite);
  box-shadow:var(--glass-shadow-sm),var(--glass-inset);
}
.cart-row img{
  width:84px;height:84px;flex:none;border-radius:var(--r-m);object-fit:contain;background:#fff;
  border:1px solid rgba(148,163,198,.22);box-shadow:0 4px 10px -4px rgba(21,42,82,.14);padding:6px;
}
.cart-row .info{min-width:0}
.cart-row .t{
  font-size:13px;font-weight:800;line-height:1.8;color:var(--ink);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.cart-row .sku{font-size:10.5px;color:var(--muted);margin-top:3px}
.cart-row .unit-price{font-size:11.5px;color:var(--muted);margin-top:var(--sp1)}
.cart-row .side{flex-direction:row;align-items:center;gap:18px}
.cart-row .qty{border-radius:var(--r-s);overflow:hidden;box-shadow:0 2px 8px -3px rgba(21,42,82,.18)}
.cart-row .line-total{font-size:14.5px;font-weight:900;min-width:92px;text-align:left}
.cart-row .remove{
  width:34px;height:34px;border-radius:var(--r-s);font-size:0;gap:0;
  display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(148,163,198,.3);background:rgba(255,255,255,.7);color:#8a94a8;
  transition:color .15s,border-color .15s,transform .15s,background .15s;
}
.cart-row .remove svg{font-size:14px}
.cart-row .remove:hover{color:var(--red);border-color:rgba(239,64,86,.4);background:#fff;transform:scale(1.08)}
.cart-row.removing{opacity:.35;transform:scale(.98);pointer-events:none;transition:.2s}

.summary{
  background:var(--glass-bg-strong);border:1px solid var(--glass-brd);border-radius:var(--r-l);
  -webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);
  box-shadow:var(--glass-shadow),var(--glass-inset);
  padding:var(--sp5);position:sticky;top:150px;
}
.summary h3{font-size:13.5px;display:flex;align-items:center;gap:var(--sp2);margin-bottom:var(--sp3)}
.summary .row{font-size:12.5px;padding:var(--sp1) 0;margin-bottom:var(--sp2)}
.summary .total{
  background:var(--navy-grad);border-radius:var(--r-m);padding:var(--sp3) var(--sp4);
  margin-top:var(--sp4);border-top:none;color:#fff;
  box-shadow:0 10px 22px -10px rgba(22,48,95,.5);
}
.summary .total .lbl{color:#fff;font-size:13px}
.summary .total .val{color:#fff;font-size:16px;font-weight:900}
.summary .total .toman{color:rgba(255,255,255,.72)!important;font-size:10px!important}
.coupon-box{gap:0;margin:var(--sp4) 0}
.coupon-box .input{border-radius:0 var(--r-s) var(--r-s) 0;border-left:none;height:42px}
.coupon-box .btn{border-radius:var(--r-s) 0 0 var(--r-s);background:var(--navy-grad);color:#fff;border:none;padding:0 var(--sp4);height:42px}
.coupon-box .btn:hover{filter:brightness(1.12);color:#fff;transform:none}
.summary .progress{height:9px;border-radius:9px}
.summary .progress .bar{transition:width .5s ease;border-radius:9px}
.alert.info{border-radius:var(--r-s)}

/* حالت خالی سبد — صحنه شیشه‌ای */
.empty-state{
  background:var(--glass-bg);border:1px solid var(--glass-brd);border-radius:var(--r-xl);
  -webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);
  box-shadow:var(--glass-shadow),var(--glass-inset);
  padding:56px var(--sp5) var(--sp7);text-align:center;
}
.empty-state .icon{
  width:112px;height:112px;margin:0 auto var(--sp4);border-radius:34px;
  background:rgba(255,255,255,.62);border:1px solid var(--glass-brd);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  box-shadow:0 16px 34px -12px rgba(21,42,82,.28),var(--glass-inset);
  display:grid;place-items:center;
}
.empty-state .icon img{width:64px!important;height:64px!important;filter:drop-shadow(0 8px 14px rgba(21,42,82,.25))}
.empty-state h3{font-size:17px;font-weight:900;margin-bottom:var(--sp2)}
.empty-state p{font-size:12.5px;color:var(--muted);max-width:400px;margin:0 auto 18px;line-height:2}
.empty-state .btn-lg{height:48px;padding:0 28px;border-radius:var(--r-m);font-size:14px;font-weight:800}

/* ════ ۱۰) نوار مراحل تسویه ════ */
.ck-progress{
  background:rgba(248,250,253,.88);
  -webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);
  border-top:1px solid rgba(255,255,255,.6);
  box-shadow:0 -10px 30px -12px rgba(21,42,82,.16);
  padding:10px 0;
}
.ckp-step .ckp-dot{
  width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
  background:rgba(255,255,255,.85);border:1.5px solid rgba(148,163,198,.4);color:#8a94a8;
  font-size:13px;transition:.2s;
}
.ckp-step.done .ckp-dot{background:var(--navy-soft);border-color:var(--navy-soft);color:var(--navy)}
.ckp-step.current .ckp-dot{
  background:var(--navy-grad);border-color:transparent;color:#fff;
  box-shadow:0 6px 14px -4px rgba(22,48,95,.45);
}
.ckp-step .ckp-t{font-size:11px;font-weight:700;color:var(--muted)}
.ckp-step.current .ckp-t,.ckp-step.done .ckp-t{color:var(--navy);font-weight:800}
.ckp-btn{height:44px;padding:0 22px;border-radius:var(--r-s);font-size:13px;font-weight:800}

/* ════ ۱۱) فوتر — پولیش ════ */
.footer-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.footer-trust .t-item{
  display:inline-flex;align-items:center;gap:var(--sp2);
  background:var(--glass-bg);border:1px solid var(--glass-brd);border-radius:999px;
  padding:7px var(--sp4);font-size:11px;font-weight:700;color:var(--ink-soft);
}
.footer-trust .t-item img{width:17px!important;height:17px!important}
.footer-about{border-radius:var(--r-l)!important}

/* ════ ۱۲) دراور موبایل + نوار پایین + اورلی ════ */
#nav-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:rgba(13,26,52,.46)}
.m-drawer{
  background:rgba(250,251,254,.9);
  -webkit-backdrop-filter:saturate(1.6) blur(24px);backdrop-filter:saturate(1.6) blur(24px);
  border-radius:0 var(--r-l) var(--r-l) 0;
  box-shadow:0 24px 60px -16px rgba(13,26,52,.4);
  scrollbar-width:thin;
}
.m-drawer .m-links a,.m-drawer .m-cats a{
  min-height:46px;border-radius:var(--r-s);padding:9px var(--sp3);gap:var(--sp3);
  display:flex;align-items:center;font-size:13px;font-weight:600;color:var(--ink);
  transition:background .14s;
}
.m-drawer .m-links a:active,.m-drawer .m-links a:hover,
.m-drawer .m-cats a:active,.m-drawer .m-cats a:hover{background:var(--navy-soft);color:var(--navy)}
.m-drawer .m-cats a img{
  width:30px;height:30px;object-fit:contain;flex:none;border-radius:var(--sp2);
  background:#fff;border:1px solid rgba(148,163,198,.2);padding:2px;
  box-shadow:0 2px 6px -2px rgba(21,42,82,.14);
}
.bottom-nav{
  background:rgba(253,254,255,.9);
  -webkit-backdrop-filter:saturate(1.5) blur(20px);backdrop-filter:saturate(1.5) blur(20px);
  border-top:1px solid rgba(255,255,255,.6);
  box-shadow:0 -8px 26px -10px rgba(21,42,82,.16);
}
.bn-item{gap:var(--sp1)}
.bn-item img{transition:transform .18s}
.bn-item.active img{transform:scale(1.14);filter:drop-shadow(0 4px 8px rgba(239,64,86,.35))}
.bn-item.active{color:var(--accent-dark);font-weight:800}

/* ════ ۱۳) نتایج جستجوی زنده — پنل شیشه‌ای ════ */
.live-search .results{
  background:rgba(255,255,255,.95);
  -webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);
  border:1px solid var(--glass-brd);border-radius:var(--r-m);
  box-shadow:0 26px 48px -14px rgba(21,42,82,.38);
  overflow:hidden auto;max-height:420px;z-index:95;scrollbar-width:thin;
}

/* ════ ۱۴) جزئیات سراسری ════ */
::selection{background:var(--navy);color:#fff}
:where(a,button,input,select,textarea):focus-visible{
  outline:2px solid rgba(47,111,237,.55);outline-offset:2px;
}
.toast{border-radius:var(--r-m)}
.section-head{margin-bottom:var(--sp4)}

/* ══════════════════════════════════════════════
   ۱۵) هدر موبایل (≤950px) — اپ‌مانند
   ══════════════════════════════════════════════ */
@media(max-width:950px){
  .header-sticky{
    background:rgba(246,248,252,.78);
    -webkit-backdrop-filter:saturate(1.6) blur(20px);backdrop-filter:saturate(1.6) blur(20px);
    border-bottom:1px solid rgba(255,255,255,.55);
    box-shadow:0 6px 20px -8px rgba(21,42,82,.14);
  }
  .h-row1{
    display:flex!important;grid-template-columns:none!important;flex-wrap:wrap;
    align-items:center;gap:var(--sp2);padding:var(--sp2) 0 0;
  }
  .h-row1 .brand{flex:1 1 auto;min-width:0;gap:var(--sp2);order:1}
  .h-row1 .brand .name{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .h-row1 .brand .tagline{display:none}
  .h-row1 .brand .logo3d{width:32px!important;height:32px!important;border-radius:9px}
  .h-row1 .h-actions{order:2;display:flex;align-items:center;gap:6px;flex:none;margin-inline-start:auto}
  .h-row1 .icon-btn{
    width:34px;height:34px;border-radius:10px;
    background:var(--glass-bg);border:1px solid var(--glass-brd);box-shadow:var(--glass-inset);
  }
  .h-row1 .cart-btn{
    width:34px;height:34px;padding:0;border-radius:10px;
    background:var(--navy-grad);border:none;color:#fff;
    box-shadow:0 5px 12px -4px rgba(22,48,95,.4);
    justify-content:center;
  }
  .h-row1 .cart-btn .lbl{display:none}
  .h-row1 .login-chip{
    display:inline-flex!important;width:34px;height:34px;padding:0;border-radius:10px;
    justify-content:center;font-size:0;gap:0;
    background:var(--glass-bg);border:1px solid var(--glass-brd);box-shadow:var(--glass-inset);
    color:var(--ink);
  }
  .h-row1 .login-chip svg{font-size:16px}
  .h-row1 .live-search{
    display:flex!important;order:3;flex:0 0 100%;max-width:none;
    margin:var(--sp1) 0 10px;position:relative;
  }
  .h-row1 .live-search .box{
    width:100%;height:40px;border-radius:var(--r-s);padding:0 var(--sp3);gap:var(--sp2);
    background:rgba(255,255,255,.72);border:1px solid var(--glass-brd);
    box-shadow:inset 2px 2px 7px rgba(163,176,206,.2),inset -2px -2px 7px rgba(255,255,255,.65),var(--glass-inset);
  }
  .h-row1 .live-search input{flex:1;font-size:11.5px;height:100%;border:0;outline:none;background:transparent;direction:rtl;text-align:right}
  .h-row1 .live-search .results{top:calc(100% + var(--sp2))}
  body.compact .h-row1 .live-search{display:none!important}
  body.compact .h-row1{padding:var(--sp2) 0}
}

/* ══════════════════════════════════════════════
   ۱۶) موبایل (≤768px) — فشرده‌سازی اجزا
   ══════════════════════════════════════════════ */
@media(max-width:768px){
  /* خدمات: ۲×۲ کامپکت جای ۴ کارت لاغر */
  .services{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp2)}
  .service{
    display:flex!important;flex-direction:column!important;align-items:center;justify-content:center;gap:var(--sp2);
    background:var(--glass-bg);border:1px solid var(--glass-brd);border-radius:var(--r-m);
    -webkit-backdrop-filter:var(--glass-blur-lite);backdrop-filter:var(--glass-blur-lite);
    box-shadow:var(--glass-shadow-sm),var(--glass-inset);
    padding:var(--sp3) var(--sp2);text-align:center;
  }
  .service img{width:32px!important;height:32px!important;flex:none;margin:0}
  .service>div{flex:none;min-width:0}
  .service b{font-size:11px;line-height:1.6;display:block}
  .service span{display:none}

  /* بنر */
  .banner-wide{border-radius:var(--r-l);margin:var(--sp4) 0}
  .banner-wide .bw-body{padding:var(--sp4) 18px}
  .banner-wide .bw-body b{font-size:13px}
  .banner-wide .bw-body .cta{margin-top:10px;padding:7px var(--sp3);font-size:11px}

  /* پنل شگفت‌انگیز */
  .amazing-dark{border-radius:var(--r-l);padding:var(--sp4) var(--sp4) var(--sp3)}
  .amazing-head{gap:10px;margin-bottom:var(--sp3)}
  .amz-badge{width:40px;height:40px;border-radius:var(--r-s)}
  .amz-badge img{width:24px;height:24px}
  .amz-title b{font-size:14.5px}
  .amz-title small{font-size:10px}
  .countdown{order:5;width:100%;margin:var(--sp2) 0 0;justify-content:center}
  .countdown .cd-box{min-width:46px;padding:6px 4px 4px}
  .countdown .cd-box b{font-size:16px}
  .amz-all{height:34px;padding:0 var(--sp3);font-size:11px}
  .amazing-dark .hscroll > *{min-width:158px;max-width:158px}

  /* تولبار فروشگاه — یک ردیف جمع‌وجور */
  .shop-toolbar{display:grid;grid-template-columns:auto auto 1fr;gap:var(--sp2);padding:var(--sp2)}
  .shop-toolbar .result{display:none}
  .shop-toolbar .select{height:38px;font-size:11.5px;padding:0 28px 0 10px}
  .shop-toolbar .filter-toggle{height:38px;border-radius:var(--r-s);font-size:11.5px}
  .shop-toolbar #result-count{font-size:10.5px;padding:5px 10px}
  .filters{position:static;top:auto}

  /* سبد — ردیف اول: عکس+مشخصات / ردیف دوم: کنترل‌ها */
  .cart-row{flex-wrap:wrap;padding:var(--sp3);gap:10px;border-radius:var(--r-m)}
  .cart-row img{width:64px;height:64px}
  .cart-row .info{flex:1 1 auto;min-width:0}
  .cart-row .t{font-size:11.5px;line-height:1.8}
  .cart-row .side{flex-direction:row;width:100%;justify-content:space-between;align-items:center;gap:var(--sp2);margin-top:2px}
  .cart-row .line-total{font-size:12.5px}
  .summary{padding:var(--sp4);position:static}
  .summary .total .val{font-size:14px}
  .empty-state{padding:40px var(--sp4) 36px}

  /* تایپو سرفصل */
  .section-head{margin-bottom:var(--sp3)}
  .section-head h2{font-size:15px}

  /* فوتر اعتماد */
  .footer-trust{gap:var(--sp2)}
  .footer-trust .t-item{font-size:10px;padding:6px 10px;gap:6px}
  .footer-trust .t-item img{width:15px!important;height:15px!important}
}

/* ════ کارت محصول در موبایل ════ */
@media(max-width:950px){
  .pcard{border-radius:var(--r-m);padding:10px}
  .pcard .img-wrap{padding:var(--sp2);border-radius:var(--r-s)}
  .pcard h3{font-size:11px;line-height:1.75;min-height:38px;height:38px;margin:var(--sp2) 1px 3px}
  .pcard .stars{font-size:11px}
  .pcard .price-zone{padding-top:var(--sp2);min-height:0}
  .pcard .price-final{font-size:13px}
  .pcard .price-old{font-size:9.5px}
  .pcard .add-btn{width:34px;height:34px;border-radius:10px}
  .pcard .fav-btn{width:29px;height:29px;top:var(--sp2);left:var(--sp2)}
  .pcard .flags{top:var(--sp2);right:var(--sp2);gap:var(--sp1)}
  .pcard .flags .discount-badge{font-size:10px;padding:2px 8px}
  .grid-products{gap:10px}
  .hscroll > *{min-width:150px;max-width:150px}
  .amazing-dark .hscroll > *{min-width:158px;max-width:158px}
}

/* ════ حرکت کمتر (دسترس‌پذیری) ════ */
@media(prefers-reduced-motion:reduce){
  .pcard:hover{transform:none}
  .hero-full .hero-cta:hover,.hero-full .hero-cta-ghost:hover{transform:none}
  .service:hover{transform:none}
}

/* ═══════════════════════════════════════════════════════════════════
   ۱۷) سازگاری عمیق موبایل — گوشی‌های قدیمی، عرض‌های باریک، لمسی
   هدف: روی هر دستگاهی بالا بیاد؛ هرچیزی که ساپورت نشه، تدریجی تنزل پیدا می‌کنه.
   ═══════════════════════════════════════════════════════════════════ */

/* ─── الف) مرورگر بدون backdrop-filter → سطوح ماتِ کدر (خوانایی حفظ شود) ─── */
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .pcard,.service,.filters,.summary,.empty-state,.cart-row,.shop-toolbar,
  .active-chips .chip,.footer-trust .t-item,.h-row1 .icon-btn,.h-row1 .login-chip,
  .h-row1 .live-search .box,.live-search .box{
    background:#f2f6fb;border-color:rgba(148,163,198,.35);
  }
  .header-sticky,.bottom-nav,.m-drawer,.ck-progress,.live-search .results{
    background:#f7f9fc;
  }
  .mega{background:#0e1c38}
  .pcard .fav-btn,.empty-state .icon{background:#fff}
  .pcard .flags .badge.info,.countdown .cd-box,.amz-badge,.amz-all,.mega .mg-promo,
  .mega .mg-brands .tags a,.mega .mg-support,.banner-wide .bw-body .cta{
    background:#2a3b5f;
  }
}

/* ─── ب) مرورگر بدون aspect-ratio (کروم ≤ ۸۷) → نسبت ۱:۱ با padding-hack ─── */
@supports not (aspect-ratio:1/1){
  .pcard .img-wrap{position:relative}
  .pcard .img-wrap::before{content:'';display:block;padding-top:100%}
  .pcard .img-wrap img{
    position:absolute;inset:0;margin:auto;
    width:auto!important;height:auto!important;max-width:86%;max-height:86%;
    object-fit:contain;aspect-ratio:auto!important;
  }
}

/* ─── ج) تنظیم دقیق متن بدون زوم خودکار iOS ─── */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}

/* ─── د) تاچ‌تارگت‌های لمسی موبایل (≥۴۰px) + ورودی خوانا ─── */
@media(max-width:950px){
  .h-row1 .icon-btn,.h-row1 .login-chip{width:40px;height:40px;border-radius:var(--r-s)}
  .h-row1 .cart-btn{width:40px;height:40px;border-radius:var(--r-s)}
  .h-row1 .cart-count{min-width:18px;height:18px;font-size:10px}
  .h-row1 .live-search .box{height:44px}
  .h-row1 .live-search input{font-size:14px}
  .h-row1 .live-search input::placeholder{font-size:12px}
  .pcard .add-btn{width:40px;height:40px;border-radius:var(--r-s)}
  .pcard .fav-btn{width:34px;height:34px;top:10px;left:10px}
  .m-drawer .m-links a,.m-drawer .m-cats a{min-height:48px}
  .ckp-btn{min-height:46px}
  #f-apply,.filters #f-clear{min-height:44px}
  .btn{min-height:42px}
  .qty button,.qty [class*='btn']{min-width:38px;min-height:38px}
  /* عملکرد: بلر سبک‌تر روی دستگاه موبایل */
  .pcard{-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px)}
}

/* ─── ه) عرض‌های خیلی باریک (≤۴۲۰px) — نوار مراحل تسویه فشرده ─── */
@media(max-width:420px){
  .ck-progress{padding:8px 0}
  .ckp-in{gap:8px!important}
  .ckp-path{gap:4px!important;overflow:hidden}
  .ckp-step .ckp-t{display:none}
  .ckp-step .ckp-dot{width:26px;height:26px;font-size:11px}
  .ckp-line{max-width:16px}
  .ckp-pay{display:none}
  .ckp-btn{height:44px;padding:0 14px;font-size:12px;white-space:nowrap}
}

/* ─── و) عرض‌های خیلی باریک — ریزش‌های دیگر ─── */
@media(max-width:360px){
  .h-row1 .brand .name{max-width:88px}
  .cat-bub{min-width:70px}
  .cat-bub span{font-size:10.5px;max-width:78px}
  .service b{font-size:10.5px}
  .amz-title b{font-size:13.5px}
  .countdown .cd-box{min-width:42px}
  .countdown .cd-box b{font-size:15px}
  .summary .total .val{font-size:13px}
  .shop-toolbar .filter-toggle{font-size:10.5px;padding:0 10px}
}

/* ─── صفحات بدون ناوبری پایین (محصول، تونل خرید) — پدینگ رزروشده آزاد شود ─── */
@media(max-width:950px){
  body.no-bottomnav{padding-bottom:env(safe-area-inset-bottom)!important}
}