/* Temporary Entertainment Zone theme lab.
   Pick a theme from the floating switcher, then we can promote the winner into styles.css later. */

html[data-theme="retail-classic"] {
  --theme-name: "Retail Classic";
  --theme-bg: #eaeded;
  --theme-surface: #ffffff;
  --theme-surface-soft: #f7f9fa;
  --theme-ink: #0f1111;
  --theme-muted: #565959;
  --theme-line: #dddddd;
  --theme-header: #131921;
  --theme-subheader: #232f3e;
  --theme-nav-text: #ffffff;
  --theme-promo: #febd69;
  --theme-primary: #f0c14b;
  --theme-primary-strong: #e5b230;
  --theme-primary-ink: #111111;
  --theme-primary-border: #a88734;
  --theme-link: #007185;
  --theme-link-hover: #e47911;
  --theme-danger: #b12704;
  --theme-good: #007600;
  --theme-good-soft: #ecf7ec;
  --theme-hero-overlay:
    linear-gradient(to bottom, rgba(234, 237, 237, 0) 40%, rgba(234, 237, 237, 1) 98%),
    linear-gradient(to right, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.42) 42%, rgba(0, 0, 0, 0.08) 76%);
}

html[data-theme="microsoft-blue"] {
  --theme-name: "Microsoft Blue";
  --theme-bg: #f5f7fb;
  --theme-surface: #ffffff;
  --theme-surface-soft: #f2f6ff;
  --theme-ink: #1a1a1a;
  --theme-muted: #505a66;
  --theme-line: #d7dde8;
  --theme-header: #ffffff;
  --theme-subheader: #f3f6fb;
  --theme-nav-text: #1a1a1a;
  --theme-promo: #0067b8;
  --theme-primary: #0078d4;
  --theme-primary-strong: #005a9e;
  --theme-primary-ink: #ffffff;
  --theme-primary-border: #0067b8;
  --theme-link: #0067b8;
  --theme-link-hover: #004578;
  --theme-danger: #c50f1f;
  --theme-good: #107c10;
  --theme-good-soft: #e9f6e9;
  --theme-hero-overlay:
    linear-gradient(to bottom, rgba(245, 247, 251, 0) 44%, rgba(245, 247, 251, 1) 98%),
    linear-gradient(to right, rgba(0, 50, 96, 0.78) 0%, rgba(0, 92, 160, 0.36) 48%, rgba(255, 255, 255, 0.1) 78%);
}

html[data-theme="graphite-pro"] {
  --theme-name: "Graphite Pro";
  --theme-bg: #eef0f3;
  --theme-surface: #ffffff;
  --theme-surface-soft: #f4f5f7;
  --theme-ink: #17191d;
  --theme-muted: #5a6472;
  --theme-line: #d8dde5;
  --theme-header: #20242b;
  --theme-subheader: #303640;
  --theme-nav-text: #f8fafc;
  --theme-promo: #cbd5e1;
  --theme-primary: #3f4652;
  --theme-primary-strong: #252a32;
  --theme-primary-ink: #ffffff;
  --theme-primary-border: #252a32;
  --theme-link: #2563eb;
  --theme-link-hover: #111827;
  --theme-danger: #dc2626;
  --theme-good: #047857;
  --theme-good-soft: #e7f5ef;
  --theme-hero-overlay:
    linear-gradient(to bottom, rgba(238, 240, 243, 0) 45%, rgba(238, 240, 243, 1) 98%),
    linear-gradient(to right, rgba(17, 24, 39, 0.8) 0%, rgba(31, 41, 55, 0.48) 50%, rgba(255, 255, 255, 0.08) 80%);
}

html[data-theme="midnight-neon"] {
  --theme-name: "Midnight Neon";
  --theme-bg: #080d17;
  --theme-surface: #111827;
  --theme-surface-soft: #0f172a;
  --theme-ink: #e5eefb;
  --theme-muted: #a7b4c8;
  --theme-line: #263247;
  --theme-header: #070b14;
  --theme-subheader: #101827;
  --theme-nav-text: #f8fbff;
  --theme-promo: #67e8f9;
  --theme-primary: #21d4fd;
  --theme-primary-strong: #b721ff;
  --theme-primary-ink: #06101c;
  --theme-primary-border: #38bdf8;
  --theme-link: #67e8f9;
  --theme-link-hover: #f472b6;
  --theme-danger: #fb7185;
  --theme-good: #34d399;
  --theme-good-soft: rgba(52, 211, 153, 0.16);
  --theme-hero-overlay:
    linear-gradient(to bottom, rgba(8, 13, 23, 0) 44%, rgba(8, 13, 23, 1) 98%),
    linear-gradient(to right, rgba(0, 0, 0, 0.88) 0%, rgba(16, 24, 39, 0.64) 54%, rgba(33, 212, 253, 0.12) 82%);
}

