/* =====================================================================
   BargeSabz Night — «زمرد نیمه‌شب» / Theme v1.0.0 (Task60)
   ---------------------------------------------------------------------
   لایهٔ تم سوم (تیرهٔ لوکس): زمردی تاریک + طلایی
   - فقط با کلاس <html class="bgs-theme-night"> فعال می‌شود
   - بعد از bgs-premium.css لود می‌شود → در تداخل، شب برنده است
   - با تم پایه و پریمیوم هم‌زمان سازگار است (نایت لایهٔ رویی است)
   ===================================================================== */

html.bgs-theme-night {
  color-scheme: dark;
  /* پالت شب */
  --n-bg: #0a0f0d;
  --n-bg-2: #0c120f;
  --n-surface: #101814;
  --n-surface-2: #141d18;
  --n-raised: #182420;
  --n-line: rgba(230, 201, 107, .13);
  --n-line-soft: rgba(154, 190, 168, .11);
  --n-text: #eaf3ec;
  --n-text-2: #cfe0d4;
  --n-muted: #93a89a;
  --n-emerald: #34d399;
  --n-emerald-2: #10b981;
  --n-emerald-deep: #0e7a37;
  --n-gold: #e6c96b;
  --n-gold-2: #d4af37;
  --n-danger: #f87171;
  --n-glass: rgba(13, 20, 16, .78);
  --n-ring: 0 0 0 3px rgba(52, 211, 153, .18);
  --n-card-shadow: 0 10px 30px rgba(0, 0, 0, .42);
  --n-glow-gold: 0 0 22px rgba(230, 201, 107, .12);
}


/* =====================================================================
   Task60 v1.1 — هم‌تنفسی با دارک‌مود داخلی باندل:
   با کلاس dark (که bgs-night.js مدیریت می‌کند) تمام قواعد dark: باندل
   فعال می‌شوند و اینجا متغیرهای آن‌ها را به پالت شب نگاشت می‌کنیم.
   (نایت بعد از premium.css لود می‌شود → در تساوی specificity، شب برنده است)
   ===================================================================== */
html.bgs-theme-night,
html.bgs-theme-night.dark,
html.bgs-theme-night.bgs-theme-club-premium,
html.bgs-theme-night.bgs-theme-club-premium.dark {
  color-scheme: dark;
  --page-bg: 10 15 13;          /* n-bg */
  --surface: 16 24 20;          /* n-surface */
  --surface-2: 20 29 24;
  --surface-3: 25 36 30;
  --text: 234 243 236;
  --text-muted: 147 168 154;
  --border: 40 54 46;
  --border-strong: 52 70 60;
  --shadow-rgb: 0 0 0;
  --kraft: 22 32 26;
  --kraft-light: 27 38 32;
  --kraft-dark: 32 46 38;
  --ink: 234 243 236;
  --ink-light: 147 168 154;
  --leaf-50: 14 38 26;
  --leaf-100: 20 52 34;
  --leaf-400: 52 211 153;       /* زمرد روشن شب */
  --leaf-500: 22 163 74;
  --leaf-600: 15 122 58;
  --leaf-700: 10 92 44;
  --tomato-50: 46 20 27;
  --tomato-100: 60 27 36;
  --tomato-200: 74 34 45;
}

/* پین تسک۵۳ روی wrapper با page-bg تیره بی‌اثر می‌شود؛ دانهٔ کاغذیِ گرم می‌ماند */
html.bgs-theme-night .bg-grain-paper {
  background-image: radial-gradient(circle, rgba(230, 201, 107, .05) 1px, transparent 1px) !important;
  background-size: 16px 16px !important;
}

/* هدر اصلی/کرمی */
html.bgs-theme-night .bgs-header-main,
html.bgs-theme-night .bg-cream {
  background-color: var(--n-glass) !important;
  backdrop-filter: blur(18px) saturate(145%);
  -webkit-backdrop-filter: blur(18px) saturate(145%);
  color: var(--n-text) !important;
}

