/* ============================================================
   945 CLUB — THEME & NAVBAR SEARCH BAR ENGINE
   Modern Pill Search Bar + Dark / Light Mode Luxury Styling
   ============================================================ */

/* --- 1. NAVBAR SEARCH BAR (MATCHING REFERENCE EXACTLY) --- */
.nav-search-bar {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: #f4f4f6 !important;
  border-radius: 9999px !important;
  height: 38px !important;
  padding: 0 16px !important;
  color: #6b7280 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  cursor: pointer !important;
  border: 1px solid transparent !important;
  transition: background 0.18s ease, border-color 0.18s ease, width 0.25s ease, box-shadow 0.18s ease !important;
  width: 195px !important;
  user-select: none !important;
  margin-right: 2px !important;
  box-sizing: border-box !important;
}

.nav-search-bar:hover {
  background: #eaebee !important;
  color: #111111 !important;
  border-color: rgba(0, 0, 0, 0.06) !important;
}

.nav-search-bar .nav-search-icon,
.nav-search-bar svg {
  color: #1f2937 !important;
  stroke: #1f2937 !important;
  flex-shrink: 0 !important;
  width: 18px !important;
  height: 18px !important;
  stroke-width: 2 !important;
  transition: transform 0.15s ease !important;
}

.nav-search-bar:hover .nav-search-icon {
  transform: scale(1.06);
}

.nav-search-bar .search-placeholder {
  font-size: 14px !important;
  color: #6b7280 !important;
  letter-spacing: -0.01em !important;
  font-weight: 400 !important;
  white-space: nowrap !important;
}

/* --- 2. THEME TOGGLE BUTTON (DARK / LIGHT MODE) --- */
.theme-toggle-btn {
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  color: var(--ink, #111113) !important;
  transition: background 0.18s cubic-bezier(0.16, 1, 0.3, 1), transform 0.15s ease, color 0.18s ease !important;
  flex-shrink: 0 !important;
  padding: 0 !important;
}

.theme-toggle-btn:hover {
  background: #f4f4f6 !important;
  transform: scale(1.06) !important;
}

.theme-toggle-btn:active {
  transform: scale(0.94) !important;
}

.theme-toggle-btn .theme-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.26s cubic-bezier(0.16, 1, 0.3, 1), transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), color 0.2s ease;
  stroke-width: 2.1;
  pointer-events: none;
}

/* Light Mode Defaults: Moon icon is visible, Sun is hidden */
.theme-toggle-btn .theme-icon-moon {
  opacity: 1;
  transform: translate(-50%, -50%) rotate(0deg) scale(1);
}

.theme-toggle-btn .theme-icon-sun {
  opacity: 0;
  transform: translate(-50%, -50%) rotate(90deg) scale(0.4);
}

/* Dark Mode States: Sun icon is visible, Moon is hidden */
[data-theme="dark"] .theme-toggle-btn .theme-icon-moon,
html.dark .theme-toggle-btn .theme-icon-moon,
body.dark .theme-toggle-btn .theme-icon-moon {
  opacity: 0;
  transform: translate(-50%, -50%) rotate(-90deg) scale(0.4);
}

[data-theme="dark"] .theme-toggle-btn .theme-icon-sun,
html.dark .theme-toggle-btn .theme-icon-sun,
body.dark .theme-toggle-btn .theme-icon-sun {
  opacity: 1;
  transform: translate(-50%, -50%) rotate(0deg) scale(1);
  color: #fbbf24 !important; /* Radiant gold sun */
}

[data-theme="dark"] .theme-toggle-btn:hover,
html.dark .theme-toggle-btn:hover,
body.dark .theme-toggle-btn:hover {
  background: rgba(255, 255, 255, 0.1) !important;
}

/* --- 3. MOBILE DRAWER THEME TOGGLE ROW --- */
.msheet-theme-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 18px;
  background: #f6f6f9;
  border-radius: 14px;
  margin: 12px 0 16px 0;
  cursor: pointer;
  user-select: none;
  border: 1px solid rgba(0, 0, 0, 0.05);
  transition: background 0.18s ease, transform 0.12s ease;
}

.msheet-theme-row:active {
  transform: scale(0.99);
}

.msheet-theme-left {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 600;
  color: var(--ink);
}

.msheet-theme-left svg {
  color: var(--ink);
}

