/* =====================================================================
   extra.css — اصلاحات بعد از style.css (گالری واضح‌تر + نوار پایین موبایل)
   ===================================================================== */

/* ---------- ۱) گالری ---------- */
.gslide{opacity:.9;transition:transform .45s ease,opacity .45s ease,box-shadow .45s ease,scale .3s ease}
.gslide.is-active{opacity:1}
.gslide:not(.is-active) img{filter:saturate(.92) brightness(.97)}
.gslide img{image-rendering:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.gslide::after{background:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
.gslide::before{filter:none;opacity:.55}
.gallery-main::before,.thumbs button::before{filter:none;opacity:.45}
.thumbs button{opacity:.92}
.thumbs button.active,.thumbs button:hover{opacity:1}
html[data-theme="dark"] .gslide img,
html[data-theme="dark"] .gallery-main img,
html[data-theme="dark"] .thumbs button img{filter:none}
html[data-theme="dark"] .gslide:not(.is-active) img{filter:brightness(.92)}

/* ---------- ۲) نوار دسته‌بندی پایین (فقط موبایل) ---------- */
.ios-tabbar{display:none}

@media (max-width:768px){
  .ios-tabbar{
    display:flex;position:fixed;z-index:70;left:50%;
    bottom:calc(10px + env(safe-area-inset-bottom,0px));
    width:min(94vw,26rem);padding:6px;gap:2px;direction:rtl;
    border-radius:28px;
    background:rgba(255,255,255,.66);
    -webkit-backdrop-filter:blur(24px) saturate(190%);backdrop-filter:blur(24px) saturate(190%);
    border:1px solid rgba(255,255,255,.8);
    box-shadow:0 10px 30px rgba(40,30,80,.2),inset 0 1px 0 rgba(255,255,255,.95);
    transform:translate(-50%,170%);opacity:0;pointer-events:none;
    transition:transform .45s cubic-bezier(.2,.9,.25,1.05),opacity .3s ease
  }
  .ios-tabbar.is-visible{transform:translate(-50%,0);opacity:1;pointer-events:auto}
  .ios-tabbar.is-visible.is-hidden{transform:translate(-50%,170%);opacity:0;pointer-events:none}
  .ios-tabbar a{
    flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
    padding:7px 2px 6px;border-radius:22px;color:#5b6b75;text-decoration:none;
    font-size:10.5px;line-height:1.3;white-space:nowrap;
    -webkit-tap-highlight-color:transparent;transition:background .2s ease,color .2s ease,transform .15s ease
  }
  .ios-tabbar a:active{transform:scale(.94)}
  .ios-tabbar svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .ios-tabbar a[aria-current="page"]{color:var(--sea-deep,#073E45);background:rgba(10,102,112,.13);font-weight:700}
  html[data-theme="dark"] .ios-tabbar{background:rgba(21,32,37,.72);border-color:rgba(255,255,255,.14);box-shadow:0 10px 30px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.12)}
  html[data-theme="dark"] .ios-tabbar a{color:#9fb3bd}
  html[data-theme="dark"] .ios-tabbar a[aria-current="page"]{color:#a8dde5;background:rgba(95,181,192,.18)}

  body{padding-bottom:calc(5.6rem + env(safe-area-inset-bottom,0px))}
  .floating-cart{bottom:calc(5.8rem + env(safe-area-inset-bottom,0px))}
  #mini-toast{bottom:calc(8.6rem + env(safe-area-inset-bottom,0px))}
  .install-bar{bottom:calc(5.9rem + env(safe-area-inset-bottom,0px))}
}

@media (prefers-reduced-motion:reduce){.ios-tabbar{transition:opacity .2s ease}}

/* ---------- ۳) جستجو ---------- */
.search-results{left:auto;right:0;width:min(30rem,94vw);max-height:min(70vh,28rem)}
.search-item{align-items:flex-start}
.search-item-info{flex:1 1 auto}
.search-item-info strong{display:block;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.55}
@media (max-width:699px){
  .control-box{position:relative}
  .search-box{position:static}
  .search-results{left:50%;right:auto;transform:translateX(-50%);width:min(94vw,26rem)}
}

/* ---------- ۴) اسکرول نرم به دسته ---------- */
.cat-section{scroll-margin-top:5.5rem}
@keyframes catPulse{
  0%{box-shadow:0 0 0 0 rgba(168,85,247,.55)}
  100%{box-shadow:0 0 0 26px rgba(168,85,247,0)}
}
.cat-section.is-pulse .cat-block{animation:catPulse 1.1s ease-out 1}
@media (prefers-reduced-motion:reduce){.cat-section.is-pulse .cat-block{animation:none}}

/* ---------- ۵) گالری: تکان موس ---------- */
@keyframes gslideWiggle{0%,100%{rotate:0deg}20%{rotate:-2deg}45%{rotate:1.6deg}70%{rotate:-.8deg}}
@media (hover:hover) and (pointer:fine){
  .gslide:hover{scale:1.03;animation:gslideWiggle .8s ease-in-out 1;box-shadow:0 18px 40px rgba(168,85,247,.34)}
}
@media (prefers-reduced-motion:reduce){.gslide:hover{animation:none}}

/* ---------- ۶) دکمه‌های دسته در هدر ---------- */
.category-box{padding:.3rem .45rem;border-radius:.95rem}
.category-nav{gap:.3rem}
.category-nav a{
  padding:.34rem .9rem;font-size:calc(.82rem * var(--font-scale));font-weight:600;line-height:1.5;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 2px 6px rgba(168,85,247,.07)
}
.category-nav a::before{opacity:.5}
html[data-theme="dark"] .category-nav a::before{opacity:.1}
html[data-theme="dark"] .category-nav a{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 2px 6px rgba(0,0,0,.25)}
.category-nav a:hover{transform:translateY(-1px)}
@media (max-width:520px){
  .category-box{padding:.3rem .4rem}
  .category-nav a{padding:.34rem .9rem}
}

/* ---------- ۷) آیکون روی دکمه‌های دسته ---------- */
.category-nav a{display:inline-flex;align-items:center;gap:.4rem}
.category-nav a .cat-ico{
  width:1.3em;height:1.3em;flex:0 0 auto;fill:none;stroke:currentColor;
  stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round
}

/* ---------- ۸) روش‌های دیگر سفارش ---------- */
.order-alt{margin-top:1rem;padding:.85rem .9rem;border:1px dashed var(--line);border-radius:1rem;background:rgba(168,85,247,.05);text-align:right}
.order-alt-btn[data-ch="sms"]{display:none}
@media (hover:none) and (pointer:coarse){.order-alt-btn[data-ch="sms"]{display:inline-flex}}
.order-alt-link{
  align-self:center;background:none;border:0;padding:.15rem .25rem;font:inherit;font-size:calc(.85rem * var(--font-scale));
  color:var(--sea-deep,#073E45);text-decoration:underline;text-underline-offset:3px;cursor:pointer
}
html[data-theme="dark"] .order-alt-link{color:#a8dde5}
.order-toast{
  position:fixed;left:50%;bottom:calc(6.5rem + env(safe-area-inset-bottom,0px));z-index:130;
  transform:translate(-50%,10px);opacity:0;pointer-events:none;max-width:min(92vw,24rem);
  padding:.6rem 1.1rem;border-radius:999px;background:rgba(20,30,40,.92);color:#fff;
  font-size:calc(.85rem * var(--font-scale));text-align:center;transition:opacity .25s ease,transform .25s ease
}
.order-toast.is-on{opacity:1;transform:translate(-50%,0)}
.cart-content .order-alt[hidden]{display:none}

/* ============================================================
   استایل متن قوانین
   ============================================================ */
.cart-note-wrapper {
  background: rgba(255, 200, 100, 0.15);
  border: 1px dashed rgba(200, 150, 50, 0.4);
  border-radius: 0.8rem;
  padding: 0.8rem 1rem;
  margin: 1rem 0;
  text-align: center;
}

html[data-theme="dark"] .cart-note-wrapper {
  background: rgba(200, 150, 50, 0.1);
  border-color: rgba(200, 150, 50, 0.3);
}

.cart-note-text {
  margin: 0;
  font-size: calc(0.85rem * var(--font-scale));
  line-height: 1.9;
  color: var(--muted);
}

.terms-link {
  display: inline-block;
  margin-top: 0.6rem;
  font-size: calc(0.82rem * var(--font-scale));
  font-weight: 700;
  color: var(--sea);
  text-decoration: none;
  border-bottom: 1px dashed var(--sea);
  padding-bottom: 2px;
  transition: all 0.2s ease;
}

.terms-link:hover {
  color: var(--sea-deep);
  border-bottom-style: solid;
}

html[data-theme="dark"] .terms-link {
  color: var(--sea-deep);
  border-bottom-color: var(--sea-deep);
}

.heart-icon-svg { color: #ec5b9a; }
html[data-theme="dark"] .heart-icon-svg { color: var(--sea-deep) !important; }

/* ============================================================
   چیدمان باکسی و افکت Liquid Glass (نسخه نهایی)
   ============================================================ */
.order-alt-box {
  margin-top: 1rem;
  padding: 1.2rem;
  border-radius: 1.2rem;
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.4);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

html[data-theme="dark"] .order-alt-box {
  background: rgba(30, 45, 55, 0.4);
  border-color: rgba(255, 255, 255, 0.1);
}

.order-alt-title {
  margin: 0;
  text-align: center;
  font-size: calc(0.9rem * var(--font-scale));
  color: var(--ink);
  font-weight: 700;
}

.order-grid-container {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  width: 100%;
}

.grid-3-cols {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.6rem;
}

.grid-2-cols {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.6rem;
}

.box-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  padding: 0.7rem 0.5rem;
  border-radius: 1rem;
  font-family: inherit;
  font-size: calc(0.85rem * var(--font-scale));
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease;
  border: 1px solid transparent;
  color: var(--ink);
}

.box-btn.full-width {
  width: 100%;
}

.glass-effect {
  background: rgba(255, 255, 255, 0.85) !important;
  backdrop-filter: blur(16px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
  border: 1px solid rgba(255, 255, 255, 1) !important;
  box-shadow: inset 0 1px 3px rgba(255, 255, 255, 1), 0 6px 20px rgba(0, 0, 0, 0.08) !important;
}

.glass-effect:hover {
  background: #fff !important;
  transform: translateY(-2px);
  box-shadow: inset 0 1px 3px rgba(255, 255, 255, 1), 0 10px 25px rgba(0, 0, 0, 0.15) !important;
}

.phone-num {
  direction: ltr;
  font-family: Tahoma, Arial, sans-serif;
  font-size: calc(0.95rem * var(--font-scale));
  font-weight: 700;
  letter-spacing: 0.5px;
}

html[data-theme="dark"] .glass-effect {
  background: rgba(30, 45, 55, 0.85) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.2), 0 6px 20px rgba(0, 0, 0, 0.4) !important;
  color: var(--ink);
}

html[data-theme="dark"] .glass-effect:hover {
  background: rgba(45, 65, 80, 0.95) !important;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.2), 0 8px 25px rgba(0, 0, 0, 0.5) !important;
  color: #fff;
}

.order-alt-hint {
  margin: 0;
  text-align: center;
  font-size: calc(0.75rem * var(--font-scale));
  color: var(--muted);
}

@media (max-width: 400px) {
  .grid-3-cols, .grid-2-cols {
    grid-template-columns: 1fr;
  }
}

/* ============================================================
   سبد خرید: جمع‌ها، خالی کردن، وضعیت «در سبد است»
   ============================================================ */
.cart-content [hidden]{display:none !important}
.cart-item-info h4 a{color:inherit;text-decoration:none}
.cart-item-info h4 a:hover{text-decoration:underline}
.cart-totals{margin:.9rem 0 .3rem;padding:.75rem .9rem;border-radius:1rem;background:rgba(255,255,255,.55);border:1px solid var(--line);display:flex;flex-direction:column;gap:.35rem}
.cart-totals-row{display:flex;justify-content:space-between;gap:.75rem;font-size:calc(.88rem * var(--font-scale));color:var(--muted)}
.cart-totals-row b{color:var(--ink);font-weight:700;white-space:nowrap}
.cart-totals-row.is-total{margin-top:.25rem;padding-top:.5rem;border-top:1px dashed var(--line);font-size:calc(.98rem * var(--font-scale));color:var(--ink)}
.cart-totals-row.is-hint{justify-content:center;font-size:calc(.8rem * var(--font-scale))}
html[data-theme="dark"] .cart-totals{background:rgba(30,45,55,.5)}
.cart-clear{display:block;margin:.4rem auto 0;padding:.3rem .8rem;border:0;background:none;font:inherit;font-size:calc(.82rem * var(--font-scale));color:var(--muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.cart-clear[data-armed="1"]{color:#c0392b;font-weight:700}
#product-add-to-cart.is-in-cart{border-color:var(--wa);color:var(--wa)}
.cart-content .order-alt-box{margin-top:1rem}

/* ============================================================
   دکمه‌های «روش‌های دیگر سفارش» — هم‌سبک دکمه‌های دسته‌بندی (.category-nav a)
   ============================================================ */
.alt-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
.alt-row.is-full{grid-template-columns:1fr}
.alt-pill{
  position:relative;display:flex;align-items:center;justify-content:center;gap:.45rem;
  padding:.5rem .8rem;border-radius:999px;overflow:hidden;isolation:isolate;cursor:pointer;
  font:inherit;font-size:calc(.85rem * var(--font-scale));font-weight:600;line-height:1.5;text-align:center;
  color:var(--sea-deep);text-decoration:none;
  background:rgba(255,255,255,.55);backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);
  border:1px solid rgba(255,255,255,.75);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 2px 6px rgba(168,85,247,.07);
  transition:transform .25s ease,box-shadow .25s ease,color .25s ease,background .25s ease
}
.alt-pill::before{content:"";position:absolute;inset:0;border-radius:999px;background:linear-gradient(135deg,rgba(255,255,255,.75) 0%,rgba(255,255,255,0) 35%,rgba(255,255,255,0) 65%,rgba(200,230,255,.4) 100%);opacity:.5;pointer-events:none;z-index:-1}
.alt-pill::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.8) 50%,transparent 100%);transition:left .6s ease;pointer-events:none;z-index:-1}
.alt-pill:hover{text-decoration:none;color:var(--sea-deep);transform:translateY(-1px);background:rgba(255,255,255,.85);border-color:rgba(200,184,255,.9);box-shadow:inset 0 1px 0 rgba(255,255,255,1),0 8px 20px rgba(168,85,247,.18),0 2px 8px rgba(255,150,220,.1)}
.alt-pill:hover::after{left:100%}
.alt-ico{width:1.3em;height:1.3em;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.alt-pill.is-num{font-weight:700;letter-spacing:.3px}
html[data-theme="dark"] .alt-pill{background:rgba(40,60,75,.5);border-color:rgba(150,180,200,.3);color:var(--ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 2px 6px rgba(0,0,0,.25)}
html[data-theme="dark"] .alt-pill::before{opacity:.1}
html[data-theme="dark"] .alt-pill:hover{background:rgba(60,85,105,.75);border-color:rgba(150,120,200,.6);color:#fff}
@media (max-width:360px){.alt-row{grid-template-columns:1fr}}

/* موبایل: دکمه‌ها در یک ردیف بمانند */
.alt-pill.is-num{white-space:nowrap}
@media (max-width:480px){
  .alt-pill{padding:.5rem .55rem;gap:.35rem;font-size:calc(.82rem * var(--font-scale))}
  .alt-pill.is-num{font-size:calc(.8rem * var(--font-scale));letter-spacing:0}
  .alt-pill.is-num .alt-ico{display:none}
}

/* عنوان‌های فرعی باکس تماس (فقط صفحهٔ اصلی) */
.alt-sub{display:none;margin:.2rem 0 -.1rem;font-size:calc(.8rem * var(--font-scale));font-weight:700;color:var(--muted);text-align:center}
.order-alt-box[data-kind="home"] .alt-sub{display:block}
.contact-panel .order-alt-box{max-width:30rem;margin-inline:auto}


/* =====================================================================
   glass.css — شیشه‌ی مایع (Liquid Glass) به سبک iOS
   این فایل باید «آخرین» فایل CSS باشد (بعد از style.css و extra.css).
   همه‌ی باکس‌ها، دکمه‌ها، سبد خرید و پنجره‌های صفحه‌ی اصلی و صفحه‌ی محصول را پوشش می‌دهد.
   برای تنظیم شدت شیشه فقط متغیرهای بخش «۱) متغیرها» را عوض کنید.
   ===================================================================== */

/* ---------- ۱) متغیرها: روز ---------- */
html{
  --gl-blur-lg:blur(26px) saturate(190%);      /* باکس‌های بزرگ */
  --gl-blur-md:blur(18px) saturate(180%);      /* کارت‌ها */
  --gl-blur-sm:blur(12px) saturate(170%);      /* دکمه‌ها */

  --gl-panel:linear-gradient(145deg,rgba(255,255,255,.60) 0%,rgba(255,255,255,.26) 48%,rgba(255,255,255,.42) 100%);
  --gl-card:linear-gradient(145deg,rgba(255,255,255,.62) 0%,rgba(255,255,255,.30) 100%);
  --gl-btn:linear-gradient(160deg,rgba(255,255,255,.78) 0%,rgba(255,255,255,.34) 55%,rgba(255,255,255,.5) 100%);
  --gl-btn-hover:linear-gradient(160deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.5) 55%,rgba(255,255,255,.66) 100%);

  --gl-border:rgba(255,255,255,.72);
  --gl-edge:inset 0 1.5px 0 rgba(255,255,255,.98),inset 0 -1px 0 rgba(255,255,255,.40),inset 1px 0 0 rgba(255,255,255,.45),inset -1px 0 0 rgba(255,255,255,.45),inset 0 0 22px rgba(255,255,255,.28);
  --gl-shadow-lg:0 14px 38px rgba(88,64,160,.17),0 3px 10px rgba(88,64,160,.08);
  --gl-shadow-md:0 8px 24px rgba(88,64,160,.15),0 2px 6px rgba(88,64,160,.07);
  --gl-shadow-sm:0 5px 14px rgba(88,64,160,.14),0 1px 3px rgba(88,64,160,.08);
  --gl-shadow-hover:0 14px 30px rgba(168,85,247,.24),0 3px 8px rgba(88,64,160,.12);

  /* دکمه‌ی اصلی (سبز واتساپ) */
  --gl-pri:linear-gradient(160deg,rgba(24,160,124,.92) 0%,rgba(15,127,99,.78) 100%);
  --gl-pri-hover:linear-gradient(160deg,rgba(30,176,137,.98) 0%,rgba(15,127,99,.88) 100%);
  --gl-pri-border:rgba(255,255,255,.55);
  --gl-pri-ink:#fff;
  --gl-pri-shadow:inset 0 1.5px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(0,0,0,.08),0 10px 24px rgba(15,127,99,.34);

  --gl-amber:linear-gradient(145deg,rgba(255,214,120,.42),rgba(255,226,160,.22));
  --gl-amber-border:rgba(224,168,46,.45);

  --gl-overlay:rgba(70,50,125,.26);
  --gl-modal:linear-gradient(150deg,rgba(255,255,255,.80) 0%,rgba(255,255,255,.60) 100%);
  --gl-ink-price:var(--ink2,var(--sea-deep));
}

/* ---------- ۱) متغیرها: شب ---------- */
html[data-theme="dark"]{
  --gl-blur-lg:blur(28px) saturate(170%) brightness(1.08);
  --gl-blur-md:blur(20px) saturate(165%) brightness(1.08);
  --gl-blur-sm:blur(14px) saturate(160%) brightness(1.1);

  --gl-panel:linear-gradient(145deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.05) 50%,rgba(255,255,255,.10) 100%);
  --gl-card:linear-gradient(145deg,rgba(255,255,255,.15) 0%,rgba(255,255,255,.05) 100%);
  --gl-btn:linear-gradient(160deg,rgba(255,255,255,.24) 0%,rgba(255,255,255,.08) 55%,rgba(255,255,255,.14) 100%);
  --gl-btn-hover:linear-gradient(160deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.14) 55%,rgba(255,255,255,.22) 100%);

  --gl-border:rgba(255,255,255,.24);
  --gl-edge:inset 0 1.5px 0 rgba(255,255,255,.42),inset 0 -1px 0 rgba(255,255,255,.06),inset 1px 0 0 rgba(255,255,255,.12),inset -1px 0 0 rgba(255,255,255,.12),inset 0 0 22px rgba(255,255,255,.05);
  --gl-shadow-lg:0 16px 40px rgba(0,0,0,.50),0 3px 10px rgba(0,0,0,.30);
  --gl-shadow-md:0 10px 26px rgba(0,0,0,.45),0 2px 6px rgba(0,0,0,.25);
  --gl-shadow-sm:0 6px 16px rgba(0,0,0,.40),0 1px 3px rgba(0,0,0,.25);
  --gl-shadow-hover:0 14px 32px rgba(0,0,0,.55),0 0 22px rgba(168,85,247,.22);

  --gl-pri:linear-gradient(160deg,rgba(40,190,148,.62) 0%,rgba(15,127,99,.48) 100%);
  --gl-pri-hover:linear-gradient(160deg,rgba(52,205,162,.74) 0%,rgba(15,127,99,.60) 100%);
  --gl-pri-border:rgba(255,255,255,.30);
  --gl-pri-ink:#eafff7;
  --gl-pri-shadow:inset 0 1.5px 0 rgba(255,255,255,.40),inset 0 -1px 0 rgba(0,0,0,.2),0 10px 26px rgba(0,0,0,.45);

  --gl-amber:linear-gradient(145deg,rgba(224,168,46,.20),rgba(224,168,46,.08));
  --gl-amber-border:rgba(224,168,46,.38);

  --gl-overlay:rgba(2,6,12,.50);
  --gl-modal:linear-gradient(150deg,rgba(40,52,68,.72) 0%,rgba(22,30,42,.62) 100%);
  --gl-ink-price:#fff;
}

/* ---------- ۲) پس‌زمینه‌ی رنگی (بدون آن، شیشه چیزی برای بلر کردن ندارد) ---------- */
html body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(48rem 38rem at 92% -6%,rgba(255,176,214,.62),transparent 62%),
    radial-gradient(44rem 36rem at -8% 18%,rgba(196,176,255,.58),transparent 62%),
    radial-gradient(46rem 38rem at 78% 62%,rgba(160,222,255,.50),transparent 64%),
    radial-gradient(42rem 34rem at 8% 96%,rgba(172,236,214,.52),transparent 62%),
    radial-gradient(30rem 26rem at 50% 40%,rgba(255,226,170,.30),transparent 66%);
}
html[data-theme="dark"] body::before{
  background:
    radial-gradient(48rem 38rem at 92% -6%,rgba(190,60,140,.36),transparent 62%),
    radial-gradient(44rem 36rem at -8% 18%,rgba(110,70,210,.42),transparent 62%),
    radial-gradient(46rem 38rem at 78% 62%,rgba(20,120,150,.38),transparent 64%),
    radial-gradient(42rem 34rem at 8% 96%,rgba(20,140,110,.32),transparent 62%),
    radial-gradient(30rem 26rem at 50% 40%,rgba(160,110,30,.16),transparent 66%);
}

/* ---------- ۳) باکس‌های بزرگ ---------- */
html:root:root:root :is(
  .hero-lead,.tile-col .hero-lead,.tile-note,.category-box,.control-box,
  .step,.contact-panel,.info-box,.order-alt-box,.wa-menu,.map-card,
  .install-bar,.welcome-toast-content,.cart-totals
){
  background:var(--gl-panel) !important;
  -webkit-backdrop-filter:var(--gl-blur-lg) !important;backdrop-filter:var(--gl-blur-lg) !important;
  border:1px solid var(--gl-border) !important;
  box-shadow:var(--gl-edge),var(--gl-shadow-lg) !important;
}

/* دو باکس صفحه‌ی اصلی (دخترانه / پسرانه): شیشه‌ی رنگی شفاف */
html:root:root:root .tile.girls{
  background:linear-gradient(155deg,rgba(255,196,224,.62) 0%,rgba(236,208,250,.42) 55%,rgba(222,206,250,.50) 100%) !important;
}
html:root:root:root .tile.boys{
  background:linear-gradient(155deg,rgba(184,218,255,.62) 0%,rgba(190,226,246,.42) 55%,rgba(176,232,230,.50) 100%) !important;
}
html[data-theme="dark"]:root:root:root .tile.girls{
  background:linear-gradient(155deg,rgba(220,90,160,.26) 0%,rgba(150,80,200,.16) 55%,rgba(120,80,200,.20) 100%) !important;
}
html[data-theme="dark"]:root:root:root .tile.boys{
  background:linear-gradient(155deg,rgba(60,130,220,.28) 0%,rgba(40,140,170,.16) 55%,rgba(30,160,150,.20) 100%) !important;
}
html:root:root:root .tile{
  -webkit-backdrop-filter:var(--gl-blur-lg) !important;backdrop-filter:var(--gl-blur-lg) !important;
  border:1px solid var(--gl-border) !important;
  box-shadow:var(--gl-edge),var(--gl-shadow-lg) !important;
}
html:root:root:root .tile-collage img{border-color:rgba(255,255,255,.85)}

/* بلوک هر دسته در صفحه‌ی اصلی: شیشه‌ی رنگی */
html:root:root:root .cat-block{
  background:
    linear-gradient(170deg,color-mix(in srgb,var(--ta) 62%,transparent) 0%,color-mix(in srgb,var(--tb) 46%,transparent) 100%) !important;
  -webkit-backdrop-filter:var(--gl-blur-lg) !important;backdrop-filter:var(--gl-blur-lg) !important;
  border:1px solid var(--gl-border) !important;
  box-shadow:var(--gl-edge),var(--gl-shadow-lg) !important;
}
html[data-theme="dark"]:root:root:root .cat-block{
  background:
    linear-gradient(170deg,color-mix(in srgb,var(--c1) 20%,rgba(20,28,40,.55)) 0%,color-mix(in srgb,var(--c2) 14%,rgba(16,24,34,.50)) 100%) !important;
}

/* ---------- ۴) کارت‌های محصول ---------- */
html:root:root:root :is(.card,.cat-grid .card){
  background:var(--gl-card) !important;
  -webkit-backdrop-filter:var(--gl-blur-md) !important;backdrop-filter:var(--gl-blur-md) !important;
  border:1px solid var(--gl-border) !important;
  box-shadow:var(--gl-edge),var(--gl-shadow-md) !important;
}
html:root:root:root :is(.card,.cat-grid .card):hover{
  background:var(--gl-btn-hover) !important;
  box-shadow:var(--gl-edge),var(--gl-shadow-hover) !important;
}

/* ---------- ۵) دکمه‌های شیشه‌ای ---------- */
html:root:root:root :is(
  .add-to-cart-btn,.more-btn,.btn-cart,.contact-btn,.ctrl-btn,.social-box,.alt-pill,
  .wa-seller,.tile-cta,.category-nav a,.search-box,.slide-btn,.thumb-nav,.cat-nav,.g-btn,.cart-close,
  .glass-effect,.cat-tile-pill
){
  background:var(--gl-btn) !important;
  -webkit-backdrop-filter:var(--gl-blur-sm) !important;backdrop-filter:var(--gl-blur-sm) !important;
  border:1px solid var(--gl-border) !important;
  box-shadow:var(--gl-edge),var(--gl-shadow-sm) !important;
  color:var(--sea-deep) !important;
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease !important;
}
html:root:root:root :is(
  .add-to-cart-btn,.more-btn,.btn-cart,.contact-btn,.ctrl-btn,.social-box,.alt-pill,
  .wa-seller,.tile-cta,.category-nav a,.thumb-nav,.cat-nav,.g-btn,.cart-close,.glass-effect
):hover{
  background:var(--gl-btn-hover) !important;
  box-shadow:var(--gl-edge),var(--gl-shadow-hover) !important;
  transform:translateY(-2px);
  color:var(--sea-deep) !important;
}
html:root:root:root :is(
  .add-to-cart-btn,.more-btn,.btn-cart,.contact-btn,.ctrl-btn,.social-box,.alt-pill,
  .wa-seller,.tile-cta,.category-nav a,.cart-close
):active{transform:translateY(0) scale(.97)}
html[data-theme="dark"]:root:root:root :is(
  .add-to-cart-btn,.more-btn,.btn-cart,.contact-btn,.ctrl-btn,.social-box,.alt-pill,
  .wa-seller,.tile-cta,.category-nav a,.search-box,.slide-btn,.thumb-nav,.cat-nav,.g-btn,.cart-close,
  .glass-effect,.cat-tile-pill
){color:var(--ink) !important}
html[data-theme="dark"]:root:root:root :is(
  .add-to-cart-btn,.more-btn,.btn-cart,.contact-btn,.ctrl-btn,.social-box,.alt-pill,
  .wa-seller,.tile-cta,.category-nav a,.thumb-nav,.cat-nav,.g-btn,.cart-close
):hover{color:#fff !important}

/* دکمه‌ی «نمایش بیشتر»: رنگ دسته را کمی در شیشه می‌گیرد */
html:root:root:root .more-btn{
  background:linear-gradient(160deg,
    color-mix(in srgb,var(--c1,#0A6670) 22%,rgba(255,255,255,.62)) 0%,
    color-mix(in srgb,var(--c2,#a855f7) 12%,rgba(255,255,255,.28)) 100%) !important;
}
html[data-theme="dark"]:root:root:root .more-btn{
  background:linear-gradient(160deg,
    color-mix(in srgb,var(--c1,#5fb5c0) 38%,rgba(255,255,255,.10)) 0%,
    color-mix(in srgb,var(--c2,#a855f7) 24%,rgba(255,255,255,.04)) 100%) !important;
}
html:root:root:root .more-btn small{background:rgba(255,255,255,.45) !important}
html[data-theme="dark"]:root:root:root .more-btn small{background:rgba(255,255,255,.16) !important;color:var(--ink) !important}

/* دکمه‌ی افزودن به سبد */
html:root:root:root .add-to-cart-btn{border-width:1px !important}
html:root:root:root .add-to-cart-btn.is-soldout-btn{opacity:.55;filter:grayscale(.4)}

/* ---------- ۶) دکمه‌ی قیمت (همه‌ی کارت‌ها) ---------- */
html:root:root:root .card .card-price{
  align-self:center;margin-inline:auto;padding:.14rem 1rem;border-radius:999px;
  background:linear-gradient(160deg,
    color-mix(in srgb,var(--c1,#0A6670) 26%,rgba(255,255,255,.60)) 0%,
    color-mix(in srgb,var(--c2,#a855f7) 16%,rgba(255,255,255,.26)) 100%) !important;
  -webkit-backdrop-filter:var(--gl-blur-sm) !important;backdrop-filter:var(--gl-blur-sm) !important;
  border:1px solid var(--gl-border) !important;
  box-shadow:var(--gl-edge),var(--gl-shadow-sm) !important;
  color:var(--gl-ink-price) !important;
}
html:root:root:root .card .card-price .price-value{color:var(--gl-ink-price) !important;font-weight:700}
html[data-theme="dark"]:root:root:root .card .card-price{
  background:linear-gradient(160deg,
    color-mix(in srgb,var(--c1,#5fb5c0) 40%,rgba(255,255,255,.10)) 0%,
    color-mix(in srgb,var(--c2,#a855f7) 26%,rgba(255,255,255,.04)) 100%) !important;
}

/* ---------- ۷) دکمه‌های اصلی سبز (ثبت سفارش در واتساپ / ارسال سفارش) ---------- */
html:root:root:root :is(.btn-wa,.cart-checkout){
  background:var(--gl-pri) !important;
  -webkit-backdrop-filter:var(--gl-blur-sm) !important;backdrop-filter:var(--gl-blur-sm) !important;
  border:1px solid var(--gl-pri-border) !important;
  box-shadow:var(--gl-pri-shadow) !important;
  color:var(--gl-pri-ink) !important;
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease,filter .22s ease !important;
}
html:root:root:root :is(.btn-wa,.cart-checkout):hover{
  background:var(--gl-pri-hover) !important;
  color:var(--gl-pri-ink) !important;
  transform:translateY(-2px);filter:none !important;
}
html:root:root:root :is(.btn-wa,.cart-checkout):active{transform:translateY(0) scale(.98)}
html:root:root:root :is(.btn-wa,.cart-checkout) *{color:inherit}
html:root:root:root #product-add-to-cart.is-in-cart{color:var(--wa) !important}
html[data-theme="dark"]:root:root:root #product-add-to-cart.is-in-cart{color:#7be0c0 !important}

/* ---------- ۸) سبد خرید ---------- */
html:root:root:root .cart-modal{
  background:var(--gl-overlay) !important;
  -webkit-backdrop-filter:blur(14px) saturate(140%) !important;backdrop-filter:blur(14px) saturate(140%) !important;
}
html:root:root:root .cart-content{
  background:var(--gl-modal) !important;
  -webkit-backdrop-filter:blur(34px) saturate(190%) !important;backdrop-filter:blur(34px) saturate(190%) !important;
  border:1px solid var(--gl-border) !important;
  border-radius:1.7rem;
  box-shadow:var(--gl-edge),0 30px 70px rgba(30,20,70,.34) !important;
}
html:root:root:root .cart-item{border-bottom-color:color-mix(in srgb,var(--ink) 10%,transparent)}
html:root:root:root .cart-item img{
  border:1px solid var(--gl-border);
  box-shadow:0 4px 12px rgba(60,40,120,.18);
}
html:root:root:root .cart-totals{border-radius:1.1rem}
html:root:root:root .cart-totals-row.is-total{border-top-color:color-mix(in srgb,var(--ink) 22%,transparent)}
html:root:root:root .cart-note-wrapper{
  background:var(--gl-amber) !important;
  border:1px solid var(--gl-amber-border) !important;
  border-radius:1.1rem;
  -webkit-backdrop-filter:var(--gl-blur-md);backdrop-filter:var(--gl-blur-md);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55);
}
html:root:root:root .cart-item-remove{
  width:2.1rem;height:2.1rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  background:var(--gl-btn);border:1px solid var(--gl-border);box-shadow:var(--gl-edge),var(--gl-shadow-sm);
}
html:root:root:root .floating-cart{
  background:linear-gradient(160deg,rgba(18,140,152,.85) 0%,rgba(10,102,112,.68) 100%) !important;
  -webkit-backdrop-filter:var(--gl-blur-sm);backdrop-filter:var(--gl-blur-sm);
  border:1px solid rgba(255,255,255,.55);
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(0,0,0,.1),0 12px 28px rgba(10,102,112,.38) !important;
}
html[data-theme="dark"]:root:root:root .floating-cart{
  background:linear-gradient(160deg,rgba(40,170,184,.50) 0%,rgba(10,77,85,.60) 100%) !important;
  border-color:rgba(255,255,255,.28);
}

/* ---------- ۹) صفحه‌ی محصول: گالری و بند انگشتی‌ها ---------- */
html:root:root:root .gallery-main{
  border:1px solid var(--gl-border);
  box-shadow:var(--gl-edge),var(--gl-shadow-lg);
}
html:root:root:root .thumbs button{
  border:1.5px solid var(--gl-border);
  background:var(--gl-btn);
  box-shadow:var(--gl-shadow-sm);
}
html:root:root:root .thumbs button.active{border-color:var(--sea)}
html:root:root:root .crumbs{
  display:inline-block;padding:.15rem .9rem;border-radius:999px;
  background:var(--gl-btn);border:1px solid var(--gl-border);
  -webkit-backdrop-filter:var(--gl-blur-sm);backdrop-filter:var(--gl-blur-sm);
  box-shadow:var(--gl-edge),var(--gl-shadow-sm);
}

/* ---------- ۱۰) نوار پایین موبایل: همان زبان شیشه ---------- */
@media (max-width:768px){
  html:root:root:root .ios-tabbar{
    background:var(--gl-panel);
    -webkit-backdrop-filter:var(--gl-blur-lg);backdrop-filter:var(--gl-blur-lg);
    border-color:var(--gl-border);
    box-shadow:var(--gl-edge),var(--gl-shadow-lg);
  }
}

/* ---------- ۱۱) موبایل: بلر کمتر تا روان بماند ---------- */
@media (max-width:640px){
  html{
    --gl-blur-lg:blur(20px) saturate(180%);
    --gl-blur-md:blur(14px) saturate(170%);
    --gl-blur-sm:blur(10px) saturate(160%);
  }
}

/* ---------- ۱۲) مرورگرهایی که بلر ندارند: پس‌زمینه کمی مات‌تر ---------- */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  html{
    --gl-panel:linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,255,255,.82));
    --gl-card:linear-gradient(145deg,rgba(255,255,255,.94),rgba(255,255,255,.86));
    --gl-btn:linear-gradient(160deg,rgba(255,255,255,.96),rgba(255,255,255,.86));
    --gl-modal:linear-gradient(150deg,rgba(255,255,255,.97),rgba(255,255,255,.94));
  }
  html[data-theme="dark"]{
    --gl-panel:linear-gradient(145deg,rgba(30,42,54,.94),rgba(24,34,44,.9));
    --gl-card:linear-gradient(145deg,rgba(32,44,56,.94),rgba(26,36,46,.9));
    --gl-btn:linear-gradient(160deg,rgba(44,60,74,.95),rgba(34,48,60,.9));
    --gl-modal:linear-gradient(150deg,rgba(28,38,50,.98),rgba(22,30,40,.96));
  }
}

@media (prefers-reduced-motion:reduce){
  html:root:root:root :is(.add-to-cart-btn,.more-btn,.btn-cart,.btn-wa,.cart-checkout,.alt-pill,.card):hover{transform:none}
}

/* =====================================================================
   ۱۳) صفحه‌های متنی: درباره ما · قوانین و مقررات · راهنمای سایز · ۴۰۴ · آفلاین
   ===================================================================== */
html:root:root:root :is(.doc-box,.prose blockquote,.doc-tip,.table-scroll,.doc-toc){
  background:var(--gl-panel) !important;
  -webkit-backdrop-filter:var(--gl-blur-lg) !important;backdrop-filter:var(--gl-blur-lg) !important;
  border:1px solid var(--gl-border) !important;
  box-shadow:var(--gl-edge),var(--gl-shadow-lg) !important;
}
/* جعبه‌ی اصلی متن کمی مات‌تر تا خواندن طولانی راحت باشد */
html:root:root:root .doc-box{
  background:linear-gradient(150deg,rgba(255,255,255,.66) 0%,rgba(255,255,255,.40) 100%) !important;
  border-radius:1.7rem;
}
html[data-theme="dark"]:root:root:root .doc-box{
  background:linear-gradient(150deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.05) 100%) !important;
}
/* خلاصه‌ی مهم (notice) و نکته‌ها: شیشه‌ی رنگی ملایم */
html:root:root:root :is(.prose blockquote,.doc-tip){
  border-radius:1.3rem;
  background:linear-gradient(150deg,rgba(255,255,255,.62) 0%,rgba(214,200,255,.30) 100%) !important;
}
html[data-theme="dark"]:root:root:root :is(.prose blockquote,.doc-tip){
  background:linear-gradient(150deg,rgba(255,255,255,.12) 0%,rgba(150,110,230,.10) 100%) !important;
}
/* فهرست بخش‌ها */
html:root:root:root .doc-toc{border-radius:1.4rem}
html:root:root:root .doc-toc a{
  background:var(--gl-btn) !important;
  -webkit-backdrop-filter:var(--gl-blur-sm) !important;backdrop-filter:var(--gl-blur-sm) !important;
  border:1px solid var(--gl-border) !important;
  box-shadow:var(--gl-edge),var(--gl-shadow-sm) !important;
  color:var(--sea-deep) !important;
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease !important;
}
html:root:root:root .doc-toc a:hover{background:var(--gl-btn-hover) !important;box-shadow:var(--gl-edge),var(--gl-shadow-hover) !important;transform:translateY(-2px)}
html[data-theme="dark"]:root:root:root .doc-toc a{color:var(--ink) !important}
/* نمونه‌ی پیام داخل نکته */
html:root:root:root .doc-tip .msg{
  background:var(--gl-btn) !important;border:1px solid var(--gl-border) !important;
  box-shadow:var(--gl-edge) !important;
}
/* جدول سایز */
html:root:root:root .table-scroll{border-radius:1.4rem}
html:root:root:root .size-table thead th{
  background:linear-gradient(135deg,rgba(168,85,247,.20),rgba(10,102,112,.18)) !important;
}
html[data-theme="dark"]:root:root:root .size-table thead th{
  background:linear-gradient(135deg,rgba(168,85,247,.34),rgba(95,181,192,.26)) !important;
}
html:root:root:root .size-table tbody tr:nth-child(even){background:rgba(255,255,255,.22)}
html[data-theme="dark"]:root:root:root .size-table tbody tr:nth-child(even){background:rgba(255,255,255,.05)}
/* مسیر صفحه در این صفحه‌ها: ساده بماند تا چیدمان وسط‌چین به‌هم نریزد */
html:root:root:root .page-doc .crumbs{
  display:block;padding:0;background:none;border:0;box-shadow:none;
  -webkit-backdrop-filter:none;backdrop-filter:none;
}
/* ۴۰۴ و آفلاین */
html:root:root:root .notfound .btn{
  display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1.4rem;border-radius:999px;
  background:var(--gl-pri) !important;border:1px solid var(--gl-pri-border) !important;
  box-shadow:var(--gl-pri-shadow) !important;color:var(--gl-pri-ink) !important;text-decoration:none;
  -webkit-backdrop-filter:var(--gl-blur-sm);backdrop-filter:var(--gl-blur-sm);
}
html:root:root:root .notfound .btn.alt{
  background:var(--gl-btn) !important;border:1px solid var(--gl-border) !important;
  box-shadow:var(--gl-edge),var(--gl-shadow-sm) !important;color:var(--sea-deep) !important;
}
html[data-theme="dark"]:root:root:root .notfound .btn.alt{color:var(--ink) !important}
html:root:root:root .notfound,html:root:root:root main > section.wrap[style*="text-align:center"]{
  margin-top:2rem;margin-bottom:2rem;padding:2rem 1.4rem;border-radius:1.7rem;
  background:var(--gl-panel);border:1px solid var(--gl-border);box-shadow:var(--gl-edge),var(--gl-shadow-lg);
  -webkit-backdrop-filter:var(--gl-blur-lg);backdrop-filter:var(--gl-blur-lg);
  max-width:34rem;text-align:center;
}

/* ---------- لیست نتایج جستجو: مات و خوانا (عمداً شیشه‌ای نیست) ---------- */
html:root:root:root .search-results{
  background:#fff !important;
  -webkit-backdrop-filter:none !important;backdrop-filter:none !important;
  border:1px solid rgba(10,102,112,.14) !important;
  box-shadow:0 18px 44px rgba(40,30,90,.22),0 3px 10px rgba(40,30,90,.10) !important;
  border-radius:1.2rem;
}
html[data-theme="dark"]:root:root:root .search-results{
  background:#152025 !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 18px 44px rgba(0,0,0,.6) !important;
}

/* =====================================================================
   ۱۴) سربرگ بلوک دسته‌ها — طراحی مدرن‌تر (به‌جای برچسب کارتونی)
   برای برگشتن به حالت کارتونی قبلی، فقط همین بخش (تا انتهای فایل) را پاک کن.
   ===================================================================== */
html:root:root:root :is(.cb-skyline,.cb-spark){display:none}

html:root:root:root .cb-banner-wrap{filter:none}
html:root:root:root .cb-banner{
  clip-path:none;gap:.55rem;
  padding:.3rem 1.1rem .3rem .35rem;border-radius:999px;
  background:linear-gradient(160deg,
    color-mix(in srgb,var(--c1) 20%,rgba(255,255,255,.72)) 0%,
    color-mix(in srgb,var(--c2) 12%,rgba(255,255,255,.36)) 100%);
  -webkit-backdrop-filter:var(--gl-blur-sm);backdrop-filter:var(--gl-blur-sm);
  border:1px solid var(--gl-border);
  box-shadow:var(--gl-edge),var(--gl-shadow-sm);
}
html:root:root:root .cb-banner h2{
  color:var(--ink2);text-shadow:none;font-size:calc(1.02rem * var(--font-scale));letter-spacing:0;
}
html:root:root:root .cb-banner:hover{filter:none;transform:translateY(-1px);box-shadow:var(--gl-edge),var(--gl-shadow-hover)}

html:root:root:root .cb-medal{
  width:2rem;height:2rem;font-size:1.15rem;
  background:linear-gradient(160deg,rgba(255,255,255,.55),rgba(255,255,255,.12));
  -webkit-backdrop-filter:var(--gl-blur-sm);backdrop-filter:var(--gl-blur-sm);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),inset 0 0 0 1px rgba(255,255,255,.35);
  border:1px solid rgba(255,255,255,.55);
}
html[data-theme="dark"]:root:root:root .cb-medal{
  background:linear-gradient(160deg,rgba(255,255,255,.16),rgba(255,255,255,.03));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3);
  border-color:rgba(255,255,255,.22);
}

html:root:root:root .cb-count{
  width:auto;height:auto;flex-direction:row;align-items:baseline;gap:.3rem;
  padding:.28rem .95rem;border-radius:999px;transform:none;
  color:var(--ink2);
  background:linear-gradient(160deg,rgba(255,255,255,.72),rgba(255,255,255,.34));
  -webkit-backdrop-filter:var(--gl-blur-sm);backdrop-filter:var(--gl-blur-sm);
  border:1px solid var(--gl-border);
  box-shadow:var(--gl-edge),var(--gl-shadow-sm);
}
html:root:root:root .cb-count b{font-size:1rem}
html:root:root:root .cb-count small{font-size:.74rem;font-weight:600;opacity:.85}

html[data-theme="dark"]:root:root:root .cb-banner{
  background:linear-gradient(160deg,
    color-mix(in srgb,var(--c1) 38%,rgba(255,255,255,.10)) 0%,
    color-mix(in srgb,var(--c2) 24%,rgba(255,255,255,.04)) 100%);
}
html[data-theme="dark"]:root:root:root .cb-banner h2{color:#fff}
html[data-theme="dark"]:root:root:root .cb-count{
  color:#fff;background:linear-gradient(160deg,rgba(255,255,255,.18),rgba(255,255,255,.06));
}

/* =====================================================================
   ۱۵) دکمه‌ی «افزودن به سبد»: شیشه‌ی رنگی هم‌خانواده‌ی دکمه‌ی قیمت
   ===================================================================== */
html:root:root:root .add-to-cart-btn:not(.is-soldout-btn){
  background:linear-gradient(160deg,
    color-mix(in srgb,var(--c1,#0A6670) 20%,rgba(255,255,255,.62)) 0%,
    color-mix(in srgb,var(--c2,#a855f7) 10%,rgba(255,255,255,.22)) 100%) !important;
  border:1px solid rgba(255,255,255,.8) !important;
  box-shadow:var(--gl-edge),0 6px 16px rgba(60,80,140,.16) !important;
  color:var(--sea-deep) !important;
}
html[data-theme="dark"]:root:root:root .add-to-cart-btn:not(.is-soldout-btn){
  background:linear-gradient(160deg,
    color-mix(in srgb,var(--c1,#5fb5c0) 34%,rgba(255,255,255,.10)) 0%,
    color-mix(in srgb,var(--c2,#a855f7) 20%,rgba(255,255,255,.04)) 100%) !important;
  border-color:rgba(255,255,255,.26) !important;
  color:#fff !important;
}
/* روی لمسی، بالا نپرد و از جایش بیرون نزند */
@media (hover:none){
  html:root:root:root .add-to-cart-btn:hover{transform:none}
}
html:root:root:root .add-to-cart-btn{position:relative;z-index:5}