/* ---------- بدنه و پس‌زمینهٔ کهکشانی ---------- */
html.bgs-theme-night,
html.bgs-theme-night body,
html.bgs-theme-night.dark body,
html.bgs-theme-night.bgs-theme-club-premium body,
html.bgs-theme-night.bgs-theme-club-premium.dark body {
  background-color: var(--n-bg) !important;
  color: var(--n-text) !important;
}
html.bgs-theme-night body,
html.bgs-theme-night.dark body,
html.bgs-theme-night.bgs-theme-club-premium.dark body {
  background-image:
    radial-gradient(1000px 460px at 90% -180px, rgba(16, 185, 129, .13), transparent 66%),
    radial-gradient(760px 400px at 6% 4%, rgba(212, 175, 55, .07), transparent 68%),
    radial-gradient(900px 700px at 50% 118%, rgba(16, 185, 129, .07), transparent 60%),
    linear-gradient(180deg, var(--n-bg-2) 0%, var(--n-bg) 52%, #080c0a 100%) !important;
}

html.bgs-theme-night ::selection { background: rgba(52, 211, 153, .30); color: #f2fff8; }

html.bgs-theme-night * {
  scrollbar-width: thin;
  scrollbar-color: rgba(52, 211, 153, .35) rgba(255, 255, 255, .04);
}
html.bgs-theme-night ::-webkit-scrollbar { width: 10px; height: 10px; }
html.bgs-theme-night ::-webkit-scrollbar-track { background: rgba(255, 255, 255, .03); }
html.bgs-theme-night ::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(52, 211, 153, .45), rgba(14, 122, 55, .55));
  border: 2px solid transparent;
  background-clip: padding-box;
  border-radius: 999px;
}

/* ---------- هدر شیشه‌ای شب ---------- */
html.bgs-theme-night .bgs-header-top,
html.bgs-theme-night.dark .bgs-header-top,
html.bgs-theme-night.bgs-theme-club-premium.dark .bgs-header-top {
  background: var(--n-glass) !important;
  border-color: rgba(230, 201, 107, .14) !important;
  box-shadow: 0 10px 34px rgba(0, 0, 0, .45) !important;
  backdrop-filter: blur(20px) saturate(150%);
  -webkit-backdrop-filter: blur(20px) saturate(150%);
  color: var(--n-text) !important;
}
html.bgs-theme-night .bgs-header-top::after {
  content: "";
  position: absolute;
  inset-inline: 6%;
  bottom: -1px;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(52, 211, 153, .55), rgba(230, 201, 107, .5), transparent);
}
/* لوگو روی زمینهٔ تیره */
html.bgs-theme-night .bgs-header-top img {
  filter: brightness(1.5) saturate(1.05) drop-shadow(0 0 14px rgba(52, 211, 153, .30));
}

/* جستجوی هدر */
html.bgs-theme-night .bgs-header-top input[type="text"],
html.bgs-theme-night .bgs-header-top input[type="search"],
html.bgs-theme-night.dark .bgs-header-top input[type="text"],
html.bgs-theme-night.dark .bgs-header-top input[type="search"] {
  background: rgba(255, 255, 255, .055) !important;
  border-color: rgba(230, 201, 107, .16) !important;
  color: var(--n-text) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04) !important;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
html.bgs-theme-night .bgs-header-top input[type="text"]::placeholder,
html.bgs-theme-night .bgs-header-top input[type="search"]::placeholder { color: var(--n-muted) !important; }
html.bgs-theme-night .bgs-header-top input[type="text"]:focus,
html.bgs-theme-night .bgs-header-top input[type="search"]:focus {
  background: rgba(255, 255, 255, .08) !important;
  border-color: rgba(52, 211, 153, .55) !important;
  box-shadow: var(--n-ring), 0 6px 22px rgba(0, 0, 0, .35) !important;
}

