/* MYGEAR Store UI — design tokens (desktop-first)
 * Anti-slop: VN PC retail DNA (MyGear v1 + GearVN density). No SaaS purple/glass/Inter defaults. */
.mg-ui-v2 {
  --store-brand: var(--theme-color-brand, #d02915);
  --store-brand-dark: var(--theme-color-brand-dark, #7a180d);
  --store-price: var(--theme-color-price, #d70018);
  --store-text: var(--theme-color-text, #111111);
  --store-text-muted: var(--theme-color-text-muted, #888888);
  --store-bg: #ffffff;
  --store-surface: #f8f8f8;
  --store-border: #e8eaed;
  /* Fluid container — Newegg-style, đồng bộ --theme-container-mg */
  --store-container: var(--theme-container-mg, min(100%, calc(100vw - 24px)));
  --store-section-gap: clamp(12px, 1.2vw, 24px);
  --store-radius-sm: 4px;
  --store-radius-md: 8px;
  --store-radius-campaign: 10px;
  --store-icon-well: #ffe4e1;
  --store-brand-tint: rgba(208, 41, 21, 0.05);
  /* CTA — đơn sắc brand red (Light Mode, không gradient) */
  --store-cta-bg: var(--store-brand, #d02915);
  --store-cta-bg-hover: var(--store-brand-dark, #7a180d);
  --store-cta-disabled-bg: #e5e5e5;
  --store-cta-disabled-text: #999999;
  /* Homepage category rail — đơn sắc, tab active + panel cùng một màu brand */
  --store-home-cat-surface: var(--store-brand, #d02915);
  --store-home-cat-panel-bg: var(--store-home-cat-surface);
  --store-home-cat-panel-glow: 0 10px 28px rgba(208, 41, 21, 0.18);
  --store-tag-bg: #f2f4f7;
  --mg-sprite-url: url("/images/mygear-sprite.png");
  --mg-sprite-size: 245px 200px;
  --mg-header-red: var(--store-brand, #d02915);
  --mg-nav-font: "Poppins", var(--store-font);
  --store-shadow-sm: 0 1px 2px rgba(33, 43, 54, 0.06);
  --store-shadow-md: 0 4px 12px rgba(33, 43, 54, 0.08);
  --store-header-h: 64px;
  --store-gap: 16px;
  --store-gap-lg: 24px;
  --store-font: "Roboto", ui-sans-serif, system-ui, sans-serif;
  --store-fs-base: 15px;
  --store-fs-sm: 13px;
  --store-fs-xs: 12px;
  --store-fs-lg: 18px;
  --store-fs-xl: 22px;
  --store-fs-2xl: 28px;
  --store-leading: 1.45;
  --store-ease: 0.12s ease;
  /* PDP — MYGEAR v1 + GearVN (tint chọn lọc, không card stack) */
  --store-pdp-price-bg: #fff4f0;
  --store-pdp-price-border: #98434a;
  --store-pdp-offer-ring: #ffe4e1;
  /* PDP trust channels — semantic colors, not brand red */
  --store-trust-zalo: #0068ff;
  --store-trust-zalo-bg: #e8f1ff;
  --store-trust-retail: #0d9488;
  --store-trust-retail-bg: #ecfdf5;
  --store-trust-project: #4f46e5;
  --store-trust-project-bg: #eef2ff;
  --store-trust-showroom: #b45309;
  --store-trust-showroom-bg: #fffbeb;
  --store-trust-fb: #1877f2;
  --store-trust-fb-bg: #e7f3ff;
}