html[data-theme="black-gold"] {
  --theme-name: "Black Gold";
  --theme-bg: #f5f1e8;
  --theme-surface: #fffdf8;
  --theme-surface-soft: #f1eadc;
  --theme-ink: #18140d;
  --theme-muted: #695f4c;
  --theme-line: #ded2bb;
  --theme-header: #12100b;
  --theme-subheader: #241d12;
  --theme-nav-text: #fff7e3;
  --theme-promo: #d6a63f;
  --theme-primary: #d6a63f;
  --theme-primary-strong: #a77216;
  --theme-primary-ink: #18140d;
  --theme-primary-border: #9a6b16;
  --theme-link: #8a5a0a;
  --theme-link-hover: #3b2a0f;
  --theme-danger: #9f1239;
  --theme-good: #166534;
  --theme-good-soft: #eaf5eb;
  --theme-hero-overlay:
    linear-gradient(to bottom, rgba(245, 241, 232, 0) 44%, rgba(245, 241, 232, 1) 98%),
    linear-gradient(to right, rgba(18, 16, 11, 0.82) 0%, rgba(36, 29, 18, 0.52) 50%, rgba(214, 166, 63, 0.08) 82%);
}

html[data-theme="emerald-market"] {
  --theme-name: "Emerald Market";
  --theme-bg: #eef8f2;
  --theme-surface: #ffffff;
  --theme-surface-soft: #f2fbf6;
  --theme-ink: #0f1f17;
  --theme-muted: #53645a;
  --theme-line: #cfe3d7;
  --theme-header: #08351f;
  --theme-subheader: #105c38;
  --theme-nav-text: #f4fff8;
  --theme-promo: #b8f3cf;
  --theme-primary: #16a34a;
  --theme-primary-strong: #047857;
  --theme-primary-ink: #ffffff;
  --theme-primary-border: #047857;
  --theme-link: #047857;
  --theme-link-hover: #065f46;
  --theme-danger: #be123c;
  --theme-good: #047857;
  --theme-good-soft: #e6f8ed;
  --theme-hero-overlay:
    linear-gradient(to bottom, rgba(238, 248, 242, 0) 44%, rgba(238, 248, 242, 1) 98%),
    linear-gradient(to right, rgba(8, 53, 31, 0.82) 0%, rgba(16, 92, 56, 0.5) 50%, rgba(255, 255, 255, 0.08) 82%);
}

html[data-theme="coral-energy"] {
  --theme-name: "Coral Energy";
  --theme-bg: #fff6f3;
  --theme-surface: #ffffff;
  --theme-surface-soft: #fff0ea;
  --theme-ink: #241515;
  --theme-muted: #715b57;
  --theme-line: #f0d3ca;
  --theme-header: #351315;
  --theme-subheader: #7f1d1d;
  --theme-nav-text: #fff8f5;
  --theme-promo: #ffd0a6;
  --theme-primary: #ff6b35;
  --theme-primary-strong: #e54b1a;
  --theme-primary-ink: #ffffff;
  --theme-primary-border: #c2410c;
  --theme-link: #c2410c;
  --theme-link-hover: #7f1d1d;
  --theme-danger: #e11d48;
  --theme-good: #15803d;
  --theme-good-soft: #eaf8ee;
  --theme-hero-overlay:
    linear-gradient(to bottom, rgba(255, 246, 243, 0) 44%, rgba(255, 246, 243, 1) 98%),
    linear-gradient(to right, rgba(53, 19, 21, 0.82) 0%, rgba(127, 29, 29, 0.5) 50%, rgba(255, 107, 53, 0.08) 82%);
}

html[data-theme="violet-studio"] {
  --theme-name: "Violet Studio";
  --theme-bg: #f7f4ff;
  --theme-surface: #ffffff;
  --theme-surface-soft: #f0eaff;
  --theme-ink: #1e1833;
  --theme-muted: #665d78;
  --theme-line: #ddd3f5;
  --theme-header: #22143e;
  --theme-subheader: #3b226c;
  --theme-nav-text: #fbf8ff;
  --theme-promo: #d8c4ff;
  --theme-primary: #7c3aed;
  --theme-primary-strong: #5b21b6;
  --theme-primary-ink: #ffffff;
  --theme-primary-border: #5b21b6;
  --theme-link: #6d28d9;
  --theme-link-hover: #4c1d95;
  --theme-danger: #db2777;
  --theme-good: #047857;
  --theme-good-soft: #e7f5ef;
  --theme-hero-overlay:
    linear-gradient(to bottom, rgba(247, 244, 255, 0) 44%, rgba(247, 244, 255, 1) 98%),
    linear-gradient(to right, rgba(34, 20, 62, 0.82) 0%, rgba(59, 34, 108, 0.48) 50%, rgba(124, 58, 237, 0.08) 82%);
}