/* ---------- سطوح عمومی: سفیدها و خاکستری‌های پایه → شب ---------- */
html.bgs-theme-night main [class*="bg-white"],
html.bgs-theme-night footer [class*="bg-white"],
html.bgs-theme-night [class*="bg-white"]:not([class*="bg-white/"]) {
  background-color: var(--n-surface) !important;
  background-image: none !important;
  color: var(--n-text);
}
html.bgs-theme-night [class*="bg-gray-50"],
html.bgs-theme-night [class*="bg-gray-100"],
html.bgs-theme-night [class*="bg-slate-50"],
html.bgs-theme-night [class*="bg-slate-100"],
html.bgs-theme-night [class*="bg-neutral-50"],
html.bgs-theme-night [class*="bg-neutral-100"],
html.bgs-theme-night [class*="bg-stone-50"],
html.bgs-theme-night [class*="bg-stone-100"] {
  background-color: var(--n-surface-2) !important;
  background-image: none !important;
  color: var(--n-text-2);
}
html.bgs-theme-night [class*="border-gray-"],
html.bgs-theme-night [class*="border-slate-"],
html.bgs-theme-night [class*="border-neutral-"],
html.bgs-theme-night [class*="border-stone-"] {
  border-color: var(--n-line-soft) !important;
}
html.bgs-theme-night [class*="bg-gray-200"],
html.bgs-theme-night [class*="bg-gray-300"],
html.bgs-theme-night [class*="bg-slate-200"] { background-color: rgba(255, 255, 255, .09) !important; }

/* متن‌ها */
html.bgs-theme-night [class*="text-gray-900"],
html.bgs-theme-night [class*="text-gray-800"],
html.bgs-theme-night [class*="text-slate-900"],
html.bgs-theme-night [class*="text-slate-800"],
html.bgs-theme-night [class*="text-neutral-900"],
html.bgs-theme-night [class*="text-neutral-800"],
html.bgs-theme-night [class*="text-black"] { color: var(--n-text) !important; }
html.bgs-theme-night [class*="text-gray-700"],
html.bgs-theme-night [class*="text-gray-600"],
html.bgs-theme-night [class*="text-slate-700"],
html.bgs-theme-night [class*="text-slate-600"],
html.bgs-theme-night [class*="text-neutral-700"],
html.bgs-theme-night [class*="text-neutral-600"] { color: var(--n-text-2) !important; }
html.bgs-theme-night [class*="text-gray-500"],
html.bgs-theme-night [class*="text-gray-400"],
html.bgs-theme-night [class*="text-slate-500"],
html.bgs-theme-night [class*="text-slate-400"],
html.bgs-theme-night [class*="text-neutral-500"],
html.bgs-theme-night [class*="text-neutral-400"] { color: var(--n-muted) !important; }
html.bgs-theme-night [class*="text-green-700"],
html.bgs-theme-night [class*="text-green-600"],
html.bgs-theme-night [class*="text-emerald-700"],
html.bgs-theme-night [class*="text-emerald-600"] { color: var(--n-emerald) !important; }
html.bgs-theme-night [class*="text-amber-700"],
html.bgs-theme-night [class*="text-amber-600"] { color: var(--n-gold) !important; }
html.bgs-theme-night [class*="text-red-600"],
html.bgs-theme-night [class*="text-red-500"],
html.bgs-theme-night [class*="text-rose-600"] { color: var(--n-danger) !important; }

/* ---------- کارت محصول: قاب شیشه‌ای با خط طلایی ---------- */
html.bgs-theme-night .bgs-product-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid rgba(230, 201, 107, .15) !important;
  border-radius: 20px !important;
  background: linear-gradient(175deg, var(--n-surface) 0%, #0e1512 100%) !important;
  box-shadow: var(--n-card-shadow) !important;
  transform: translateZ(0);
  transition: transform .28s cubic-bezier(.2, .8, .2, 1), box-shadow .28s ease, border-color .28s ease !important;
}
html.bgs-theme-night .bgs-product-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  z-index: 3;
  height: 3px;
  opacity: .9;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(52, 211, 153, .0), var(--n-emerald-2) 30%, var(--n-gold) 78%, rgba(230, 201, 107, .0));
}
html.bgs-theme-night .bgs-product-card::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -1px;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(140deg, rgba(52, 211, 153, .55), transparent 34%, transparent 68%, rgba(230, 201, 107, .5));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0;
  transition: opacity .32s ease;
  pointer-events: none;
}
html.bgs-theme-night .bgs-product-card:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(230, 201, 107, .38) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .55), var(--n-glow-gold) !important;
}
html.bgs-theme-night .bgs-product-card:hover::after { opacity: 1; }