.theme-status-pill {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 9999px;
  background: #ffffff;
  color: #111113;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* ============================================================
   4. COMPREHENSIVE DARK MODE DESIGN SYSTEM (LUXURY OBSIDIAN)
   ============================================================ */
[data-theme="dark"],
html.dark,
body.dark {
  /* --- Dark Palette Variables --- */
  --white: #101012;
  --surface-primary: #121215;
  --surface-secondary: #18181c;
  --surface-tertiary: #222227;
  --surface-plate: #1a1a1f;
  --surface-dark: #08080a;
  --grey: #1a1a1e;
  --black: #ffffff;

  /* Typography */
  --ink: #f5f5f7;
  --ink-primary: #f5f5f7;
  --ink2: #a1a1aa;
  --ink-secondary: #a1a1aa;
  --ink-tertiary: #86868b;
  --ink-quaternary: #636366;
  --ink-inverse: #101012;

  /* Borders */
  --hair: rgba(255, 255, 255, 0.09);
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-regular: rgba(255, 255, 255, 0.14);
  --border-strong: rgba(255, 255, 255, 0.24);

  color-scheme: dark;
}

/* Body & Document */
[data-theme="dark"] body,
html.dark body,
body.dark {
  background-color: #0e0e11 !important;
  color: #f5f5f7 !important;
}

/* Navbar */
[data-theme="dark"] .navbar,
html.dark .navbar,
body.dark .navbar {
  background: rgba(14, 14, 17, 0.94) !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .navbar.stuck,
html.dark .navbar.stuck,
body.dark .navbar.stuck {
  background: rgba(14, 14, 17, 0.98) !important;
  border-bottom-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.6) !important;
}

[data-theme="dark"] .logo-main,
html.dark .logo-main,
body.dark .logo-main {
  color: #ffffff !important;
}

[data-theme="dark"] .logo-sub,
html.dark .logo-sub,
body.dark .logo-sub {
  color: #a1a1aa !important;
}

[data-theme="dark"] .nlink,
html.dark .nlink,
body.dark .nlink {
  color: #d1d1d6 !important;
}

[data-theme="dark"] .nlink:hover,
[data-theme="dark"] .nlink.active,
html.dark .nlink:hover,
html.dark .nlink.active,
body.dark .nlink:hover,
body.dark .nlink.active {
  color: #ffffff !important;
}

[data-theme="dark"] .nicon,
html.dark .nicon,
body.dark .nicon {
  color: #f5f5f7 !important;
}

[data-theme="dark"] .nicon:hover,
html.dark .nicon:hover,
body.dark .nicon:hover {
  background: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .burger,
html.dark .burger,
body.dark .burger {
  color: #f5f5f7 !important;
}

[data-theme="dark"] .burger:hover,
html.dark .burger:hover,
body.dark .burger:hover {
  background: rgba(255, 255, 255, 0.1) !important;
}

/* Dark Mode Search Bar */
[data-theme="dark"] .nav-search-bar,
html.dark .nav-search-bar,
body.dark .nav-search-bar {
  background: #1f1f24 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #a1a1aa !important;
}

[data-theme="dark"] .nav-search-bar:hover,
html.dark .nav-search-bar:hover,
body.dark .nav-search-bar:hover {
  background: #28282e !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  color: #ffffff !important;
}

[data-theme="dark"] .nav-search-bar .nav-search-icon,
[data-theme="dark"] .nav-search-bar svg,
html.dark .nav-search-bar .nav-search-icon,
html.dark .nav-search-bar svg,
body.dark .nav-search-bar .nav-search-icon,
body.dark .nav-search-bar svg {
  color: #f4f4f6 !important;
  stroke: #f4f4f6 !important;
}

[data-theme="dark"] .nav-search-bar .search-placeholder,
html.dark .nav-search-bar .search-placeholder,
body.dark .nav-search-bar .search-placeholder {
  color: #a1a1aa !important;
}

/* User Account Pill in Dark Mode */
[data-theme="dark"] .user-avatar-tag,
html.dark .user-avatar-tag,
body.dark .user-avatar-tag {
  background: #1f1f24 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #f5f5f7 !important;
}

[data-theme="dark"] .user-avatar-tag:hover,
html.dark .user-avatar-tag:hover,
body.dark .user-avatar-tag:hover {
  background: #28282e !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
}

[data-theme="dark"] .header-user-name,
html.dark .header-user-name,
body.dark .header-user-name {
  color: #f5f5f7 !important;
}

/* Badges */
[data-theme="dark"] .badge,
html.dark .badge,
body.dark .badge {
  background: #ffffff !important;
  color: #111113 !important;
  border: 1.5px solid #141417 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) !important;
}

/* Announcement Promo Bar */
[data-theme="dark"] .promo,
html.dark .promo,
body.dark .promo {
  background: #141417 !important;
  color: #a1a1aa !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .promo b,
html.dark .promo b,
body.dark .promo b {
  color: #ffffff !important;
}

[data-theme="dark"] .promo .x,
html.dark .promo .x,
body.dark .promo .x {
  color: #a1a1aa !important;
}

/* Product Cards */
[data-theme="dark"] .pcard-plate,
[data-theme="dark"] .nike-plp-grid .pcard-plate,
html.dark .pcard-plate,
html.dark .nike-plp-grid .pcard-plate,
body.dark .pcard-plate,
body.dark .nike-plp-grid .pcard-plate {
  background: #f6f6f8 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .pcard:hover .pcard-plate,
[data-theme="dark"] .nike-plp-grid .pcard:hover .pcard-plate,
html.dark .pcard:hover .pcard-plate,
html.dark .nike-plp-grid .pcard:hover .pcard-plate,
body.dark .pcard:hover .pcard-plate,
body.dark .nike-plp-grid .pcard:hover .pcard-plate {
  background: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .pcard-art,
[data-theme="dark"] .nike-plp-grid .pcard-art,
html.dark .pcard-art,
html.dark .nike-plp-grid .pcard-art,
body.dark .pcard-art,
body.dark .nike-plp-grid .pcard-art {
  mix-blend-mode: multiply !important;
  filter: none !important;
}

[data-theme="dark"] .pname,
html.dark .pname,
body.dark .pname {
  color: #f5f5f7 !important;
}

[data-theme="dark"] .pdesc,
html.dark .pdesc,
body.dark .pdesc {
  color: #a1a1aa !important;
}

[data-theme="dark"] .pprice,
html.dark .pprice,
body.dark .pprice {
  color: #ffffff !important;
}

[data-theme="dark"] .pprice s,
html.dark .pprice s,
body.dark .pprice s {
  color: #71717a !important;
}

[data-theme="dark"] .pcard-add-cart-btn,
html.dark .pcard-add-cart-btn,
body.dark .pcard-add-cart-btn {
  background: #ffffff !important;
  color: #111113 !important;
  border: 1px solid #ffffff !important;
  font-weight: 700 !important;
}

[data-theme="dark"] .pcard-add-cart-btn:hover,
html.dark .pcard-add-cart-btn:hover,
body.dark .pcard-add-cart-btn:hover {
  background: #e4e4e7 !important;
  color: #000000 !important;
  border-color: #e4e4e7 !important;
}

[data-theme="dark"] .pcard-wish-btn,
[data-theme="dark"] .nike-plp-grid .pcard-wish-btn,
html.dark .pcard-wish-btn,
html.dark .nike-plp-grid .pcard-wish-btn,
body.dark .pcard-wish-btn,
body.dark .nike-plp-grid .pcard-wish-btn {
  background: rgba(255, 255, 255, 0.95) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  color: #111113 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14) !important;
}

[data-theme="dark"] .pcard-wish-btn:hover,
[data-theme="dark"] .nike-plp-grid .pcard-wish-btn:hover,
html.dark .pcard-wish-btn:hover,
html.dark .nike-plp-grid .pcard-wish-btn:hover,
body.dark .pcard-wish-btn:hover,
body.dark .nike-plp-grid .pcard-wish-btn:hover {
  background: #ffffff !important;
  transform: scale(1.08) !important;
  color: #000000 !important;
}

[data-theme="dark"] .pcard-wish-btn.active,
[data-theme="dark"] .nike-plp-grid .pcard-wish-btn.active,
html.dark .pcard-wish-btn.active,
html.dark .nike-plp-grid .pcard-wish-btn.active,
body.dark .pcard-wish-btn.active,
body.dark .nike-plp-grid .pcard-wish-btn.active {
  color: #ff2d55 !important;
  fill: #ff2d55 !important;
}

/* Category Discovery Chips & Filter Elements */
[data-theme="dark"] .plp-title,
html.dark .plp-title,
body.dark .plp-title {
  color: #ffffff !important;
}

[data-theme="dark"] .plp-subtitle,
html.dark .plp-subtitle,
body.dark .plp-subtitle {
  color: #a1a1aa !important;
}

[data-theme="dark"] .plp-chip,
[data-theme="dark"] .chip,
[data-theme="dark"] .plp-filter-btn,
html.dark .plp-chip,
html.dark .chip,
html.dark .plp-filter-btn,
body.dark .plp-chip,
body.dark .chip,
body.dark .plp-filter-btn {
  background: #18181c !important;
  color: #f5f5f7 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .plp-chip:hover,
[data-theme="dark"] .chip:hover,
[data-theme="dark"] .plp-filter-btn:hover,
html.dark .plp-chip:hover,
html.dark .chip:hover,
html.dark .plp-filter-btn:hover,
body.dark .plp-chip:hover,
body.dark .chip:hover,
body.dark .plp-filter-btn:hover {
  background: #24242a !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
}

[data-theme="dark"] .plp-chip.active,
[data-theme="dark"] .chip.active,
[data-theme="dark"] .plp-filter-btn.active,
html.dark .plp-chip.active,
html.dark .chip.active,
html.dark .plp-filter-btn.active,
body.dark .plp-chip.active,
body.dark .chip.active,
body.dark .plp-filter-btn.active {
  background: #ffffff !important;
  color: #111113 !important;
  border-color: #ffffff !important;
}

[data-theme="dark"] .plp-sort-select,
html.dark .plp-sort-select,
body.dark .plp-sort-select {
  background-color: #18181c !important;
  color: #f5f5f7 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Mega Menu Dropdowns */
[data-theme="dark"] .mega,
html.dark .mega,
body.dark .mega {
  background: rgba(16, 16, 19, 0.98) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.6) !important;
}

[data-theme="dark"] .mega-col-title,
html.dark .mega-col-title,
body.dark .mega-col-title {
  color: #ffffff !important;
}

[data-theme="dark"] .mega-item,
html.dark .mega-item,
body.dark .mega-item {
  color: #a1a1aa !important;
}

[data-theme="dark"] .mega-item:hover,
html.dark .mega-item:hover,
body.dark .mega-item:hover {
  color: #ffffff !important;
}

/* Mobile Sheet Drawer */
[data-theme="dark"] .msheet,
html.dark .msheet,
body.dark .msheet {
  background: #121215 !important;
  color: #f5f5f7 !important;
}

[data-theme="dark"] .msheet-inner,
html.dark .msheet-inner,
body.dark .msheet-inner {
  background: #121215 !important;
}

[data-theme="dark"] .msheet-auth-card,
html.dark .msheet-auth-card,
body.dark .msheet-auth-card {
  background: #1a1a1e !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .msheet-auth-greeting,
html.dark .msheet-auth-greeting,
body.dark .msheet-auth-greeting {
  color: #ffffff !important;
}

[data-theme="dark"] .msheet-auth-sub,
html.dark .msheet-auth-sub,
body.dark .msheet-auth-sub {
  color: #a1a1aa !important;
}

[data-theme="dark"] .msheet-auth-cta,
html.dark .msheet-auth-cta,
body.dark .msheet-auth-cta {
  background: #ffffff !important;
  color: #111113 !important;
}

[data-theme="dark"] .msheet-acc-header,
html.dark .msheet-acc-header,
body.dark .msheet-acc-header,
[data-theme="dark"] .msheet-item-text,
html.dark .msheet-item-text,
body.dark .msheet-item-text {
  color: #f5f5f7 !important;
  border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}

[data-theme="dark"] .msheet-sub-link,
html.dark .msheet-sub-link,
body.dark .msheet-sub-link {
  color: #a1a1aa !important;
}

[data-theme="dark"] .msheet-sub-link:hover,
html.dark .msheet-sub-link:hover,
body.dark .msheet-sub-link:hover {
  color: #ffffff !important;
}

[data-theme="dark"] .discovery-strip-btn,
html.dark .discovery-strip-btn,
body.dark .discovery-strip-btn {
  background: #1a1a1f !important;
  color: #f5f5f7 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .msheet-theme-row,
html.dark .msheet-theme-row,
body.dark .msheet-theme-row {
  background: #1a1a1e !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .msheet-theme-row .theme-status-pill,
html.dark .msheet-theme-row .theme-status-pill,
body.dark .msheet-theme-row .theme-status-pill {
  background: #fbbf24 !important;
  color: #111113 !important;
}

/* Search Overlay */
[data-theme="dark"] .searchov,
html.dark .searchov,
body.dark .searchov {
  background: rgba(8, 8, 10, 0.88) !important;
}

[data-theme="dark"] .searchbox,
html.dark .searchbox,
body.dark .searchbox {
  background: #16161a !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #f5f5f7 !important;
}

[data-theme="dark"] .search-input-wrapper,
html.dark .search-input-wrapper,
body.dark .search-input-wrapper {
  background: #202026 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] #searchInput,
html.dark #searchInput,
body.dark #searchInput {
  color: #ffffff !important;
}

[data-theme="dark"] .search-cancel-btn,
html.dark .search-cancel-btn,
body.dark .search-cancel-btn {
  color: #e4e4e7 !important;
}

[data-theme="dark"] .search-sec-title,
html.dark .search-sec-title,
body.dark .search-sec-title {
  color: #a1a1aa !important;
  font-weight: 600 !important;
}

[data-theme="dark"] .btn-clear-recent,
html.dark .btn-clear-recent,
body.dark .btn-clear-recent {
  color: #38bdf8 !important;
}

[data-theme="dark"] .btn-clear-recent:hover,
html.dark .btn-clear-recent:hover,
body.dark .btn-clear-recent:hover {
  color: #60a5fa !important;
}

[data-theme="dark"] .search-quick-link,
html.dark .search-quick-link,
body.dark .search-quick-link {
  color: #e4e4e7 !important;
}

[data-theme="dark"] .search-quick-link:hover,
html.dark .search-quick-link:hover,
body.dark .search-quick-link:hover {
  color: #ffffff !important;
}

[data-theme="dark"] .search-quick-link .search-arrow-icon,
html.dark .search-quick-link .search-arrow-icon,
body.dark .search-quick-link .search-arrow-icon {
  color: #a1a1aa !important;
}

[data-theme="dark"] .search-quick-link:hover .search-arrow-icon,
html.dark .search-quick-link:hover .search-arrow-icon,
body.dark .search-quick-link:hover .search-arrow-icon {
  color: #38bdf8 !important;
  transform: translateX(2px) !important;
}

[data-theme="dark"] .search-recent-remove,
html.dark .search-recent-remove,
body.dark .search-recent-remove {
  color: #a1a1aa !important;
}

[data-theme="dark"] .search-recent-remove:hover,
html.dark .search-recent-remove:hover,
body.dark .search-recent-remove:hover {
  color: #f87171 !important;
  background: rgba(248, 113, 113, 0.15) !important;
}

[data-theme="dark"] .search-product-hit,
html.dark .search-product-hit,
body.dark .search-product-hit {
  background: #1e1e24 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #f5f5f7 !important;
}

[data-theme="dark"] .search-product-hit:hover,
html.dark .search-product-hit:hover,
body.dark .search-product-hit:hover {
  border-color: rgba(255, 255, 255, 0.3) !important;
  background: #25252e !important;
}

[data-theme="dark"] .search-quick-link-chip,
html.dark .search-quick-link-chip,
body.dark .search-quick-link-chip {
  background: #202026 !important;
  color: #e4e4e7 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

/* ============================================================
   5. COMPREHENSIVE SECTION-BY-SECTION LUXURY OBSIDIAN DARK MODE
   ============================================================ */

/* --- A. GLOBAL HEADINGS & TYPOGRAPHY ENFORCEMENT --- */
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] .h1,
[data-theme="dark"] .h2,
[data-theme="dark"] .h3,
[data-theme="dark"] .h4,
html.dark h1,
html.dark h2,
html.dark h3,
html.dark h4,
html.dark .h1,
html.dark .h2,
html.dark .h3,
html.dark .h4,
body.dark h1,
body.dark h2,
body.dark h3,
body.dark h4,
body.dark .h1,
body.dark .h2,
body.dark .h3,
body.dark .h4 {
  color: #ffffff !important;
}

[data-theme="dark"] .eyebrow,
html.dark .eyebrow,
body.dark .eyebrow {
  color: #a1a1aa !important;
}

[data-theme="dark"] .lnk,
html.dark .lnk,
body.dark .lnk {
  color: #f5f5f7 !important;
}

[data-theme="dark"] .lnk:hover,
html.dark .lnk:hover,
body.dark .lnk:hover {
  color: #ffffff !important;
}

/* --- B. 1ST SECTION: CATEGORY DISCOVERY (MEN | WOMEN | KIDS) --- */
[data-theme="dark"] .discovery-feature-sec,
[data-theme="dark"] #genderDiscoverySection,
html.dark .discovery-feature-sec,
html.dark #genderDiscoverySection,
body.dark .discovery-feature-sec,
body.dark #genderDiscoverySection {
  background: #0e0e11 !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .discovery-feature-sec .h2,
html.dark .discovery-feature-sec .h2,
body.dark .discovery-feature-sec .h2 {
  color: #ffffff !important;
}

[data-theme="dark"] .discovery-feature-card,
html.dark .discovery-feature-card,
body.dark .discovery-feature-card {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* --- C. 2ND SECTION: SHOP BY BRAND (LUXURY 3D PEDESTAL STAGE) --- */
[data-theme="dark"] .brand-stage-sec,
[data-theme="dark"] #brands,
html.dark .brand-stage-sec,
html.dark #brands,
body.dark .brand-stage-sec,
body.dark #brands {
  background: #0e0e11 !important;
}

[data-theme="dark"] .brand-stage-box,
html.dark .brand-stage-box,
body.dark .brand-stage-box {
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.65) !important;
}

[data-theme="dark"] .stage-brand-tag,
html.dark .stage-brand-tag,
body.dark .stage-brand-tag {
  background: rgba(18, 18, 22, 0.9) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
}

[data-theme="dark"] .stage-cta-btn,
html.dark .stage-cta-btn,
body.dark .stage-cta-btn {
  background: #18181d !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
}

[data-theme="dark"] .stage-cta-btn:hover,
html.dark .stage-cta-btn:hover,
body.dark .stage-cta-btn:hover {
  background: #24242c !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5) !important;
}

/* --- D. APPAREL & STREETWEAR SHOWCASE --- */
[data-theme="dark"] #apparel,
html.dark #apparel,
body.dark #apparel {
  background: #0e0e11 !important;
}

[data-theme="dark"] .apparel-card,
[data-theme="dark"] .apparel-card.app-tshirts,
[data-theme="dark"] .apparel-card.app-hoodies,
[data-theme="dark"] .apparel-card.app-jackets,
[data-theme="dark"] .apparel-card.app-hoodies-jackets,
[data-theme="dark"] .apparel-card.app-shorts,
[data-theme="dark"] .apparel-card.app-pants,
[data-theme="dark"] .apparel-card.app-bras,
[data-theme="dark"] .apparel-card.app-accessories,
html.dark .apparel-card,
html.dark .apparel-card.app-tshirts,
html.dark .apparel-card.app-hoodies,
html.dark .apparel-card.app-jackets,
html.dark .apparel-card.app-hoodies-jackets,
html.dark .apparel-card.app-shorts,
html.dark .apparel-card.app-pants,
html.dark .apparel-card.app-bras,
html.dark .apparel-card.app-accessories,
body.dark .apparel-card,
body.dark .apparel-card.app-tshirts,
body.dark .apparel-card.app-hoodies,
body.dark .apparel-card.app-jackets,
body.dark .apparel-card.app-hoodies-jackets,
body.dark .apparel-card.app-shorts,
body.dark .apparel-card.app-pants,
body.dark .apparel-card.app-bras,
body.dark .apparel-card.app-accessories {
  background: #17171c !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .apparel-card:hover .apparel-card-btn,
[data-theme="dark"] .apparel-card-btn:hover,
html.dark .apparel-card:hover .apparel-card-btn,
html.dark .apparel-card-btn:hover,
body.dark .apparel-card:hover .apparel-card-btn,
body.dark .apparel-card-btn:hover {
  background: #ffffff !important;
  color: #111113 !important;
  border-color: #ffffff !important;
  transform: translateX(3px) !important;
}

/* --- E. 3RD SECTION: SHOP BY SPORT & LIFESTYLE (BENTO PURPOSE GRID) --- */
[data-theme="dark"] .sec.grey,
[data-theme="dark"] #cats,
html.dark .sec.grey,
html.dark #cats,
body.dark .sec.grey,
body.dark #cats {
  background: #0e0e11 !important;
}

[data-theme="dark"] .purpose-card,
[data-theme="dark"] .purpose-card.pur-running,
[data-theme="dark"] .purpose-card.pur-basketball,
[data-theme="dark"] .purpose-card.pur-training,
[data-theme="dark"] .purpose-card.pur-football,
[data-theme="dark"] .purpose-card.pur-gym,
[data-theme="dark"] .purpose-card.pur-lifestyle,
[data-theme="dark"] .purpose-card.pur-outdoor,
[data-theme="dark"] .purpose-card.pur-slides,
[data-theme="dark"] .purpose-card.a,
[data-theme="dark"] .purpose-card.b,
[data-theme="dark"] .purpose-card.c,
[data-theme="dark"] .purpose-card.d,
[data-theme="dark"] .purpose-card.e,
html.dark .purpose-card,
html.dark .purpose-card.pur-running,
html.dark .purpose-card.pur-basketball,
html.dark .purpose-card.pur-training,
html.dark .purpose-card.pur-football,
html.dark .purpose-card.pur-gym,
html.dark .purpose-card.pur-lifestyle,
html.dark .purpose-card.pur-outdoor,
html.dark .purpose-card.pur-slides,
html.dark .purpose-card.a,
html.dark .purpose-card.b,
html.dark .purpose-card.c,
html.dark .purpose-card.d,
html.dark .purpose-card.e,
body.dark .purpose-card,
body.dark .purpose-card.pur-running,
body.dark .purpose-card.pur-basketball,
body.dark .purpose-card.pur-training,
body.dark .purpose-card.pur-football,
body.dark .purpose-card.pur-gym,
body.dark .purpose-card.pur-lifestyle,
body.dark .purpose-card.pur-outdoor,
body.dark .purpose-card.pur-slides,
body.dark .purpose-card.a,
body.dark .purpose-card.b,
body.dark .purpose-card.c,
body.dark .purpose-card.d,
body.dark .purpose-card.e {
  background: #17171c !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] .purpose-card:hover,
html.dark .purpose-card:hover,
body.dark .purpose-card:hover {
  background: #1f1f26 !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.55) !important;
}

[data-theme="dark"] .purpose-tag,
html.dark .purpose-tag,
body.dark .purpose-tag {
  color: #a1a1aa !important;
}

[data-theme="dark"] .purpose-title,
html.dark .purpose-title,
body.dark .purpose-title {
  color: #ffffff !important;
}

[data-theme="dark"] .purpose-desc,
html.dark .purpose-desc,
body.dark .purpose-desc {
  color: #8e8e93 !important;
}

/* --- F. 4TH SECTION: PRODUCTS CATALOG & NIKE PLP EXPERIENCE --- */
[data-theme="dark"] #catalogView,
[data-theme="dark"] #catalog,
[data-theme="dark"] .plp-nike-section,
html.dark #catalogView,
html.dark #catalog,
html.dark .plp-nike-section,
body.dark #catalogView,
body.dark #catalog,
body.dark .plp-nike-section {
  background: #0e0e11 !important;
  color: #f5f5f7 !important;
}

[data-theme="dark"] .nike-plp-breadcrumb,
html.dark .nike-plp-breadcrumb,
body.dark .nike-plp-breadcrumb {
  color: #8e8e93 !important;
}

[data-theme="dark"] .nike-crumb-home,
html.dark .nike-crumb-home,
body.dark .nike-crumb-home {
  color: #a1a1aa !important;
}

[data-theme="dark"] .nike-crumb-home:hover,
html.dark .nike-crumb-home:hover,
body.dark .nike-crumb-home:hover {
  color: #ffffff !important;
}

[data-theme="dark"] .nike-crumb-sep,
html.dark .nike-crumb-sep,
body.dark .nike-crumb-sep {
  color: #52525b !important;
}

[data-theme="dark"] .nike-crumb-current,
html.dark .nike-crumb-current,
body.dark .nike-crumb-current {
  color: #ffffff !important;
}

[data-theme="dark"] .nike-plp-header,
html.dark .nike-plp-header,
body.dark .nike-plp-header {
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .nike-plp-title,
html.dark .nike-plp-title,
body.dark .nike-plp-title {
  color: #ffffff !important;
}

[data-theme="dark"] .nike-plp-count,
html.dark .nike-plp-count,
body.dark .nike-plp-count {
  background: #1c1c22 !important;
  color: #a1a1aa !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
}

/* Filter and Sort Controls */
[data-theme="dark"] .nike-toggle-filters-btn,
html.dark .nike-toggle-filters-btn,
body.dark .nike-toggle-filters-btn {
  background: #18181d !important;
  color: #f5f5f7 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

[data-theme="dark"] .nike-toggle-filters-btn:hover,
html.dark .nike-toggle-filters-btn:hover,
body.dark .nike-toggle-filters-btn:hover {
  background: #24242b !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
}

[data-theme="dark"] .nike-toggle-filters-btn .nike-toggle-icon,
html.dark .nike-toggle-filters-btn .nike-toggle-icon,
body.dark .nike-toggle-filters-btn .nike-toggle-icon {
  color: #f5f5f7 !important;
}

[data-theme="dark"] .nike-sort-btn,
html.dark .nike-sort-btn,
body.dark .nike-sort-btn {
  background: #18181d !important;
  color: #f5f5f7 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

[data-theme="dark"] .nike-sort-btn:hover,
html.dark .nike-sort-btn:hover,
body.dark .nike-sort-btn:hover {
  background: #24242b !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
}

[data-theme="dark"] .nike-sort-chevron,
html.dark .nike-sort-chevron,
body.dark .nike-sort-chevron {
  color: #f5f5f7 !important;
}

[data-theme="dark"] .nike-sort-dropdown,
html.dark .nike-sort-dropdown,
body.dark .nike-sort-dropdown {
  background: rgba(22, 22, 27, 0.98) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.65) !important;
}

[data-theme="dark"] .nike-sort-option,
html.dark .nike-sort-option,
body.dark .nike-sort-option {
  color: #a1a1aa !important;
}

[data-theme="dark"] .nike-sort-option:hover,
html.dark .nike-sort-option:hover,
body.dark .nike-sort-option:hover {
  background: #262630 !important;
  color: #ffffff !important;
}

[data-theme="dark"] .nike-sort-option.active,
html.dark .nike-sort-option.active,
body.dark .nike-sort-option.active {
  background: #22222a !important;
  color: #ffffff !important;
}

[data-theme="dark"] .nike-sort-check,
html.dark .nike-sort-check,
body.dark .nike-sort-check {
  color: #ffffff !important;
}

/* Sidebar & Accordions */
[data-theme="dark"] .nike-sidebar,
html.dark .nike-sidebar,
body.dark .nike-sidebar {
  background: transparent !important;
}

[data-theme="dark"] .nike-sidebar-head,
html.dark .nike-sidebar-head,
body.dark .nike-sidebar-head {
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .nike-sidebar-heading,
html.dark .nike-sidebar-heading,
body.dark .nike-sidebar-heading {
  color: #ffffff !important;
}

[data-theme="dark"] .nike-active-filter-count,
html.dark .nike-active-filter-count,
body.dark .nike-active-filter-count {
  background: #ffffff !important;
  color: #111113 !important;
}

[data-theme="dark"] .nike-reset-btn,
html.dark .nike-reset-btn,
body.dark .nike-reset-btn {
  background: #1f1f25 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #f5f5f7 !important;
}

[data-theme="dark"] .nike-reset-btn:hover,
html.dark .nike-reset-btn:hover,
body.dark .nike-reset-btn:hover {
  background: #ffffff !important;
  color: #111113 !important;
  border-color: #ffffff !important;
}

[data-theme="dark"] .nike-reset-btn.has-filters,
html.dark .nike-reset-btn.has-filters,
body.dark .nike-reset-btn.has-filters {
  background: #ffffff !important;
  color: #111113 !important;
  border-color: #ffffff !important;
}

[data-theme="dark"] .nike-accordion-item,
html.dark .nike-accordion-item,
body.dark .nike-accordion-item {
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .nike-accordion-header,
html.dark .nike-accordion-header,
body.dark .nike-accordion-header {
  color: #ffffff !important;
}

[data-theme="dark"] .nike-accordion-header:hover,
html.dark .nike-accordion-header:hover,
body.dark .nike-accordion-header:hover {
  color: #ffffff !important;
}

[data-theme="dark"] .nike-acc-icon,
html.dark .nike-acc-icon,
body.dark .nike-acc-icon {
  color: #8e8e93 !important;
}

[data-theme="dark"] .nike-accordion-item.open .nike-acc-icon,
html.dark .nike-accordion-item.open .nike-acc-icon,
body.dark .nike-accordion-item.open .nike-acc-icon {
  color: #ffffff !important;
}

[data-theme="dark"] .nike-checkbox-label:hover,
html.dark .nike-checkbox-label:hover,
body.dark .nike-checkbox-label:hover {
  background: rgba(255, 255, 255, 0.05) !important;
}

[data-theme="dark"] .nike-custom-check,
html.dark .nike-custom-check,
body.dark .nike-custom-check {
  background: #1b1b20 !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
}

[data-theme="dark"] .nike-checkbox-label input[type="checkbox"]:checked ~ .nike-custom-check,
html.dark .nike-checkbox-label input[type="checkbox"]:checked ~ .nike-custom-check,
body.dark .nike-checkbox-label input[type="checkbox"]:checked ~ .nike-custom-check {
  background: #ffffff !important;
  border-color: #ffffff !important;
}

[data-theme="dark"] .nike-custom-check svg,
html.dark .nike-custom-check svg,
body.dark .nike-custom-check svg {
  stroke: #111113 !important;
}

[data-theme="dark"] .nike-checkbox-text,
html.dark .nike-checkbox-text,
body.dark .nike-checkbox-text {
  color: #d1d1d6 !important;
}

[data-theme="dark"] .nike-checkbox-label input[type="checkbox"]:checked ~ .nike-checkbox-text,
html.dark .nike-checkbox-label input[type="checkbox"]:checked ~ .nike-checkbox-text,
body.dark .nike-checkbox-label input[type="checkbox"]:checked ~ .nike-checkbox-text {
  color: #ffffff !important;
}

[data-theme="dark"] .nike-size-box,
html.dark .nike-size-box,
body.dark .nike-size-box {
  background: #1b1b20 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #d1d1d6 !important;
}

[data-theme="dark"] .nike-size-box:hover,
html.dark .nike-size-box:hover,
body.dark .nike-size-box:hover {
  background: #262630 !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
  color: #ffffff !important;
}

[data-theme="dark"] .nike-size-box.active,
html.dark .nike-size-box.active,
body.dark .nike-size-box.active {
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: #111113 !important;
}

/* Active Chips Bar */
[data-theme="dark"] .nike-active-chips-bar,
html.dark .nike-active-chips-bar,
body.dark .nike-active-chips-bar {
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .nike-active-chip,
html.dark .nike-active-chip,
body.dark .nike-active-chip {
  background: #1c1c22 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #f5f5f7 !important;
}

[data-theme="dark"] .nike-active-chip-remove,
html.dark .nike-active-chip-remove,
body.dark .nike-active-chip-remove {
  color: #8e8e93 !important;
}

[data-theme="dark"] .nike-active-chip-remove:hover,
html.dark .nike-active-chip-remove:hover,
body.dark .nike-active-chip-remove:hover {
  color: #ffffff !important;
}

[data-theme="dark"] .nike-clear-all-chips-btn,
html.dark .nike-clear-all-chips-btn,
body.dark .nike-clear-all-chips-btn {
  color: #a1a1aa !important;
}

[data-theme="dark"] .nike-clear-all-chips-btn:hover,
html.dark .nike-clear-all-chips-btn:hover,
body.dark .nike-clear-all-chips-btn:hover {
  color: #ffffff !important;
}

/* Product Cards in Dark Mode Grid */
[data-theme="dark"] .pcard,
html.dark .pcard,
body.dark .pcard {
  color: #f5f5f7 !important;
}

[data-theme="dark"] .pcard-tag,
html.dark .pcard-tag,
body.dark .pcard-tag {
  color: #fb923c !important; /* Premium warm orange */
}

[data-theme="dark"] .pcolours,
html.dark .pcolours,
body.dark .pcolours {
  color: #8e8e93 !important;
}

[data-theme="dark"] .pcard-plate,
html.dark .pcard-plate,
body.dark .pcard-plate {
  background: #f6f6f8 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .pcard:hover .pcard-plate,
html.dark .pcard:hover .pcard-plate,
body.dark .pcard:hover .pcard-plate {
  background: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
}

/* Mobile Filter Drawer Footer */
[data-theme="dark"] .nike-sidebar-mobile-footer,
html.dark .nike-sidebar-mobile-footer,
body.dark .nike-sidebar-mobile-footer {
  background: #121215 !important;
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .nike-mobile-clear-btn,
html.dark .nike-mobile-clear-btn,
body.dark .nike-mobile-clear-btn {
  background: #1e1e24 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #f5f5f7 !important;
}

[data-theme="dark"] .nike-mobile-apply-btn,
html.dark .nike-mobile-apply-btn,
body.dark .nike-mobile-apply-btn {
  background: #ffffff !important;
  color: #111113 !important;
}

/* --- G. 5TH SECTION: PRODUCT DETAIL / NIKE PDP QUICK VIEW MODAL --- */
[data-theme="dark"] .modal-overlay,
html.dark .modal-overlay,
body.dark .modal-overlay {
  background: rgba(0, 0, 0, 0.78) !important;
}

[data-theme="dark"] .modal-card,
[data-theme="dark"] .pv-modal-card,
[data-theme="dark"] .nike-pdp-card,
[data-theme="dark"] .qa-modal-card,
html.dark .modal-card,
html.dark .pv-modal-card,
html.dark .nike-pdp-card,
html.dark .qa-modal-card,
body.dark .modal-card,
body.dark .pv-modal-card,
body.dark .nike-pdp-card,
body.dark .qa-modal-card {
  background: #151518 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 32px 80px rgba(0, 0, 0, 0.8) !important;
  color: #f5f5f7 !important;
}

[data-theme="dark"] .pv-circle-close,
[data-theme="dark"] .qa-circle-close,
html.dark .pv-circle-close,
html.dark .qa-circle-close,
body.dark .pv-circle-close,
body.dark .qa-circle-close {
  background: #24242a !important;
  color: #f5f5f7 !important;
}

[data-theme="dark"] .pv-circle-close:hover,
[data-theme="dark"] .qa-circle-close:hover,
html.dark .pv-circle-close:hover,
html.dark .qa-circle-close:hover,
body.dark .pv-circle-close:hover,
body.dark .qa-circle-close:hover {
  background: #32323a !important;
  color: #ffffff !important;
}

[data-theme="dark"] .pv-main-stage-wrap,
html.dark .pv-main-stage-wrap,
body.dark .pv-main-stage-wrap {
  background: #1c1c22 !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
}

[data-theme="dark"] .pv-vert-thumb-btn,
html.dark .pv-vert-thumb-btn,
body.dark .pv-vert-thumb-btn {
  background: #1c1c22 !important;
  border-color: transparent !important;
}

[data-theme="dark"] .pv-vert-thumb-btn:hover,
html.dark .pv-vert-thumb-btn:hover,
body.dark .pv-vert-thumb-btn:hover {
  border-color: rgba(255, 255, 255, 0.25) !important;
}

[data-theme="dark"] .pv-vert-thumb-btn.active,
html.dark .pv-vert-thumb-btn.active,
body.dark .pv-vert-thumb-btn.active {
  border-color: #ffffff !important;
}

[data-theme="dark"] .pv-nav-arrow-btn,
html.dark .pv-nav-arrow-btn,
body.dark .pv-nav-arrow-btn {
  background: #24242a !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
}

[data-theme="dark"] .pv-nav-arrow-btn:hover,
html.dark .pv-nav-arrow-btn:hover,
body.dark .pv-nav-arrow-btn:hover {
  background: #32323c !important;
  color: #ffffff !important;
}

[data-theme="dark"] .pv-pdp-title,
html.dark .pv-pdp-title,
body.dark .pv-pdp-title {
  color: #ffffff !important;
}

[data-theme="dark"] .pv-pdp-subtitle,
html.dark .pv-pdp-subtitle,
body.dark .pv-pdp-subtitle {
  color: #a1a1aa !important;
}

[data-theme="dark"] .pv-pdp-price,
html.dark .pv-pdp-price,
body.dark .pv-pdp-price {
  color: #ffffff !important;
}

[data-theme="dark"] .pv-pdp-tax-note,
[data-theme="dark"] .pv-pdp-duties-note,
html.dark .pv-pdp-tax-note,
html.dark .pv-pdp-duties-note,
body.dark .pv-pdp-tax-note,
body.dark .pv-pdp-duties-note {
  color: #8e8e93 !important;
}

[data-theme="dark"] .pv-colour-label,
html.dark .pv-colour-label,
body.dark .pv-colour-label {
  color: #8e8e93 !important;
}

[data-theme="dark"] .pv-colour-value,
html.dark .pv-colour-value,
body.dark .pv-colour-value {
  color: #f5f5f7 !important;
}

[data-theme="dark"] .pv-shoe-swatch-card,
html.dark .pv-shoe-swatch-card,
body.dark .pv-shoe-swatch-card {
  background: #1c1c22 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .pv-shoe-swatch-card:hover,
html.dark .pv-shoe-swatch-card:hover,
body.dark .pv-shoe-swatch-card:hover {
  border-color: rgba(255, 255, 255, 0.3) !important;
}

[data-theme="dark"] .pv-shoe-swatch-card.active,
html.dark .pv-shoe-swatch-card.active,
body.dark .pv-shoe-swatch-card.active {
  border-color: #ffffff !important;
  box-shadow: 0 0 0 1px #ffffff !important;
}

[data-theme="dark"] .pv-details-block,
html.dark .pv-details-block,
body.dark .pv-details-block {
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .pv-details-copy,
html.dark .pv-details-copy,
body.dark .pv-details-copy {
  color: #a1a1aa !important;
}

[data-theme="dark"] .pv-spec-list dt,
html.dark .pv-spec-list dt,
body.dark .pv-spec-list dt {
  color: #8e8e93 !important;
}

[data-theme="dark"] .pv-spec-list dd,
html.dark .pv-spec-list dd,
body.dark .pv-spec-list dd {
  color: #f5f5f7 !important;
}

[data-theme="dark"] .pv-size-select-label,
html.dark .pv-size-select-label,
body.dark .pv-size-select-label {
  color: #ffffff !important;
}

[data-theme="dark"] .pv-size-guide-link,
html.dark .pv-size-guide-link,
body.dark .pv-size-guide-link {
  color: #a1a1aa !important;
}

[data-theme="dark"] .pv-size-guide-link:hover,
html.dark .pv-size-guide-link:hover,
body.dark .pv-size-guide-link:hover {
  color: #ffffff !important;
}

[data-theme="dark"] .pv-size-chip,
html.dark .pv-size-chip,
body.dark .pv-size-chip {
  background: #1c1c22 !important;
  color: #f5f5f7 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

[data-theme="dark"] .pv-size-chip:hover:not(.sold-out),
html.dark .pv-size-chip:hover:not(.sold-out),
body.dark .pv-size-chip:hover:not(.sold-out) {
  border-color: #ffffff !important;
  background: #25252e !important;
}

[data-theme="dark"] .pv-size-chip.selected,
html.dark .pv-size-chip.selected,
body.dark .pv-size-chip.selected {
  background: #ffffff !important;
  color: #111113 !important;
  border-color: #ffffff !important;
}

[data-theme="dark"] .pv-size-chip.sold-out,
html.dark .pv-size-chip.sold-out,
body.dark .pv-size-chip.sold-out {
  background: #16161a !important;
  color: #52525b !important;
  border-color: rgba(255, 255, 255, 0.05) !important;
}

[data-theme="dark"] .pv-size-stock-hint,
html.dark .pv-size-stock-hint,
body.dark .pv-size-stock-hint {
  color: #a1a1aa !important;
}

[data-theme="dark"] .pv-btn-add-bag,
html.dark .pv-btn-add-bag,
body.dark .pv-btn-add-bag {
  background: #ffffff !important;
  color: #111113 !important;
}

[data-theme="dark"] .pv-btn-add-bag:hover,
html.dark .pv-btn-add-bag:hover,
body.dark .pv-btn-add-bag:hover {
  background: #e4e4e7 !important;
}

[data-theme="dark"] .pv-btn-favourite,
html.dark .pv-btn-favourite,
body.dark .pv-btn-favourite {
  background: transparent !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
}

[data-theme="dark"] .pv-btn-favourite:hover,
html.dark .pv-btn-favourite:hover,
body.dark .pv-btn-favourite:hover {
  border-color: #ffffff !important;
  background: rgba(255, 255, 255, 0.06) !important;
}

[data-theme="dark"] .pv-pdp-services,
html.dark .pv-pdp-services,
body.dark .pv-pdp-services {
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .pv-service-item,
html.dark .pv-service-item,
body.dark .pv-service-item {
  color: #a1a1aa !important;
}

[data-theme="dark"] .pv-service-item svg,
html.dark .pv-service-item svg,
body.dark .pv-service-item svg {
  color: #f5f5f7 !important;
}

[data-theme="dark"] .pv-similar-section,
html.dark .pv-similar-section,
body.dark .pv-similar-section {
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .pv-similar-title,
html.dark .pv-similar-title,
body.dark .pv-similar-title {
  color: #ffffff !important;
}

[data-theme="dark"] .pv-similar-sub,
html.dark .pv-similar-sub,
body.dark .pv-similar-sub {
  color: #a1a1aa !important;
}

/* 3D Viewer in PDP */
[data-theme="dark"] .pv-media-stage-wrap,
html.dark .pv-media-stage-wrap,
body.dark .pv-media-stage-wrap {
  background: #1c1c22 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .pv-3d-toggle-btn,
html.dark .pv-3d-toggle-btn,
body.dark .pv-3d-toggle-btn {
  background: rgba(24, 24, 28, 0.9) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
}

[data-theme="dark"] .pv-3d-reset-btn,
html.dark .pv-3d-reset-btn,
body.dark .pv-3d-reset-btn {
  background: rgba(28, 28, 34, 0.9) !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
  color: #f5f5f7 !important;
}

[data-theme="dark"] .pv-specs-table,
html.dark .pv-specs-table,
body.dark .pv-specs-table {
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .pv-spec-cell,
html.dark .pv-spec-cell,
body.dark .pv-spec-cell {
  background: #1c1c22 !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
}

[data-theme="dark"] .pv-spec-cell span,
html.dark .pv-spec-cell span,
body.dark .pv-spec-cell span {
  color: #8e8e93 !important;
}

[data-theme="dark"] .pv-spec-cell strong,
html.dark .pv-spec-cell strong,
body.dark .pv-spec-cell strong {
  color: #f5f5f7 !important;
}

/* --- H. QUICK ADD (QA) MODAL --- */
[data-theme="dark"] .qa-prod-summary,
html.dark .qa-prod-summary,
body.dark .qa-prod-summary {
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .qa-prod-img-box,
html.dark .qa-prod-img-box,
body.dark .qa-prod-img-box {
  background: #1c1c22 !important;
}

[data-theme="dark"] .qa-prod-title,
html.dark .qa-prod-title,
body.dark .qa-prod-title {
  color: #ffffff !important;
}

[data-theme="dark"] .qa-prod-sub,
html.dark .qa-prod-sub,
body.dark .qa-prod-sub {
  color: #a1a1aa !important;
}

[data-theme="dark"] .qa-prod-price,
html.dark .qa-prod-price,
body.dark .qa-prod-price {
  color: #ffffff !important;
}

[data-theme="dark"] .qa-section-title,
html.dark .qa-section-title,
body.dark .qa-section-title {
  color: #ffffff !important;
}

[data-theme="dark"] .qa-size-chip,
html.dark .qa-size-chip,
body.dark .qa-size-chip {
  background: #1c1c22 !important;
  color: #f5f5f7 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

[data-theme="dark"] .qa-size-chip:hover:not(.sold-out),
html.dark .qa-size-chip:hover:not(.sold-out),
body.dark .qa-size-chip:hover:not(.sold-out) {
  border-color: #ffffff !important;
  background: #25252e !important;
}

[data-theme="dark"] .qa-size-chip.selected,
html.dark .qa-size-chip.selected,
body.dark .qa-size-chip.selected {
  background: #ffffff !important;
  color: #111113 !important;
  border-color: #ffffff !important;
}

[data-theme="dark"] .qa-submit-btn,
html.dark .qa-submit-btn,
body.dark .qa-submit-btn {
  background: #ffffff !important;
  color: #111113 !important;
}

[data-theme="dark"] .qa-submit-btn:hover,
html.dark .qa-submit-btn:hover,
body.dark .qa-submit-btn:hover {
  background: #e4e4e7 !important;
}

/* --- I. ACCOUNT PORTAL & MODALS & CART SHEET --- */
[data-theme="dark"] .modal-content,
[data-theme="dark"] .cart-sheet,
[data-theme="dark"] .auth-modal,
[data-theme="dark"] .account-portal-box,
html.dark .modal-content,
html.dark .cart-sheet,
html.dark .auth-modal,
html.dark .account-portal-box,
body.dark .modal-content,
body.dark .cart-sheet,
body.dark .auth-modal,
body.dark .account-portal-box {
  background: #151518 !important;
  color: #f5f5f7 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .cart-item,
html.dark .cart-item,
body.dark .cart-item {
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .cart-footer,
html.dark .cart-footer,
body.dark .cart-footer {
  background: #18181d !important;
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] input,
[data-theme="dark"] select,
[data-theme="dark"] textarea,
html.dark input,
html.dark select,
html.dark textarea,
body.dark input,
body.dark select,
body.dark textarea {
  background-color: #1f1f24 !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}

/* Consent Bar */
[data-theme="dark"] .consent-bar,
html.dark .consent-bar,
body.dark .consent-bar {
  background: #16161a !important;
  border-top-color: rgba(255, 255, 255, 0.1) !important;
  color: #d1d1d6 !important;
}

/* --- J. FOOTER --- */
[data-theme="dark"] footer,
[data-theme="dark"] .footer,
[data-theme="dark"] .club-footer,
html.dark footer,
html.dark .footer,
html.dark .club-footer,
body.dark footer,
body.dark .footer,
body.dark .club-footer {
  background: #09090b !important;
  border-top-color: rgba(255, 255, 255, 0.08) !important;
  color: #a1a1aa !important;
}

[data-theme="dark"] .club-footer a,
[data-theme="dark"] .footer a,
html.dark .club-footer a,
html.dark .footer a,
body.dark .club-footer a,
body.dark .footer a {
  color: #d1d1d6 !important;
}

[data-theme="dark"] .club-footer a:hover,
[data-theme="dark"] .footer a:hover,
html.dark .club-footer a:hover,
html.dark .footer a:hover,
body.dark .club-footer a:hover,
body.dark .footer a:hover {
  color: #ffffff !important;
}

[data-theme="dark"] .club-footer-heading,
html.dark .club-footer-heading,
body.dark .club-footer-heading {
  color: #ffffff !important;
}

[data-theme="dark"] .club-footer-bar,
html.dark .club-footer-bar,
body.dark .club-footer-bar {
  border-top-color: rgba(255, 255, 255, 0.08) !important;
  color: #8e8e93 !important;
}

[data-theme="dark"] .club-footer-mark,
html.dark .club-footer-mark,
body.dark .club-footer-mark {
  color: #ffffff !important;
  opacity: 0.06 !important;
}

/* ============================================================
   K. LUXURY OBSIDIAN DARK MODE REFINEMENTS:
   Pills, Account Portal Tabs, Wishlist Drawer & Bag Popover
   ============================================================ */

/* 1. Pill Action Buttons */
[data-theme="dark"] .pill.dark,
html.dark .pill.dark,
body.dark .pill.dark {
  background: #ffffff !important;
  color: #111113 !important;
  border: 1px solid #ffffff !important;
  font-weight: 700 !important;
}

[data-theme="dark"] .pill.dark:hover,
html.dark .pill.dark:hover,
body.dark .pill.dark:hover {
  background: #e4e4e7 !important;
  color: #000000 !important;
  border-color: #e4e4e7 !important;
  transform: translateY(-1px) !important;
}

[data-theme="dark"] .pill.ghost,
html.dark .pill.ghost,
body.dark .pill.ghost {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: #f5f5f7 !important;
}

[data-theme="dark"] .pill.ghost:hover,
html.dark .pill.ghost:hover,
body.dark .pill.ghost:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
}

/* 2. Customer Account Portal Tabs & Cards */
[data-theme="dark"] .account-tabs,
html.dark .account-tabs,
body.dark .account-tabs {
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .account-tab-btn,
html.dark .account-tab-btn,
body.dark .account-tab-btn {
  background: #1f1f25 !important;
  color: #a1a1aa !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .account-tab-btn:hover,
html.dark .account-tab-btn:hover,
body.dark .account-tab-btn:hover {
  background: #2b2b35 !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
}

[data-theme="dark"] .account-tab-btn.active,
html.dark .account-tab-btn.active,
body.dark .account-tab-btn.active {
  background: #ffffff !important;
  color: #111113 !important;
  border-color: #ffffff !important;
  font-weight: 700 !important;
}

[data-theme="dark"] .account-empty-card,
html.dark .account-empty-card,
body.dark .account-empty-card {
  background: #1c1c22 !important;
  color: #a1a1aa !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .account-empty-card h4,
html.dark .account-empty-card h4,
body.dark .account-empty-card h4 {
  color: #ffffff !important;
}

[data-theme="dark"] .account-empty-card p,
html.dark .account-empty-card p,
body.dark .account-empty-card p {
  color: #a1a1aa !important;
}

[data-theme="dark"] .account-empty-card svg,
html.dark .account-empty-card svg,
body.dark .account-empty-card svg {
  color: #71717a !important;
}

[data-theme="dark"] .order-history-card,
html.dark .order-history-card,
body.dark .order-history-card {
  background: #1c1c22 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #f5f5f7 !important;
}

[data-theme="dark"] .order-card-header,
html.dark .order-card-header,
body.dark .order-card-header {
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .order-card-footer,
html.dark .order-card-footer,
body.dark .order-card-footer {
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .order-id-label,
html.dark .order-id-label,
body.dark .order-id-label {
  color: #ffffff !important;
}

[data-theme="dark"] .order-item-info h5,
html.dark .order-item-info h5,
body.dark .order-item-info h5 {
  color: #ffffff !important;
}

[data-theme="dark"] .order-item-price,
html.dark .order-item-price,
body.dark .order-item-price {
  color: #ffffff !important;
}

[data-theme="dark"] .saved-address-card,
html.dark .saved-address-card,
body.dark .saved-address-card {
  background: #1c1c22 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #f5f5f7 !important;
}

[data-theme="dark"] .saved-address-card.default,
html.dark .saved-address-card.default,
body.dark .saved-address-card.default {
  background: rgba(56, 189, 248, 0.08) !important;
  border-color: rgba(56, 189, 248, 0.4) !important;
}

[data-theme="dark"] #accountSignOutBtn,
[data-theme="dark"] #btnRevokeAllSessions,
[data-theme="dark"] .account-portal-box .btn-secondary,
html.dark #accountSignOutBtn,
html.dark #btnRevokeAllSessions,
html.dark .account-portal-box .btn-secondary,
body.dark #accountSignOutBtn,
body.dark #btnRevokeAllSessions,
body.dark .account-portal-box .btn-secondary {
  background: #25252c !important;
  color: #f5f5f7 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

[data-theme="dark"] #accountSignOutBtn:hover,
[data-theme="dark"] #btnRevokeAllSessions:hover,
[data-theme="dark"] .account-portal-box .btn-secondary:hover,
html.dark #accountSignOutBtn:hover,
html.dark #btnRevokeAllSessions:hover,
html.dark .account-portal-box .btn-secondary:hover,
body.dark #accountSignOutBtn:hover,
body.dark #btnRevokeAllSessions:hover,
body.dark .account-portal-box .btn-secondary:hover {
  background: #32323c !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
}

/* 3. Wishlist Drawer & Cart Drawer */
[data-theme="dark"] .cart-drawer,
[data-theme="dark"] #wishlistDrawer,
[data-theme="dark"] #cartDrawer,
html.dark .cart-drawer,
html.dark #wishlistDrawer,
html.dark #cartDrawer,
body.dark .cart-drawer,
body.dark #wishlistDrawer,
body.dark #cartDrawer {
  background: #151518 !important;
  color: #f5f5f7 !important;
  border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: -10px 0 40px rgba(0, 0, 0, 0.65) !important;
}

[data-theme="dark"] .cart-drawer .drawer-head,
html.dark .cart-drawer .drawer-head,
body.dark .cart-drawer .drawer-head {
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .cart-drawer .drawer-head h3,
html.dark .cart-drawer .drawer-head h3,
body.dark .cart-drawer .drawer-head h3 {
  color: #ffffff !important;
}

[data-theme="dark"] .cart-drawer .btn-close,
html.dark .cart-drawer .btn-close,
body.dark .cart-drawer .btn-close {
  background: #24242a !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .cart-drawer .btn-close:hover,
html.dark .cart-drawer .btn-close:hover,
body.dark .cart-drawer .btn-close:hover {
  background: #32323a !important;
  color: #ffffff !important;
}

[data-theme="dark"] .wish-size-select,
html.dark .wish-size-select,
body.dark .wish-size-select {
  background: #1f1f25 !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}

[data-theme="dark"] .wish-move-btn,
html.dark .wish-move-btn,
body.dark .wish-move-btn {
  background: #ffffff !important;
  color: #111113 !important;
  border: 1px solid #ffffff !important;
  font-weight: 700 !important;
}

[data-theme="dark"] .wish-move-btn:hover,
html.dark .wish-move-btn:hover,
body.dark .wish-move-btn:hover {
  background: #e4e4e7 !important;
  color: #000000 !important;
}

[data-theme="dark"] .wish-del-btn,
html.dark .wish-del-btn,
body.dark .wish-del-btn {
  color: #a1a1aa !important;
}

[data-theme="dark"] .wish-del-btn:hover,
html.dark .wish-del-btn:hover,
body.dark .wish-del-btn:hover {
  color: #ef4444 !important;
}

[data-theme="dark"] .cart-drawer .drawer-foot,
html.dark .cart-drawer .drawer-foot,
body.dark .cart-drawer .drawer-foot {
  background: #18181d !important;
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .cart-drawer .cart-item,
html.dark .cart-drawer .cart-item,
body.dark .cart-drawer .cart-item {
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .cart-drawer .cart-item-img,
html.dark .cart-drawer .cart-item-img,
body.dark .cart-drawer .cart-item-img {
  background: #1f1f25 !important;
}

[data-theme="dark"] .cart-drawer .cart-item-info h4,
html.dark .cart-drawer .cart-item-info h4,
body.dark .cart-drawer .cart-item-info h4 {
  color: #ffffff !important;
}

[data-theme="dark"] .cart-drawer .cart-item-meta,
html.dark .cart-drawer .cart-item-meta,
body.dark .cart-drawer .cart-item-meta {
  color: #a1a1aa !important;
}

[data-theme="dark"] .cart-drawer .item-price,
html.dark .cart-drawer .item-price,
body.dark .cart-drawer .item-price {
  color: #ffffff !important;
}

[data-theme="dark"] .cart-drawer .qty-ctrl,
html.dark .cart-drawer .qty-ctrl,
body.dark .cart-drawer .qty-ctrl {
  border-color: rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
}

[data-theme="dark"] .cart-drawer .cart-summary-row.total,
html.dark .cart-drawer .cart-summary-row.total,
body.dark .cart-drawer .cart-summary-row.total {
  color: #ffffff !important;
  border-top-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .cart-drawer .free-shipping-bar,
html.dark .cart-drawer .free-shipping-bar,
body.dark .cart-drawer .free-shipping-bar {
  background: rgba(16, 185, 129, 0.12) !important;
  color: #34d399 !important;
  border: 1px solid rgba(16, 185, 129, 0.2) !important;
}

/* 4. Bag Dropdown Menu Popover */
[data-theme="dark"] .bag-dropdown-menu,
html.dark .bag-dropdown-menu,
body.dark .bag-dropdown-menu {
  background: rgba(21, 21, 24, 0.98) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.75) !important;
  color: #f5f5f7 !important;
}

[data-theme="dark"] .bag-empty-heading,
html.dark .bag-empty-heading,
body.dark .bag-empty-heading {
  color: #ffffff !important;
}

[data-theme="dark"] .bag-signin-note,
html.dark .bag-signin-note,
body.dark .bag-signin-note {
  color: #a1a1aa !important;
}

[data-theme="dark"] .bag-profile-sec,
html.dark .bag-profile-sec,
body.dark .bag-profile-sec {
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .bag-profile-title,
html.dark .bag-profile-title,
body.dark .bag-profile-title {
  color: #8e8e93 !important;
}

[data-theme="dark"] .bag-profile-links li a,
html.dark .bag-profile-links li a,
body.dark .bag-profile-links li a {
  color: #f5f5f7 !important;
}

[data-theme="dark"] .bag-profile-links li a:hover,
html.dark .bag-profile-links li a:hover,
body.dark .bag-profile-links li a:hover {
  color: #38bdf8 !important;
}

[data-theme="dark"] .bag-dropdown-menu .cart-item,
html.dark .bag-dropdown-menu .cart-item,
body.dark .bag-dropdown-menu .cart-item {
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .bag-dropdown-menu .cart-item-img,
html.dark .bag-dropdown-menu .cart-item-img,
body.dark .bag-dropdown-menu .cart-item-img {
  background: #1f1f25 !important;
}

[data-theme="dark"] .bag-dropdown-menu .cart-item-info h4,
html.dark .bag-dropdown-menu .cart-item-info h4,
body.dark .bag-dropdown-menu .cart-item-info h4 {
  color: #ffffff !important;
}

[data-theme="dark"] .bag-dropdown-menu .cart-item-meta,
html.dark .bag-dropdown-menu .cart-item-meta,
body.dark .bag-dropdown-menu .cart-item-meta {
  color: #a1a1aa !important;
}

/* ============================================================
   L. MEGA MENU DARK MODE (EXPLORE MEN / WOMEN / KIDS / BRANDS)
   ============================================================ */
[data-theme="dark"] .mega,
html.dark .mega,
body.dark .mega {
  background: #111114 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.75) !important;
}

[data-theme="dark"] .mega-eyebrow,
html.dark .mega-eyebrow,
body.dark .mega-eyebrow {
  color: #8e8e93 !important;
}

[data-theme="dark"] .mega-list-primary li a,
html.dark .mega-list-primary li a,
body.dark .mega-list-primary li a {
  color: #f5f5f7 !important;
}

[data-theme="dark"] .mega-list-primary li a:hover,
html.dark .mega-list-primary li a:hover,
body.dark .mega-list-primary li a:hover {
  color: #38bdf8 !important;
}

[data-theme="dark"] .mega-list-secondary li a,
html.dark .mega-list-secondary li a,
body.dark .mega-list-secondary li a {
  color: #a1a1aa !important;
}

[data-theme="dark"] .mega-list-secondary li a:hover,
html.dark .mega-list-secondary li a:hover,
body.dark .mega-list-secondary li a:hover {
  color: #ffffff !important;
}

/* ============================================================
   M. GLOBAL MODAL & DIALOG CLOSE BUTTONS
   ============================================================ */
[data-theme="dark"] .btn-close,
html.dark .btn-close,
body.dark .btn-close {
  background: #24242a !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

[data-theme="dark"] .btn-close:hover,
html.dark .btn-close:hover,
body.dark .btn-close:hover {
  background: #32323a !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
}

/* ============================================================
   N. MOBILE NAVIGATION DRAWER (ACCORDION ITEMS & TOOL CARDS)
   ============================================================ */
[data-theme="dark"] .msheet-item-text,
html.dark .msheet-item-text,
body.dark .msheet-item-text {
  color: #f5f5f7 !important;
}

[data-theme="dark"] .msheet-chevron,
html.dark .msheet-chevron,
body.dark .msheet-chevron {
  color: #8e8e93 !important;
}

[data-theme="dark"] .msheet-acc-item.open .msheet-chevron,
html.dark .msheet-acc-item.open .msheet-chevron,
body.dark .msheet-acc-item.open .msheet-chevron {
  color: #ffffff !important;
}

[data-theme="dark"] .msheet-sub-link,
html.dark .msheet-sub-link,
body.dark .msheet-sub-link {
  color: #a1a1aa !important;
}

[data-theme="dark"] .msheet-sub-link:hover,
html.dark .msheet-sub-link:hover,
body.dark .msheet-sub-link:hover {
  color: #ffffff !important;
}

[data-theme="dark"] .msheet-sub-link.is-primary,
html.dark .msheet-sub-link.is-primary,
body.dark .msheet-sub-link.is-primary {
  color: #ffffff !important;
}

[data-theme="dark"] .msheet-sub-arrow,
html.dark .msheet-sub-arrow,
body.dark .msheet-sub-arrow {
  color: #71717a !important;
}

[data-theme="dark"] .msheet-sub-heading,
html.dark .msheet-sub-heading,
body.dark .msheet-sub-heading {
  color: #8e8e93 !important;
}

[data-theme="dark"] .msheet-tool-card,
html.dark .msheet-tool-card,
body.dark .msheet-tool-card {
  background: #1c1c22 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #f5f5f7 !important;
}

[data-theme="dark"] .msheet-tool-card:hover,
html.dark .msheet-tool-card:hover,
body.dark .msheet-tool-card:hover {
  background: #24242c !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
}

[data-theme="dark"] .msheet-tool-card svg,
html.dark .msheet-tool-card svg,
body.dark .msheet-tool-card svg {
  color: #f5f5f7 !important;
  stroke: #f5f5f7 !important;
}

[data-theme="dark"] .msheet-tool-title,
html.dark .msheet-tool-title,
body.dark .msheet-tool-title {
  color: #ffffff !important;
}

[data-theme="dark"] .msheet-tool-sub,
html.dark .msheet-tool-sub,
body.dark .msheet-tool-sub {
  color: #8e8e93 !important;
}

[data-theme="dark"] #customerAccountCloseBtn,
html.dark #customerAccountCloseBtn,
body.dark #customerAccountCloseBtn {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
}

[data-theme="dark"] #customerAccountCloseBtn:hover,
html.dark #customerAccountCloseBtn:hover,
body.dark #customerAccountCloseBtn:hover {
  background: rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
}

/* ============================================================
   O. LEGAL & POLICY PAGES (PRIVACY, TERMS, STORE CLAIM, REFUND)
   ============================================================ */
[data-theme="dark"] .legal-page,
html.dark .legal-page,
body.dark .legal-page {
  background: #0d0d0f !important;
  color: #f5f5f7 !important;
}

[data-theme="dark"] .legal-head,
html.dark .legal-head,
body.dark .legal-head {
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .legal-back,
html.dark .legal-back,
body.dark .legal-back {
  color: #a1a1aa !important;
}

[data-theme="dark"] .legal-back:hover,
html.dark .legal-back:hover,
body.dark .legal-back:hover {
  color: #ffffff !important;
}

[data-theme="dark"] .legal-eyebrow,
html.dark .legal-eyebrow,
body.dark .legal-eyebrow {
  color: #8e8e93 !important;
}

[data-theme="dark"] .legal-title,
html.dark .legal-title,
body.dark .legal-title {
  color: #ffffff !important;
}

[data-theme="dark"] .legal-sub,
html.dark .legal-sub,
body.dark .legal-sub {
  color: #a1a1aa !important;
}

[data-theme="dark"] .legal-meta,
html.dark .legal-meta,
body.dark .legal-meta {
  color: #71717a !important;
}

[data-theme="dark"] .legal-callout,
html.dark .legal-callout,
body.dark .legal-callout {
  background: #18181d !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  border-left: 3px solid #38bdf8 !important;
  color: #d1d1d6 !important;
}

[data-theme="dark"] .legal-callout strong,
html.dark .legal-callout strong,
body.dark .legal-callout strong {
  color: #ffffff !important;
}

[data-theme="dark"] .legal-toc,
html.dark .legal-toc,
body.dark .legal-toc {
  background: #16161a !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .legal-toc-title,
html.dark .legal-toc-title,
body.dark .legal-toc-title {
  color: #8e8e93 !important;
}

[data-theme="dark"] .legal-toc li,
html.dark .legal-toc li,
body.dark .legal-toc li {
  color: #71717a !important;
}

[data-theme="dark"] .legal-toc a,
html.dark .legal-toc a,
body.dark .legal-toc a {
  color: #a1a1aa !important;
}

[data-theme="dark"] .legal-toc a:hover,
html.dark .legal-toc a:hover,
body.dark .legal-toc a:hover {
  color: #38bdf8 !important;
}

[data-theme="dark"] .legal-section h2,
html.dark .legal-section h2,
body.dark .legal-section h2 {
  color: #ffffff !important;
}

[data-theme="dark"] .legal-section p,
[data-theme="dark"] .legal-section li,
html.dark .legal-section p,
html.dark .legal-section li,
body.dark .legal-section p,
body.dark .legal-section li {
  color: #d1d1d6 !important;
}

[data-theme="dark"] .legal-section strong,
html.dark .legal-section strong,
body.dark .legal-section strong {
  color: #ffffff !important;
}

[data-theme="dark"] .legal-note,
html.dark .legal-note,
body.dark .legal-note {
  color: #a1a1aa !important;
  border-left-color: rgba(255, 255, 255, 0.15) !important;
}

[data-theme="dark"] .legal-highlight,
html.dark .legal-highlight,
body.dark .legal-highlight {
  background: #1a1a20 !important;
  color: #ffffff !important;
}

[data-theme="dark"] .legal-contact a,
html.dark .legal-contact a,
body.dark .legal-contact a {
  color: #38bdf8 !important;
}

[data-theme="dark"] .legal-table th,
html.dark .legal-table th,
body.dark .legal-table th {
  background: #1c1c22 !important;
  color: #ffffff !important;
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .legal-table td,
html.dark .legal-table td,
body.dark .legal-table td {
  border-bottom-color: rgba(255, 255, 255, 0.06) !important;
  color: #d1d1d6 !important;
}

[data-theme="dark"] .legal-crosslink,
html.dark .legal-crosslink,
body.dark .legal-crosslink {
  border-top-color: rgba(255, 255, 255, 0.08) !important;
  color: #8e8e93 !important;
}

[data-theme="dark"] .legal-crosslink a,
html.dark .legal-crosslink a,
body.dark .legal-crosslink a {
  color: #38bdf8 !important;
}