html[data-theme="slate-cyan"] {
  --theme-name: "Slate Cyan";
  --theme-bg: #edf5f8;
  --theme-surface: #ffffff;
  --theme-surface-soft: #eff9fb;
  --theme-ink: #10202a;
  --theme-muted: #536777;
  --theme-line: #cfe0e7;
  --theme-header: #102a38;
  --theme-subheader: #17475a;
  --theme-nav-text: #f5fdff;
  --theme-promo: #8be9ff;
  --theme-primary: #0891b2;
  --theme-primary-strong: #0e7490;
  --theme-primary-ink: #ffffff;
  --theme-primary-border: #0e7490;
  --theme-link: #0e7490;
  --theme-link-hover: #155e75;
  --theme-danger: #be123c;
  --theme-good: #047857;
  --theme-good-soft: #e6f8ef;
  --theme-hero-overlay:
    linear-gradient(to bottom, rgba(237, 245, 248, 0) 44%, rgba(237, 245, 248, 1) 98%),
    linear-gradient(to right, rgba(16, 42, 56, 0.82) 0%, rgba(23, 71, 90, 0.5) 50%, rgba(255, 255, 255, 0.08) 82%);
}

html[data-theme="clean-white"] {
  --theme-name: "Clean White";
  --theme-bg: #ffffff;
  --theme-surface: #ffffff;
  --theme-surface-soft: #f7f8fa;
  --theme-ink: #111827;
  --theme-muted: #5f6875;
  --theme-line: #e5e7eb;
  --theme-header: #ffffff;
  --theme-subheader: #f8fafc;
  --theme-nav-text: #111827;
  --theme-promo: #2563eb;
  --theme-primary: #2563eb;
  --theme-primary-strong: #1d4ed8;
  --theme-primary-ink: #ffffff;
  --theme-primary-border: #1d4ed8;
  --theme-link: #2563eb;
  --theme-link-hover: #1e40af;
  --theme-danger: #dc2626;
  --theme-good: #047857;
  --theme-good-soft: #ecfdf3;
  --theme-hero-overlay:
    linear-gradient(to bottom, rgba(255, 255, 255, 0) 44%, rgba(255, 255, 255, 1) 98%),
    linear-gradient(to right, rgba(17, 24, 39, 0.72) 0%, rgba(37, 99, 235, 0.32) 50%, rgba(255, 255, 255, 0.04) 82%);
}

html[data-theme="logo-pop"] {
  --theme-name: "Logo Pop";
  --theme-bg: #f8fbff;
  --theme-surface: #ffffff;
  --theme-surface-soft: #f0f7ff;
  --theme-ink: #111111;
  --theme-muted: #4f5b6c;
  --theme-line: #d8e5f6;
  --theme-header: #ffffff;
  --theme-subheader: #111111;
  --theme-nav-text: #ffffff;
  --theme-promo: #74d8ef;
  --theme-primary: #3154d4;
  --theme-primary-strong: #2440a8;
  --theme-primary-ink: #ffffff;
  --theme-primary-border: #2440a8;
  --theme-link: #3154d4;
  --theme-link-hover: #e9153f;
  --theme-danger: #e9153f;
  --theme-good: #007f4f;
  --theme-good-soft: #e7f8f1;
  --theme-logo-cyan: #74d8ef;
  --theme-hero-overlay:
    linear-gradient(to bottom, rgba(248, 251, 255, 0) 44%, rgba(248, 251, 255, 1) 98%),
    linear-gradient(to right, rgba(17, 17, 17, 0.82) 0%, rgba(49, 84, 212, 0.46) 46%, rgba(116, 216, 239, 0.12) 78%);
}