/* کاشی عکس: روشن می‌ماند تا عکس‌ها طبیعی دیده شوند */
html.bgs-theme-night .bgs-product-card > div:first-child,
html.bgs-theme-night .bgs-product-card .aspect-square,
html.bgs-theme-night .bgs53-tile {
  position: relative;
  overflow: hidden;
  background: radial-gradient(circle at 50% 38%, #ffffff 0%, #f2f5f1 74%, #e9ede8 100%) !important;
  border-radius: 14px;
}
html.bgs-theme-night .bgs-product-card img,
html.bgs-theme-night .bgs53-tile img {
  mix-blend-mode: multiply;
  filter: saturate(1.05) contrast(1.02);
}

/* قیمت‌ها و CTA داخل کارت */
html.bgs-theme-night .bgs-product-card .mt-auto::before {
  background: linear-gradient(90deg, rgba(230, 201, 107, .22), rgba(230, 201, 107, .02)) !important;
}
html.bgs-theme-night .bgs-product-card .mt-auto .items-baseline {
  border-color: rgba(52, 211, 153, .30) !important;
  background: linear-gradient(180deg, rgba(16, 185, 129, .12), rgba(16, 185, 129, .05));
  box-shadow: inset 0 0 0 1px rgba(52, 211, 153, .12);
}
html.bgs-theme-night .bgs-product-card .mt-auto .items-baseline * { color: var(--n-emerald) !important; }
html.bgs-theme-night .bgs-product-card span[class*="bg-orange-500"] {
  color: #fff !important;
  background: radial-gradient(circle at 32% 24%, #ff8f7a, #e2543f 72%) !important;
  box-shadow: 0 5px 15px rgba(226, 84, 63, .35), inset 0 0 0 1px rgba(255, 255, 255, .25) !important;
}
html.bgs-theme-night .bgs-product-card [class*="-bottom-3"] {
  border-color: rgba(16, 185, 129, .85) !important;
  box-shadow: 0 7px 20px rgba(16, 185, 129, .40), 0 0 0 1px rgba(52, 211, 153, .35) !important;
}

/* ---------- دکمه‌ها ---------- */
html.bgs-theme-night .bg-leaf-600,
html.bgs-theme-night .bg-leaf-700,
html.bgs-theme-night [class*="bg-emerald-600"] {
  background-image: linear-gradient(145deg, #10a35f, var(--n-emerald-deep)) !important;
  box-shadow: 0 7px 20px rgba(16, 185, 129, .30) !important;
}
html.bgs-theme-night .hover\:bg-leaf-700:hover { background-color: var(--n-emerald-deep) !important; }

/* ---------- فرم‌ها ---------- */
html.bgs-theme-night input,
html.bgs-theme-night select,
html.bgs-theme-night textarea { color-scheme: dark; }
html.bgs-theme-night input:not([type="checkbox"]):not([type="radio"]),
html.bgs-theme-night select,
html.bgs-theme-night textarea {
  background-color: rgba(255, 255, 255, .05) !important;
  border-color: rgba(230, 201, 107, .16) !important;
  color: var(--n-text) !important;
  transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}
html.bgs-theme-night input::placeholder,
html.bgs-theme-night textarea::placeholder { color: var(--n-muted) !important; }
html.bgs-theme-night select option { background: var(--n-surface); color: var(--n-text); }
html.bgs-theme-night input:not([type="checkbox"]):not([type="radio"]):focus,
html.bgs-theme-night select:focus,
html.bgs-theme-night textarea:focus {
  border-color: rgba(52, 211, 153, .55) !important;
  box-shadow: var(--n-ring) !important;
}
html.bgs-theme-night :focus-visible { outline: 2px solid rgba(52, 211, 153, .6); outline-offset: 3px; }

/* ---------- مودال‌ها و دیالوگ‌ها ---------- */
html.bgs-theme-night [role="dialog"],
html.bgs-theme-night [role="alertdialog"],
html.bgs-theme-night .modal-content {
  background: var(--n-surface) !important;
  color: var(--n-text) !important;
  border: 1px solid rgba(230, 201, 107, .18) !important;
  box-shadow: 0 30px 80px rgba(0, 0, 0, .6), var(--n-glow-gold) !important;
}
html.bgs-theme-night [role="dialog"] [class*="bg-white"],
html.bgs-theme-night [role="dialog"] [class*="bg-gray-50"] { background-color: var(--n-surface-2) !important; }

/* ---------- بنرهای نرم (زرد/قرمز/نارنجی/سبز کم‌رنگ) ---------- */
html.bgs-theme-night .bg-amber-50 { background-color: rgba(230, 201, 107, .10) !important; }
html.bgs-theme-night .border-amber-200 { border-color: rgba(230, 201, 107, .30) !important; }
html.bgs-theme-night .bg-red-50 { background-color: rgba(248, 113, 113, .10) !important; }
html.bgs-theme-night .border-red-200 { border-color: rgba(248, 113, 113, .30) !important; }
html.bgs-theme-night .bg-orange-50 { background-color: rgba(255, 145, 84, .10) !important; }
html.bgs-theme-night .bg-green-50 { background-color: rgba(52, 211, 153, .10) !important; }
html.bgs-theme-night .border-green-200 { border-color: rgba(52, 211, 153, .30) !important; }
html.bgs-theme-night .bg-blue-50 { background-color: rgba(96, 165, 250, .10) !important; }

/* ---------- اسکلتون شب ---------- */
html.bgs-theme-night .animate-pulse {
  animation: bgs-night-shimmer 1.6s linear infinite !important;
  background-color: rgba(255, 255, 255, .05) !important;
  background-image: linear-gradient(100deg, transparent 30%, rgba(52, 211, 153, .10) 50%, transparent 70%) !important;
  background-size: 210% 100% !important;
  background-repeat: no-repeat !important;
}
@keyframes bgs-night-shimmer { from { background-position: 205% 0; } to { background-position: -205% 0; } }

/* ---------- اسلایدر ---------- */
html.bgs-theme-night .swiper-pagination-bullet { opacity: .3; background: #cbdcd2; }
html.bgs-theme-night .swiper-pagination-bullet-active {
  background: linear-gradient(90deg, var(--n-emerald-2), var(--n-gold)) !important;
  opacity: 1;
}

/* ---------- ناوبری پایین موبایل ---------- */
@media (max-width: 1023px) {
  html.bgs-theme-night nav.fixed.bottom-0 > div {
    background: rgba(10, 15, 13, .92) !important;
    border-color: rgba(230, 201, 107, .16) !important;
    box-shadow: 0 -14px 40px rgba(0, 0, 0, .5) !important;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    color: var(--n-text-2) !important;
  }
  html.bgs-theme-night nav.fixed.bottom-0 > div::before {
    content: "";
    position: absolute;
    inset-inline: 18%;
    top: 0;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, rgba(52, 211, 153, .7), rgba(230, 201, 107, .55), transparent);
  }
}

/* ---------- ویجت خرید مجدد ---------- */
html.bgs-theme-night .bgs53-reorder {
  border: 1px solid rgba(230, 201, 107, .16);
  background: linear-gradient(150deg, var(--n-surface), var(--n-bg-2));
  box-shadow: var(--n-card-shadow), var(--n-glow-gold);
}
html.bgs-theme-night .bgs53-reorder::before {
  background: radial-gradient(circle, rgba(230, 201, 107, .12), transparent 70%);
}
html.bgs-theme-night .bgs53-rtitle { color: var(--n-gold); }
html.bgs-theme-night .bgs53-rtitle::before { background: var(--n-emerald); box-shadow: 0 0 0 5px rgba(52, 211, 153, .14); }
html.bgs-theme-night .bgs53-rsub,
html.bgs-theme-night .bgs53-osub,
html.bgs-theme-night .bgs53-rmsg { color: var(--n-muted); }
html.bgs-theme-night .bgs53-row { border: 1px solid var(--n-line-soft); background: rgba(255, 255, 255, .04); }
html.bgs-theme-night .bgs53-otitle { color: var(--n-text-2); }
html.bgs-theme-night .bgs53-add {
  background: linear-gradient(145deg, #10a35f, var(--n-emerald-deep));
  box-shadow: 0 5px 16px rgba(16, 185, 129, .30);
}
html.bgs-theme-night .bgs53-rdone { color: var(--n-emerald); }

/* ---------- توست و نوار پیشرفت پریمیوم (نسخهٔ شب) ---------- */
html.bgs-theme-night .bgs-premium-toast {
  border: 1px solid rgba(230, 201, 107, .18);
  background: rgba(16, 24, 20, .96);
  box-shadow: 0 16px 42px rgba(0, 0, 0, .5), var(--n-glow-gold);
}
html.bgs-theme-night .bgs-premium-toast-dot { background: var(--n-emerald); box-shadow: 0 0 0 5px rgba(52, 211, 153, .12); }
html.bgs-theme-night .bgs-premium-toast-text { color: var(--n-text); }
html.bgs-theme-night .bgs-premium-progress {
  background: linear-gradient(90deg, var(--n-emerald-2), var(--n-gold));
  box-shadow: 0 0 14px rgba(52, 211, 153, .45);
}

/* ---------- فوتر ---------- */
html.bgs-theme-night footer,
html.bgs-theme-night footer [class*="bg-gray-"],
html.bgs-theme-night footer [class*="bg-slate-"] {
  background-color: transparent;
}
html.bgs-theme-night footer { color: var(--n-text-2); }
html.bgs-theme-night footer [class*="text-gray-"] { color: var(--n-muted) !important; }

/* ---------- دکمهٔ شناور شب/روز ---------- */
.bgs-night-fab {
  position: fixed;
  z-index: 95000;
  left: 16px;
  bottom: calc(88px + env(safe-area-inset-bottom, 0px));
  width: 50px;
  height: 50px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(230, 201, 107, .35);
  border-radius: 50%;
  cursor: pointer;
  color: #ffe9a3;
  background:
    radial-gradient(circle at 32% 26%, rgba(255, 255, 255, .14), transparent 42%),
    linear-gradient(160deg, #17251e, #0c1411);
  box-shadow: 0 10px 26px rgba(0, 0, 0, .5), inset 0 0 0 1px rgba(255, 255, 255, .06);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  transition: transform .2s ease, box-shadow .25s ease, border-color .25s ease;
  -webkit-tap-highlight-color: transparent;
}
.bgs-night-fab:hover { transform: translateY(-3px) scale(1.04); border-color: rgba(230, 201, 107, .6); }
.bgs-night-fab:active { transform: scale(.94); }
.bgs-night-fab svg { width: 23px; height: 23px; display: block; }
.bgs-night-fab .bgs-nicon-sun { display: none; }
.bgs-night-fab.is-night .bgs-nicon-moon { display: none; }
.bgs-night-fab.is-night .bgs-nicon-sun { display: block; }
.bgs-night-fab.is-night {
  color: #ffd76a;
  border-color: rgba(255, 215, 106, .55);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .55), 0 0 24px rgba(212, 175, 55, .30), inset 0 0 0 1px rgba(255, 255, 255, .07);
}
@media (min-width: 1024px) {
  .bgs-night-fab { left: 22px; bottom: 24px; width: 54px; height: 54px; }
}
@media (prefers-reduced-motion: reduce) {
  .bgs-night-fab, .bgs-night-fab * { transition: none !important; animation: none !important; }
}

/* ---------- حرکت کاهش‌یافته ---------- */
@media (prefers-reduced-motion: reduce) {
  html.bgs-theme-night *,
  html.bgs-theme-night *::before,
  html.bgs-theme-night *::after {
    scroll-behavior: auto !important;
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }
}

/* ---------- موبایل ---------- */
@media (max-width: 640px) {
  html.bgs-theme-night .bgs-product-card { border-radius: 16px !important; }
  html.bgs-theme-night .bgs-product-card:hover { transform: none !important; }
}