html[data-theme="ebay-marketplace"] {
  --theme-name: "eBay Marketplace";
  --theme-bg: #f7f7f7;
  --theme-surface: #ffffff;
  --theme-surface-soft: #f5f5f5;
  --theme-ink: #191919;
  --theme-muted: #707070;
  --theme-line: #d9d9d9;
  --theme-header: #ffffff;
  --theme-subheader: #ffffff;
  --theme-nav-text: #191919;
  --theme-promo: #86b817;
  --theme-primary: #0064d2;
  --theme-primary-strong: #004a9f;
  --theme-primary-ink: #ffffff;
  --theme-primary-border: #0053b3;
  --theme-link: #0654ba;
  --theme-link-hover: #e53238;
  --theme-danger: #e53238;
  --theme-good: #86b817;
  --theme-good-soft: #eff8e4;
  --theme-ebay-yellow: #f5af02;
  --theme-ebay-green: #86b817;
  --theme-hero-overlay:
    linear-gradient(to bottom, rgba(247, 247, 247, 0) 44%, rgba(247, 247, 247, 1) 98%),
    linear-gradient(to right, rgba(25, 25, 25, 0.76) 0%, rgba(0, 100, 210, 0.32) 45%, rgba(245, 175, 2, 0.1) 78%);
}

html[data-theme] {
  --retail-navy: var(--theme-header);
  --retail-slate: var(--theme-subheader);
  --retail-bg: var(--theme-bg);
  --retail-orange: var(--theme-primary);
  --retail-orange-hover: var(--theme-primary-strong);
  --retail-orange-border: var(--theme-primary-border);
  --retail-accent-orange: var(--theme-link-hover);
  --bg: var(--theme-bg);
  --surface: var(--theme-surface);
  --surface-strong: var(--theme-surface-soft);
  --ink: var(--theme-ink);
  --muted: var(--theme-muted);
  --line: var(--theme-line);
  --blue: var(--theme-link);
  --blue-dark: var(--theme-primary-strong);
  --cyan: var(--theme-link);
  --cyan-soft: var(--theme-surface-soft);
  --red: var(--theme-danger);
  --green: var(--theme-good);
  --green-soft: var(--theme-good-soft);
}

html[data-theme] body {
  background: var(--theme-bg);
  color: var(--theme-ink);
}

html[data-theme] a {
  color: var(--theme-link);
}

html[data-theme] a:hover {
  color: var(--theme-link-hover);
}

html[data-theme] .site-header {
  background: var(--theme-header);
  color: var(--theme-nav-text);
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.14);
}

html[data-theme] .brand,
html[data-theme] .nav-retail-link,
html[data-theme] .cart-retail-btn {
  color: var(--theme-nav-text);
}

html[data-theme="microsoft-blue"] .brand,
html[data-theme="microsoft-blue"] .nav-retail-link,
html[data-theme="microsoft-blue"] .cart-retail-btn,
html[data-theme="clean-white"] .brand,
html[data-theme="clean-white"] .nav-retail-link,
html[data-theme="clean-white"] .cart-retail-btn,
html[data-theme="logo-pop"] .brand,
html[data-theme="logo-pop"] .nav-retail-link,
html[data-theme="logo-pop"] .cart-retail-btn,
html[data-theme="ebay-marketplace"] .brand,
html[data-theme="ebay-marketplace"] .nav-retail-link,
html[data-theme="ebay-marketplace"] .cart-retail-btn {
  color: var(--theme-ink);
}

html[data-theme] .brand-deliver,
html[data-theme] .nav-retail-small {
  color: color-mix(in srgb, var(--theme-nav-text), transparent 28%);
}

html[data-theme="microsoft-blue"] .brand-deliver,
html[data-theme="microsoft-blue"] .nav-retail-small,
html[data-theme="clean-white"] .brand-deliver,
html[data-theme="clean-white"] .nav-retail-small,
html[data-theme="logo-pop"] .brand-deliver,
html[data-theme="logo-pop"] .nav-retail-small,
html[data-theme="ebay-marketplace"] .brand-deliver,
html[data-theme="ebay-marketplace"] .nav-retail-small {
  color: var(--theme-muted);
}

html[data-theme] .site-subheader {
  background: var(--theme-subheader);
  border-top-color: color-mix(in srgb, var(--theme-nav-text), transparent 86%);
}

html[data-theme] .sub-nav a {
  color: var(--theme-nav-text);
}

html[data-theme] .subnav-all-btn {
  color: var(--theme-nav-text);
}

html[data-theme] .shop-menu-dropdown {
  background: var(--theme-surface);
  border-color: var(--theme-line);
}

html[data-theme] .shop-menu-dropdown a,
html[data-theme] .shop-menu-dropdown button {
  color: var(--theme-ink);
}

html[data-theme] .shop-menu-dropdown a:hover,
html[data-theme] .shop-menu-dropdown button:hover {
  background: color-mix(in srgb, var(--theme-primary), #ffffff 90%);
  color: var(--theme-ink);
}

html[data-theme] .shop-menu-dropdown i {
  color: var(--theme-link);
}

html[data-theme] .shop-menu-dropdown small {
  color: var(--theme-muted);
}

html[data-theme="microsoft-blue"] .sub-nav a,
html[data-theme="clean-white"] .sub-nav a,
html[data-theme="ebay-marketplace"] .sub-nav a {
  color: var(--theme-ink);
}

html[data-theme="microsoft-blue"] .subnav-all-btn,
html[data-theme="clean-white"] .subnav-all-btn,
html[data-theme="ebay-marketplace"] .subnav-all-btn {
  color: var(--theme-ink);
}

html[data-theme="ebay-marketplace"] .site-header {
  border-bottom: 1px solid var(--theme-line);
  box-shadow: 0 2px 8px rgba(25, 25, 25, 0.08);
}

html[data-theme="ebay-marketplace"] .site-subheader {
  border-top: 0;
  border-bottom: 1px solid var(--theme-line);
}

html[data-theme="ebay-marketplace"] .brand-name {
  background: linear-gradient(90deg, #e53238 0 24%, #0064d2 24% 52%, #f5af02 52% 75%, #86b817 75%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

html[data-theme="ebay-marketplace"] .brand img {
  border-color: #ffffff;
  box-shadow: 0 0 0 2px #e53238, 0 0 0 4px #0064d2;
}

html[data-theme="ebay-marketplace"] .header-search {
  border-color: #c7c7c7;
  box-shadow: none;
}

html[data-theme="ebay-marketplace"] .header-search:focus-within {
  border-color: var(--theme-primary);
  box-shadow: 0 0 0 3px rgba(0, 100, 210, 0.14);
}

html[data-theme="ebay-marketplace"] .search-category-select {
  background: #f7f7f7;
  border-right-color: var(--theme-line);
}

html[data-theme="ebay-marketplace"] .subnav-all-btn {
  color: var(--theme-primary);
}

html[data-theme="ebay-marketplace"] .subheader-promo {
  color: var(--theme-danger);
}

html[data-theme="ebay-marketplace"] .hero-kicker,
html[data-theme="ebay-marketplace"] .eyebrow {
  color: var(--theme-primary);
}

html[data-theme="ebay-marketplace"] .hero-kicker {
  background: var(--theme-ebay-yellow);
  color: #191919;
}

html[data-theme="ebay-marketplace"] .button.primary,
html[data-theme="ebay-marketplace"] .product-card-btn:not(.whatsapp) {
  background: var(--theme-primary);
  border-color: var(--theme-primary-border);
  color: #ffffff;
}

html[data-theme="ebay-marketplace"] .button.primary:hover,
html[data-theme="ebay-marketplace"] .product-card-btn:not(.whatsapp):hover {
  background: var(--theme-primary-strong);
  border-color: var(--theme-primary-strong);
}

html[data-theme="ebay-marketplace"] .product-badge {
  background: #ffffff;
  border: 1px solid var(--theme-primary);
  color: var(--theme-primary);
}

html[data-theme="ebay-marketplace"] .product-card:hover {
  background:
    linear-gradient(180deg, rgba(0, 100, 210, 0.055), rgba(255, 255, 255, 0.9));
}

html[data-theme="ebay-marketplace"] .card-link-cta {
  color: var(--theme-primary);
}

html[data-theme="ebay-marketplace"] .card-link-cta i {
  color: #e53238;
}

html[data-theme="ebay-marketplace"] .status-pill.available,
html[data-theme="ebay-marketplace"] .status-pill.instock {
  border: 1px solid rgba(134, 184, 23, 0.28);
}

html[data-theme="ebay-marketplace"] .purchase-panel,
html[data-theme="ebay-marketplace"] .product-contact-footer,
html[data-theme="ebay-marketplace"] .flow-step,
html[data-theme="ebay-marketplace"] .theme-panel,
html[data-theme="ebay-marketplace"] .drawer-panel,
html[data-theme="ebay-marketplace"] .message-shell {
  box-shadow: 0 2px 10px rgba(25, 25, 25, 0.08);
}

html[data-theme="ebay-marketplace"] .support-section,
html[data-theme="ebay-marketplace"] .site-footer {
  background:
    linear-gradient(90deg, #0654ba 0%, #0064d2 42%, #86b817 100%);
}

html[data-theme="ebay-marketplace"] .support-copy .eyebrow,
html[data-theme="ebay-marketplace"] .support-meta i {
  color: var(--theme-ebay-yellow);
}

html[data-theme="ebay-marketplace"] .message-bubble.customer {
  background: var(--theme-primary);
  color: #ffffff;
}

html[data-theme="logo-pop"] .site-header {
  border-bottom: 4px solid var(--theme-danger);
}

html[data-theme="logo-pop"] .brand img {
  border: 2px solid var(--theme-danger);
  box-shadow: 0 0 0 3px #ffffff, 0 0 0 5px var(--theme-primary);
}

html[data-theme="logo-pop"] .brand-name {
  color: var(--theme-danger);
}

html[data-theme="logo-pop"] .brand-deliver i,
html[data-theme="logo-pop"] .nav-retail-bold i,
html[data-theme="logo-pop"] .header-search button i,
html[data-theme="logo-pop"] .cart-retail-btn i {
  color: var(--theme-primary);
}

html[data-theme="logo-pop"] .site-subheader {
  border-bottom: 4px solid var(--theme-primary);
}

html[data-theme="logo-pop"] .subnav-all-btn,
html[data-theme="logo-pop"] .subheader-promo {
  color: var(--theme-logo-cyan);
}

html[data-theme="logo-pop"] .hero-kicker,
html[data-theme="logo-pop"] .eyebrow {
  color: var(--theme-danger);
}

html[data-theme="logo-pop"] .hero-kicker {
  background: var(--theme-danger);
  color: #ffffff;
}

html[data-theme="logo-pop"] .product-badge {
  background: #ffffff;
  border: 1px solid var(--theme-primary);
  color: var(--theme-primary);
}

html[data-theme="logo-pop"] .product-card:hover {
  background:
    linear-gradient(180deg, rgba(116, 216, 239, 0.1), rgba(255, 255, 255, 0.88));
}

html[data-theme="logo-pop"] .button.primary,
html[data-theme="logo-pop"] .product-card-btn:not(.whatsapp) {
  background: linear-gradient(to bottom, #4d6df0, var(--theme-primary));
  border-color: var(--theme-primary-strong);
  color: #ffffff;
}

html[data-theme="logo-pop"] .button.primary:hover,
html[data-theme="logo-pop"] .product-card-btn:not(.whatsapp):hover {
  background: linear-gradient(to bottom, var(--theme-danger), #b90f31);
  border-color: #a40e2c;
}

html[data-theme="logo-pop"] .support-section,
html[data-theme="logo-pop"] .site-footer {
  background:
    linear-gradient(90deg, #111111 0%, #172a74 58%, #3154d4 100%);
}

html[data-theme="logo-pop"] .support-copy .eyebrow,
html[data-theme="logo-pop"] .support-meta i {
  color: var(--theme-logo-cyan);
}

html[data-theme="logo-pop"] .theme-toggle i,
html[data-theme="logo-pop"] .message-mark,
html[data-theme="logo-pop"] .card-link-cta,
html[data-theme="logo-pop"] .flow-step-top i {
  color: var(--theme-primary);
}

html[data-theme="logo-pop"] .message-bubble.customer {
  background: linear-gradient(135deg, var(--theme-primary), #172a74);
  color: #ffffff;
}

html[data-theme="logo-pop"] .floating-whatsapp {
  border: 3px solid #ffffff;
  box-shadow: 0 0 0 3px var(--theme-primary), 0 12px 30px rgba(49, 84, 212, 0.28);
}

html[data-theme] .subheader-promo {
  color: var(--theme-promo);
}

html[data-theme] .header-search,
html[data-theme] .search-box,
html[data-theme] .theme-panel,
html[data-theme] .drawer-panel,
html[data-theme] .message-shell,
html[data-theme] .product-dialog {
  background: var(--theme-surface);
  border-color: var(--theme-line);
  color: var(--theme-ink);
}

html[data-theme] .hero {
  background: var(--theme-bg);
}

html[data-theme] .hero-slide {
  background-image: var(--theme-hero-overlay), var(--slide-image);
}

html[data-theme] .hero-slide.hero-slide-gift-cards {
  background-image:
    linear-gradient(to bottom, rgba(234, 237, 237, 0) 48%, rgba(234, 237, 237, 1) 98%),
    linear-gradient(to right, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.42) 32%, rgba(255, 255, 255, 0.02) 58%),
    var(--slide-image);
  background-position: center top;
}

html[data-theme] .hero-slide.hero-slide-electronics {
  background-image:
    linear-gradient(to bottom, rgba(234, 237, 237, 0) 48%, rgba(234, 237, 237, 1) 98%),
    linear-gradient(to right, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.42) 31%, rgba(255, 255, 255, 0.03) 62%),
    var(--slide-image);
  background-position: center center;
}

html[data-theme] .hero-slide.hero-slide-subscriptions {
  background-image:
    linear-gradient(to bottom, rgba(234, 237, 237, 0) 46%, rgba(234, 237, 237, 1) 98%),
    linear-gradient(to right, rgba(0, 0, 0, 0.78) 0%, rgba(0, 0, 0, 0.52) 30%, rgba(0, 0, 0, 0.08) 62%),
    var(--slide-image);
  background-position: center center;
}

html[data-theme] .hero-kicker,
html[data-theme] .eyebrow {
  color: var(--theme-link-hover);
}

html[data-theme] .hero-kicker {
  background: var(--theme-link-hover);
  color: #ffffff;
}

html[data-theme] .button.primary,
html[data-theme] .product-card-btn:not(.whatsapp) {
  background: linear-gradient(to bottom, color-mix(in srgb, var(--theme-primary), #ffffff 22%), var(--theme-primary));
  border-color: var(--theme-primary-border);
  color: var(--theme-primary-ink);
}

html[data-theme] .button.primary:hover,
html[data-theme] .product-card-btn:not(.whatsapp):hover {
  background: linear-gradient(to bottom, var(--theme-primary), var(--theme-primary-strong));
  border-color: var(--theme-primary-strong);
}

html[data-theme] .hero-btn.button.primary {
  background: rgba(15, 23, 42, 0.88);
  border-color: rgba(255, 255, 255, 0.22);
  color: #ffffff;
}

html[data-theme] .hero-btn.button.primary:hover {
  background: rgba(15, 23, 42, 0.98);
  border-color: rgba(255, 255, 255, 0.38);
  color: #ffffff;
}

html[data-theme] .hero-btn.button.light {
  background: rgba(255, 255, 255, 0.84);
  border-color: rgba(15, 23, 42, 0.16);
  color: #101820;
}

html[data-theme] .hero-btn.button.light:hover {
  background: #ffffff;
  border-color: rgba(15, 23, 42, 0.28);
  color: #007600;
}

html[data-theme] .button.secondary,
html[data-theme] .button.light,
html[data-theme] .contact-option.web,
html[data-theme] .theme-option,
html[data-theme] .theme-toggle {
  background: var(--theme-surface);
  border-color: var(--theme-line);
  color: var(--theme-ink);
}

html[data-theme] .button.secondary:hover,
html[data-theme] .button.light:hover,
html[data-theme] .contact-option.web:hover,
html[data-theme] .theme-option:hover {
  border-color: var(--theme-link);
  color: var(--theme-link);
}

html[data-theme] .shop-section,
html[data-theme] .category-page,
html[data-theme] .product-page-section {
  background: var(--theme-bg);
}

html[data-theme] .product-grid {
  border-color: var(--theme-line);
}

html[data-theme] .product-card {
  background: transparent;
  border-color: var(--theme-line);
}

html[data-theme] .product-card:hover {
  background: color-mix(in srgb, var(--theme-surface), transparent 18%);
}

html[data-theme] .product-media,
html[data-theme] .product-page-media,
html[data-theme] .purchase-panel,
html[data-theme] .product-contact-footer,
html[data-theme] .flow-step,
html[data-theme] .message-bubble.support,
html[data-theme] .message-context,
html[data-theme] .theme-option {
  background: var(--theme-surface);
  border-color: var(--theme-line);
  color: var(--theme-ink);
}

html[data-theme] .product-badge {
  background: var(--theme-header);
  color: var(--theme-nav-text);
}

html[data-theme] .product-summary,
html[data-theme] .product-card-meta,
html[data-theme] .category-page-copy p,
html[data-theme] .product-page-copy > p,
html[data-theme] .product-page-description p,
html[data-theme] .product-contact-footer p,
html[data-theme] .flow-step p,
html[data-theme] .message-submit-row span,
html[data-theme] .theme-panel-copy {
  color: var(--theme-muted);
}

html[data-theme] .price,
html[data-theme] .product-page-price-row strong {
  color: var(--theme-ink);
}

html[data-theme] .card-link-cta,
html[data-theme] .product-gallery-strip i,
html[data-theme] .flow-step-top i,
html[data-theme] .message-mark,
html[data-theme] .message-context strong {
  color: var(--theme-link);
}

html[data-theme] .message-context-mark,
html[data-theme] .message-context-clear {
  color: var(--theme-muted);
}

html[data-theme] .message-context-copy span {
  color: var(--theme-ink);
}

html[data-theme] .message-context-clear:hover {
  background: var(--theme-surface-soft);
  color: var(--theme-ink);
}

html[data-theme] .status-pill.available,
html[data-theme] .status-pill.instock {
  background: var(--theme-good-soft);
  color: var(--theme-good);
}

html[data-theme] .flow-section {
  background: var(--theme-surface);
  border-color: var(--theme-line);
}

html[data-theme] .support-section,
html[data-theme] .site-footer {
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--theme-header), #000000 8%), var(--theme-subheader));
  color: var(--theme-nav-text);
}

html[data-theme] .support-copy h2,
html[data-theme] .support-meta span,
html[data-theme] .footer-brand strong,
html[data-theme] .site-footer a,
html[data-theme] .footer-actions button {
  color: var(--theme-nav-text);
}

html[data-theme] .support-copy p,
html[data-theme] .footer-brand span {
  color: color-mix(in srgb, var(--theme-nav-text), transparent 22%);
}

html[data-theme] .drawer-header,
html[data-theme] .message-topbar,
html[data-theme] .cart-footer,
html[data-theme] .message-composer,
html[data-theme] .message-quick-actions {
  background: var(--theme-surface-soft);
  border-color: var(--theme-line);
}

html[data-theme] .message-thread {
  background: color-mix(in srgb, var(--theme-surface-soft), var(--theme-bg) 36%);
}

html[data-theme] .message-bubble.customer {
  background: var(--theme-header);
  color: var(--theme-nav-text);
}

html[data-theme] .floating-whatsapp {
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.22);
}

.theme-switcher {
  position: fixed;
  right: 20px;
  bottom: 86px;
  z-index: 60;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
}

.theme-toggle {
  min-width: 134px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid var(--theme-line);
  border-radius: 999px;
  background: var(--theme-surface);
  color: var(--theme-ink);
  font-size: 13px;
  font-weight: 800;
  box-shadow: 0 12px 34px rgba(15, 23, 42, 0.18);
}

.theme-toggle:hover {
  transform: translateY(-1px);
}

.theme-toggle i {
  color: var(--theme-link);
}

.theme-panel {
  width: min(92vw, 390px);
  max-height: min(72vh, 680px);
  overflow-y: auto;
  padding: 16px;
  border: 1px solid var(--theme-line);
  border-radius: 14px;
  background: var(--theme-surface);
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.22);
}

.theme-panel-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.theme-panel-header h2 {
  margin: 0;
  color: var(--theme-ink);
  font-size: 18px;
  line-height: 1.15;
}

.theme-panel-copy {
  margin: 10px 0 14px;
  font-size: 12px;
  line-height: 1.45;
}

.theme-options {
  display: grid;
  gap: 8px;
}

.theme-option {
  width: 100%;
  display: grid;
  grid-template-columns: 44px 1fr auto;
  gap: 10px;
  align-items: center;
  padding: 10px;
  border: 1px solid var(--theme-line);
  border-radius: 10px;
  text-align: left;
  background: var(--theme-surface);
}

.theme-option.active {
  border-color: var(--theme-link);
  box-shadow: inset 0 0 0 1px var(--theme-link);
}

.theme-swatch {
  width: 44px;
  height: 32px;
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-radius: 8px;
  background: linear-gradient(135deg, var(--swatch-header) 0 36%, var(--swatch-primary) 36% 68%, var(--swatch-bg) 68%);
}

.theme-option strong {
  display: block;
  color: var(--theme-ink);
  font-size: 13px;
}

.theme-option span:not(.theme-swatch) {
  display: block;
  color: var(--theme-muted);
  font-size: 11px;
  line-height: 1.35;
}

.theme-check {
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--theme-line);
  border-radius: 50%;
  color: transparent;
}

.theme-option.active .theme-check {
  background: var(--theme-link);
  border-color: var(--theme-link);
  color: #ffffff;
}

html[data-theme="midnight-neon"] .product-card:hover,
html[data-theme="midnight-neon"] .purchase-panel,
html[data-theme="midnight-neon"] .product-contact-footer,
html[data-theme="midnight-neon"] .flow-step,
html[data-theme="midnight-neon"] .theme-panel,
html[data-theme="midnight-neon"] .drawer-panel,
html[data-theme="midnight-neon"] .message-shell {
  box-shadow: 0 0 0 1px rgba(103, 232, 249, 0.08), 0 14px 35px rgba(0, 0, 0, 0.24);
}

html[data-theme="clean-white"] .site-header,
html[data-theme="microsoft-blue"] .site-header {
  border-bottom: 1px solid var(--theme-line);
}

html[data-theme="clean-white"] .site-subheader,
html[data-theme="microsoft-blue"] .site-subheader {
  border-bottom: 1px solid var(--theme-line);
}

@media (max-width: 640px) {
  .theme-switcher {
    right: 14px;
    bottom: 82px;
  }

  .theme-toggle {
    min-width: 44px;
    width: 44px;
    padding: 0;
  }

  .theme-toggle span {
    display: none;
  }

  .theme-panel {
    width: min(94vw, 360px);
    max-height: 68vh;
  }
}