/*
 * GAMEMIR light theme.
 * Loaded after the base and WooCommerce page styles; dark remains the default.
 */

.theme-toggle-moon { display: none; }

/* Keep official wordmarks at their UI size even when WooCommerce injects img rules. */
.brand-wordmark {
  width: auto !important;
  height: var(--brand-wordmark-height, 12px) !important;
}

html[data-theme="light"] {
  --bg: #f4f4f5;
  --bg-1: #ffffff;
  --bg-2: #fafafa;
  --bg-3: #f0f0f2;
  --bg-4: #e4e4e7;
  --line: rgba(17, 18, 23, 0.1);
  --line-2: rgba(17, 18, 23, 0.17);
  --text: #111217;
  --muted: #52525b;
  --dim: #8a8a93;
  --light-ash: #d9dada;
  --light-surface: #ffffff;
  --light-surface-soft: #fafafa;
  --light-shadow: 0 1px 2px rgba(17, 18, 23, 0.035), 0 14px 34px rgba(17, 18, 23, 0.045);
}

html[data-theme="light"],
html[data-theme="light"] body {
  background: var(--bg);
  color: var(--text);
}

html[data-theme="light"] body {
  transition: background-color 0.2s ease, color 0.2s ease;
}

html[data-theme="light"] ::selection {
  background: var(--orange);
  color: #ffffff;
}

html[data-theme="light"] .theme-toggle-sun { display: none; }
html[data-theme="light"] .theme-toggle-moon { display: block; }

/* Header and navigation */
html[data-theme="light"] .nav {
  background: rgba(255, 255, 255, 0.9);
  border-color: var(--line);
  box-shadow: 0 10px 30px rgba(17, 18, 23, 0.04);
}

html[data-theme="light"] .nav-brand-logo-image,
html[data-theme="light"] .footer .brand-logo-image,
html[data-theme="light"] .footer .brand-wordmark,
html[data-theme="light"] .section-brand-logo,
html[data-theme="light"] .hero-brand-title img,
html[data-theme="light"] .features-brand-logo .brand-wordmark,
html[data-theme="light"] .crumb-brand-wordmark,
html[data-theme="light"] .photo-brand-logo,
html[data-theme="light"] .mob-menu-brand-wordmark,
html[data-theme="light"] .mob-menu-section-wordmark {
  filter: invert(1);
}

html[data-theme="light"] .nav-item,
html[data-theme="light"] .nav-icon {
  color: rgba(17, 18, 23, 0.72);
}

html[data-theme="light"] .nav-item:hover,
html[data-theme="light"] .nav-icon:hover,
html[data-theme="light"] .nav-item-dropdown:hover > .nav-item,
html[data-theme="light"] .nav-item-dropdown:focus-within > .nav-item {
  color: var(--text);
}

html[data-theme="light"] .nav-item-dropdown.is-open > .nav-item {
  color: var(--orange);
}

html[data-theme="light"] .nav-icon:hover {
  background: rgba(17, 18, 23, 0.055);
}

html[data-theme="light"] .nav-item-disabled,
html[data-theme="light"] .nav-item-disabled:hover {
  color: rgba(17, 18, 23, 0.36);
}

html[data-theme="light"] .nav-soon {
  border-color: rgba(17, 18, 23, 0.14);
}

html[data-theme="light"] .nav-search {
  color: var(--muted);
  background: var(--bg-2);
  border-color: var(--line-2);
}

html[data-theme="light"] .nav-search:focus-within {
  color: var(--text);
  background: #ffffff;
  border-color: var(--orange);
}

html[data-theme="light"] .nav-search input[type="search"] { color: var(--text); }

html[data-theme="light"] .dropdown {
  background: rgba(255, 255, 255, 0.96);
  border-color: var(--line);
  box-shadow: 0 22px 50px rgba(17, 18, 23, 0.12);
}

html[data-theme="light"] .dropdown-link { color: rgba(17, 18, 23, 0.82); }
html[data-theme="light"] .dropdown-link:hover { color: var(--text); }
html[data-theme="light"] .dropdown-title-link { color: var(--text); }

html[data-theme="light"] .burger {
  border-color: var(--line-2) !important;
}

html[data-theme="light"] .burger span { background: var(--text) !important; }

html[data-theme="light"] .mob-menu {
  background: rgba(17, 18, 23, 0.36) !important;
}

html[data-theme="light"] .mob-menu-inner {
  background: #ffffff !important;
  border-color: var(--line-2) !important;
  box-shadow: -24px 0 60px rgba(17, 18, 23, 0.16);
}

html[data-theme="light"] .mob-menu-link,
html[data-theme="light"] .mob-menu-link--section {
  color: var(--text);
  border-color: var(--line);
}

html[data-theme="light"] .mob-menu-link--disabled,
html[data-theme="light"] .mob-menu-link--disabled:hover {
  color: rgba(17, 18, 23, 0.38);
}

html[data-theme="light"] .mob-menu-sub {
  color: rgba(17, 18, 23, 0.7);
  border-color: rgba(17, 18, 23, 0.06);
}

/* Shared page language */
html[data-theme="light"] .section-grid,
html[data-theme="light"] .bg-grid,
html[data-theme="light"] .gk-catalog::before,
html[data-theme="light"] .pdp-hero::before {
  background-image:
    linear-gradient(rgba(17, 18, 23, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(17, 18, 23, 0.055) 1px, transparent 1px);
}

html[data-theme="light"] .section-tag b,
html[data-theme="light"] .hero-stat .v,
html[data-theme="light"] .callout .v {
  color: var(--text);
}

html[data-theme="light"] .hero-sub,
html[data-theme="light"] .see-all,
html[data-theme="light"] .crumbs b {
  color: rgba(17, 18, 23, 0.76);
}

html[data-theme="light"] .btn.ghost {
  color: var(--text);
  border-color: rgba(17, 18, 23, 0.36);
}

html[data-theme="light"] .btn.ghost:hover {
  color: var(--text);
  border-color: var(--text);
  background: rgba(17, 18, 23, 0.05);
}

html[data-theme="light"] .crosshair { border-color: rgba(17, 18, 23, 0.22); }
html[data-theme="light"] .callout { color: rgba(17, 18, 23, 0.58); }
html[data-theme="light"] .callout::before,
html[data-theme="light"] .callout.right::after { background: rgba(17, 18, 23, 0.28); }

html[data-theme="light"] .hero-gk .callout > span {
  padding: 5px 7px;
  color: rgba(17, 18, 23, 0.76);
  background: rgba(247, 248, 250, 0.94);
  border: 1px solid rgba(17, 18, 23, 0.14);
  border-radius: 3px;
  box-shadow: 0 4px 14px rgba(17, 18, 23, 0.12);
}

html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea { color-scheme: light; }

html[data-theme="light"] select option {
  background: #ffffff;
  color: var(--text);
}

/* Homepage */
html[data-theme="light"] .hero-gk {
  background:
    radial-gradient(ellipse at 78% 48%, rgba(255, 85, 12, 0.18), transparent 52%),
    #f7f8fa;
}

html[data-theme="light"] .hero-gk::before {
  background:
    radial-gradient(circle at 78% 58%, rgba(255, 85, 12, 0.18), transparent 42%),
    radial-gradient(circle at 76% 26%, rgba(217, 218, 218, 0.55), transparent 50%);
}

html[data-theme="light"] .hero-cx {
  background: #eef0f4;
}

html[data-theme="light"] .hero-cx::before {
  background:
    radial-gradient(circle at 72% 58%, rgba(255, 85, 12, 0.12), transparent 48%),
    radial-gradient(circle at 26% 42%, rgba(255, 255, 255, 0.8), transparent 55%);
}

html[data-theme="light"] .hero-title.cyan-text,
html[data-theme="light"] .cart-head h1,
html[data-theme="light"] .co-head h1,
html[data-theme="light"] .acc-head h1 {
  background: none;
  color: var(--text);
  -webkit-text-fill-color: currentColor;
}

/* The constructor preview remains a dark, framed production tool. */
html[data-theme="light"] .cx-mock {
  --line: rgba(255, 255, 255, 0.1);
  --line-2: rgba(255, 255, 255, 0.16);
  --muted: #9a9aaa;
  --dim: #656579;
  color: #ffffff;
  background: linear-gradient(180deg, #161620, #08080e);
  box-shadow: 0 35px 70px rgba(17, 18, 23, 0.2), 0 0 0 1px rgba(255, 85, 12, 0.1);
}

html[data-theme="light"] .cx-mock .cx-size { color: rgba(255, 255, 255, 0.72); }
html[data-theme="light"] .cx-mock .cx-preview-logo { filter: none; }

/* Constructor page titles use the same solid heading treatment as the rest of the site. */
.cx-page:not(.cx-page--editor) .cx-head h1 {
  color: var(--text);
  background: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-text-fill-color: currentColor;
}

/* The standalone constructor uses the same light page canvas as account/catalog. */
html[data-theme="light"] .cx-page:not(.cx-page--editor) {
  --bg: #f4f5f7;
  --bg-1: #ffffff;
  --bg-2: #ffffff;
  --bg-3: #eef0f4;
  --line: rgba(17, 18, 23, 0.1);
  --line-2: rgba(17, 18, 23, 0.18);
  --text: #111217;
  --muted: #6d7180;
  --dim: #9b9eaa;
  color: var(--text);
}

html[data-theme="light"] main.cx-page:not(.cx-page--editor) {
  background: radial-gradient(ellipse at 50% 0%, rgba(255, 85, 12, 0.1), transparent 50%), var(--bg);
}

html[data-theme="light"] #tmd-root > .cx-page:not(.cx-page--editor) {
  background: transparent;
}

html[data-theme="light"] .cx-page:not(.cx-page--editor) .cx-bar {
  --line: rgba(17, 18, 23, 0.1);
  --text: #111217;
  --muted: #6d7180;
  --dim: #9b9eaa;
  background: rgba(255, 255, 255, 0.92);
  border-color: var(--line);
  border-radius: 6px;
  box-shadow: 0 14px 34px rgba(17, 18, 23, 0.06);
  clip-path: none;
}

html[data-theme="light"] .cx-page:not(.cx-page--editor) .cx-bar-summary b {
  color: var(--text);
}

html[data-theme="light"] .cx-page:not(.cx-page--editor) .cx-bar-thumb {
  background: #12121d;
}

/* Overview content stays light; only artwork surfaces remain dark. */
html[data-theme="light"] .cx-page:not(.cx-page--editor) .step-card {
  --line: rgba(17, 18, 23, 0.1);
  --line-2: rgba(17, 18, 23, 0.18);
  --text: #111217;
  --muted: #6d7180;
  --dim: #9b9eaa;
  margin-bottom: 0;
  padding: 30px 0 18px;
  color: var(--text);
  background: transparent;
  border: 0;
  clip-path: none;
}

html[data-theme="light"] .cx-page:not(.cx-page--editor) .step-card .size-tile {
  color: var(--text);
  background: #ffffff;
  border-color: var(--line);
  border-radius: 6px;
  box-shadow: 0 14px 34px rgba(17, 18, 23, 0.055);
  clip-path: none;
}

html[data-theme="light"] .cx-page:not(.cx-page--editor) .step-card .size-tile:hover {
  border-color: rgba(17, 18, 23, 0.22);
  box-shadow: 0 18px 38px rgba(17, 18, 23, 0.08);
}

html[data-theme="light"] .cx-page:not(.cx-page--editor) .step-card .size-tile.active {
  background: linear-gradient(180deg, rgba(255, 85, 12, 0.08), #ffffff 44%);
  border-color: var(--orange);
  box-shadow: 0 0 0 1px var(--orange), 0 18px 38px rgba(255, 85, 12, 0.12);
}

html[data-theme="light"] .cx-page:not(.cx-page--editor) .step-card .size-tile .tier,
html[data-theme="light"] .cx-page:not(.cx-page--editor) .step-card .size-tile .dim,
html[data-theme="light"] .cx-page:not(.cx-page--editor) .step-card .size-tile .price .v {
  color: var(--text);
}

html[data-theme="light"] .cx-page:not(.cx-page--editor) .step-card .size-tile.active .tier,
html[data-theme="light"] .cx-page:not(.cx-page--editor) .step-card .size-tile.active .price .v {
  color: var(--orange);
}

html[data-theme="light"] .cx-page:not(.cx-page--editor) .step-card .size-tile .check {
  border-color: var(--line-2);
}

html[data-theme="light"] .cx-page:not(.cx-page--editor) .preview-stage {
  --line: rgba(255, 255, 255, 0.08);
  --text: #ffffff;
  --muted: #9a9aaa;
  --dim: #656579;
  aspect-ratio: 4 / 3;
}

html[data-theme="light"] .cx-page:not(.cx-page--editor) .preview-side .spec-block,
html[data-theme="light"] .cx-page:not(.cx-page--editor) .preview-side .warn-block,
html[data-theme="light"] .cx-page:not(.cx-page--editor) .cx-approval {
  color: var(--text);
  background: #ffffff;
  border-color: var(--line);
  border-radius: 6px;
  box-shadow: 0 12px 28px rgba(17, 18, 23, 0.045);
  clip-path: none;
}

html[data-theme="light"] .cx-page:not(.cx-page--editor) .preview-side .spec-block .row .v {
  color: var(--text);
}

html[data-theme="light"] .cx-page:not(.cx-page--editor) .preview-side .warn-block {
  color: #5f5133;
  background: #fffaf0;
  border-color: rgba(166, 112, 0, 0.24);
}

html[data-theme="light"] .cx-page:not(.cx-page--editor) .preview-side .warn-block b {
  color: #8a5b00;
}

html[data-theme="light"] .cx-page:not(.cx-page--editor) .cx-head h1 {
  font-size: clamp(48px, 4.2vw, 72px);
  line-height: 0.98;
}

html[data-theme="light"] .cx-page:not(.cx-page--editor) .step-pill:not(.active):not(.done) {
  background: rgba(255, 255, 255, 0.86);
  border-color: var(--line-2);
  color: rgba(17, 18, 23, 0.62);
}

html[data-theme="light"] .cx-page:not(.cx-page--editor) .step-pill:not(.active):not(.done) .num {
  background: var(--bg-3);
  color: rgba(17, 18, 23, 0.7);
}

html[data-theme="light"] .cx-page:not(.cx-page--editor) .step-arrow { color: rgba(17, 18, 23, 0.34); }

@media (max-width: 900px) {
  html[data-theme="light"] .cx-page:not(.cx-page--editor) .cx-head h1 {
    font-size: 48px;
  }

  html[data-theme="light"] .cx-page:not(.cx-page--editor) .step-card {
    padding: 26px 0 16px;
  }
}

@media (max-width: 600px) {
  html[data-theme="light"] .cx-page:not(.cx-page--editor) .cx-head h1 {
    font-size: 36px;
  }

  html[data-theme="light"] .cx-page:not(.cx-page--editor) .step-card {
    padding: 22px 0 12px;
  }

  html[data-theme="light"] .cx-page:not(.cx-page--editor) .step-card .size-tile {
    padding: 22px 20px 20px;
  }
}

html[data-theme="light"] .features { background: #ffffff; }

html[data-theme="light"] .f-card {
  background: linear-gradient(180deg, #ffffff 0%, #f8f9fb 100%);
  box-shadow: 0 14px 34px rgba(17, 18, 23, 0.045);
}

html[data-theme="light"] .f-icon { color: var(--text); }

html[data-theme="light"] .newsletter {
  background: #eef0f4;
}

html[data-theme="light"] .newsletter::before {
  background: radial-gradient(ellipse at 50% 50%, rgba(255, 85, 12, 0.1), transparent 62%);
}

html[data-theme="light"] .newsletter::after {
  background-image: repeating-linear-gradient(0deg, transparent 0 60px, rgba(17, 18, 23, 0.045) 60px 61px);
}

html[data-theme="light"] .nl-form {
  background: #ffffff;
  border-color: var(--line-2);
  box-shadow: 0 12px 28px rgba(17, 18, 23, 0.05);
}

html[data-theme="light"] .nl-form input[type="email"] { color: var(--text); }
html[data-theme="light"] .nl-consent a { color: var(--text); }

/* Catalog */
html[data-theme="light"] .gk-catalog {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 85, 12, 0.13), transparent 48%),
    linear-gradient(180deg, #f1f2f5 0%, #f8f9fb 100%);
}

html[data-theme="light"] .filter-select,
html[data-theme="light"] .cmbar-sort select,
html[data-theme="light"] .catalog-sort select,
html[data-theme="light"] .filter-price-range label,
html[data-theme="light"] .filter-check-box {
  background: #ffffff;
  border-color: var(--line-2);
  color: var(--text);
}

html[data-theme="light"] .filter-price-range input { color: var(--text); }
html[data-theme="light"] .filter-check,
html[data-theme="light"] .filter-option { color: rgba(17, 18, 23, 0.76); }
html[data-theme="light"] .filter-option:hover {
  background: rgba(17, 18, 23, 0.035);
  border-color: var(--line-2);
  color: var(--text);
}
html[data-theme="light"] .filter-chip {
  background: #ffffff;
  border-color: var(--line-2);
  color: rgba(17, 18, 23, 0.78);
}
html[data-theme="light"] .filter-chip:hover,
html[data-theme="light"] .filter-clear:hover { color: var(--text); }

html[data-theme="light"] .filter-reset,
html[data-theme="light"] .catalog-count,
html[data-theme="light"] .gk-pagination .page-numbers li a,
html[data-theme="light"] .gk-pagination .page-numbers li span {
  color: rgba(17, 18, 23, 0.72);
}

html[data-theme="light"] .filter-reset:hover,
html[data-theme="light"] .gk-pagination .page-numbers li a:hover { color: var(--text); }

@media (max-width: 768px) {
  html[data-theme="light"] .catalog-sidebar {
    background: linear-gradient(180deg, #ffffff, #f4f5f7);
  }

  html[data-theme="light"] .filter-sheet-head { background: #ffffff; }

  html[data-theme="light"] .filter-actions {
    background: linear-gradient(180deg, rgba(244, 245, 247, 0.88), #f4f5f7 24%);
  }
}

html[data-theme="light"] .gk-product {
  background: #ffffff;
  box-shadow: 0 12px 30px rgba(17, 18, 23, 0.055);
}

html[data-theme="light"] .gk-product-img {
  background:
    radial-gradient(ellipse at 50% 45%, rgba(255, 255, 255, 0.9), transparent 62%),
    linear-gradient(180deg, #eef0f4 0%, #e5e7ec 100%);
}

html[data-theme="light"] .gk-product-img::before {
  background-image:
    linear-gradient(rgba(17, 18, 23, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(17, 18, 23, 0.035) 1px, transparent 1px);
}

html[data-theme="light"] .gk-product-name,
html[data-theme="light"] .gk-product-price { color: var(--text); }

html[data-theme="light"] .gk-product-placeholder {
  background: radial-gradient(ellipse at center, #ffffff, #eef0f4 72%);
}

html[data-theme="light"] .gk-product-placeholder-logo {
  filter: invert(1) !important;
  opacity: 0.34;
}

html[data-theme="light"] .gk-fav {
  background: rgba(255, 255, 255, 0.9);
  border-color: var(--line-2);
  color: rgba(17, 18, 23, 0.66);
}

html[data-theme="light"] .gm-product-fav.gk-fav {
  background: transparent;
  border-color: transparent;
  color: rgba(17, 18, 23, 0.78);
}

html[data-theme="light"] .gm-product-gallery-control {
  color: #111217;
  background: rgba(255, 255, 255, 0.88);
  border-color: rgba(17, 18, 23, 0.18);
}

html[data-theme="light"] .gm-product-gallery-control:hover {
  background: #ffffff;
}

html[data-theme="light"] .gm-product-gallery-dots {
  background: rgba(255, 255, 255, 0.78);
}

html[data-theme="light"] .gm-product-gallery-dot::before {
    background: rgba(17, 18, 23, 0.38);
}

html[data-theme="light"] .gm-product-gallery-dot.is-active::before {
    background: var(--orange);
}

html[data-theme="light"] .gm-product-gallery-dot:focus-visible {
  outline-color: #111217;
}

html[data-theme="light"] .gk-pagination .page-numbers li a,
html[data-theme="light"] .gk-pagination .page-numbers li span { background: #ffffff; }

@media (max-width: 768px) {
  html[data-theme="light"] .catalog-mbar {
    background: linear-gradient(180deg, #f1f2f5 72%, rgba(241, 242, 245, 0));
  }

  html[data-theme="light"] .cmbar-filters {
    background: #ffffff;
    color: var(--text);
  }

  html[data-theme="light"] .catalog-sidebar {
    background: linear-gradient(180deg, #ffffff, #f4f5f7);
    border-color: var(--line-2);
  }

  html[data-theme="light"] .filter-sheet-head { background: #ffffff; }
  html[data-theme="light"] .filter-sheet-close {
    background: var(--bg-3);
    color: var(--text);
  }
}

/* Product detail */
html[data-theme="light"] .gk-pdp {
  background: var(--bg);
  color: rgba(17, 18, 23, 0.84);
}

html[data-theme="light"] .pdp-hero {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 85, 12, 0.12), transparent 52%),
    linear-gradient(180deg, #f1f2f5 0%, #f8f9fb 100%);
}

html[data-theme="light"] .photo-stage {
  background: radial-gradient(ellipse 70% 60% at 50% 46%, #ffffff, transparent 65%);
}

html[data-theme="light"] .thumb {
  background: #ffffff;
  border-color: var(--line-2);
}

html[data-theme="light"] .photo-meta span b,
html[data-theme="light"] .bp-title,
html[data-theme="light"] .bp-spec .v,
html[data-theme="light"] .bp-price,
html[data-theme="light"] .related-grid .product-name,
html[data-theme="light"] .related-grid .product-price {
  color: var(--text);
}

html[data-theme="light"] .buy-panel,
html[data-theme="light"] .related-grid .product-card {
  background: #ffffff;
  box-shadow: 0 14px 36px rgba(17, 18, 23, 0.065);
}

html[data-theme="light"] .bp-option,
html[data-theme="light"] .gk-qty,
html[data-theme="light"] .pdp-fav {
  background: var(--bg-2);
  color: rgba(17, 18, 23, 0.76);
  border-color: var(--line-2);
}

html[data-theme="light"] .bp-option.active {
  background: #111217;
  color: #ffffff;
}

html[data-theme="light"] .bp-option {
  background: #1b1c22;
  color: #ffffff;
  border-color: rgba(17, 18, 23, 0.28);
}

html[data-theme="light"] .bp-option .p {
  color: rgba(255, 255, 255, 0.62);
}

html[data-theme="light"] .pdp-short-desc,
html[data-theme="light"] .pdp-collapse-inner,
html[data-theme="light"] .bp-note,
html[data-theme="light"] .bp-delivery { color: rgba(17, 18, 23, 0.72); }

html[data-theme="light"] .related-grid .product-img { background: #eef0f4; }

/* Cart, checkout and account */
html[data-theme="light"] .cart-page,
html[data-theme="light"] .checkout-page,
html[data-theme="light"] .acc-page {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 85, 12, 0.1), transparent 50%),
    var(--bg);
}

html[data-theme="light"] .items,
html[data-theme="light"] .summary,
html[data-theme="light"] .co-card,
html[data-theme="light"] .order-summary,
html[data-theme="light"] .acc-sidebar,
html[data-theme="light"] .acc-user,
html[data-theme="light"] .order,
html[data-theme="light"] .profile-card,
html[data-theme="light"] .requisites-card,
html[data-theme="light"] .design-card,
html[data-theme="light"] .security-card,
html[data-theme="light"] .empty-state {
  background: #ffffff;
  border-color: var(--line);
  box-shadow: 0 14px 36px rgba(17, 18, 23, 0.05);
}

html[data-theme="light"] .cart-item:hover,
html[data-theme="light"] .acc-tab:hover,
html[data-theme="light"] .co-step {
  background: rgba(17, 18, 23, 0.025);
}

html[data-theme="light"] .item-thumb,
html[data-theme="light"] .order-item .thumb,
html[data-theme="light"] .os-thumb,
html[data-theme="light"] .design-preview {
  background: linear-gradient(180deg, #eef0f4 0%, #e4e6eb 100%);
}

html[data-theme="light"] .item-name,
html[data-theme="light"] .item-price,
html[data-theme="light"] .sm-total .v,
html[data-theme="light"] .co-section-head h2,
html[data-theme="light"] .co-step .name,
html[data-theme="light"] .order-id,
html[data-theme="light"] .order-total .v,
html[data-theme="light"] .acc-user-info .n,
html[data-theme="light"] .tab-head h2,
html[data-theme="light"] .profile-card h3,
html[data-theme="light"] .design-card h3 {
  color: var(--text);
}

html[data-theme="light"] .sm-total .v .rub,
html[data-theme="light"] .os-total .v .rub,
html[data-theme="light"] .os-row .v,
html[data-theme="light"] .order-item .meta b {
  color: rgba(17, 18, 23, 0.68);
}

html[data-theme="light"] .co-step,
html[data-theme="light"] .delivery-card,
html[data-theme="light"] .pay-card {
  color: rgba(17, 18, 23, 0.58);
  border-color: var(--line-2);
}

html[data-theme="light"] .co-step .num {
  background: var(--bg-3);
  color: rgba(17, 18, 23, 0.68);
}

html[data-theme="light"] .co-step.active .name,
html[data-theme="light"] .co-step.done .name { color: var(--text); }

html[data-theme="light"] #co-subtotal-head { color: var(--text) !important; }

html[data-theme="light"] .delivery-card:hover,
html[data-theme="light"] .pay-card:hover,
html[data-theme="light"] .order:hover,
html[data-theme="light"] .design-card:hover { border-color: rgba(17, 18, 23, 0.22); }

html[data-theme="light"] .field input,
html[data-theme="light"] .field select,
html[data-theme="light"] .profile-grid input,
html[data-theme="light"] .profile-grid select,
html[data-theme="light"] .profile-grid textarea,
html[data-theme="light"] .promo-form input {
  background: var(--bg-2);
  border-color: var(--line-2);
  color: var(--text);
}

html[data-theme="light"] .field input:focus,
html[data-theme="light"] .field select:focus,
html[data-theme="light"] .profile-grid input:focus,
html[data-theme="light"] .profile-grid select:focus,
html[data-theme="light"] .profile-grid textarea:focus {
  background: #ffffff;
  border-color: var(--orange);
}

html[data-theme="light"] .acc-tab { color: rgba(17, 18, 23, 0.64); }
html[data-theme="light"] .acc-tab:hover { color: var(--text); }
html[data-theme="light"] .acc-tab .badge { background: var(--bg-3); }
html[data-theme="light"] .acc-tab.active { color: var(--orange); }

html[data-theme="light"] .order-step { background: var(--bg-3); }
html[data-theme="light"] .order-status { background: var(--bg-2); }

/* Footer */
html[data-theme="light"] .footer {
  background: #ffffff;
  border-color: var(--line);
}

html[data-theme="light"] .footer-col a { color: rgba(17, 18, 23, 0.72); }
html[data-theme="light"] .footer-col a:hover { color: var(--orange); }

html[data-theme="light"] .soc {
  color: rgba(17, 18, 23, 0.66);
  border-color: var(--line-2);
}

html[data-theme="light"] .footer-brand-wordmark,
html[data-theme="light"] .footer-legal-wordmark { opacity: 0.72; }

/* Informational pages: about, contacts and delivery */
html[data-theme="light"] .about-page,
html[data-theme="light"] .info-page,
html[data-theme="light"] .pt-page,
html[data-theme="light"] .b2b-login-page,
html[data-theme="light"] .blog-page,
html[data-theme="light"] .article-page,
html[data-theme="light"] .legal-page,
html[data-theme="light"] .page-404 {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 85, 12, 0.1), transparent 50%),
    var(--bg);
  color: var(--text);
}

html[data-theme="light"] .about-hero h1,
html[data-theme="light"] .info-head h1,
html[data-theme="light"] .pt-head h1,
html[data-theme="light"] .b2b-login-hero h1,
html[data-theme="light"] .blog-hero h1,
html[data-theme="light"] .article-hero h1,
html[data-theme="light"] .legal-hero h1,
html[data-theme="light"] .b2b-head h1 {
  background: none;
  color: var(--text);
  -webkit-text-fill-color: currentColor;
}

html[data-theme="light"] .about-page .crumbs b,
html[data-theme="light"] .info-page .crumbs b,
html[data-theme="light"] .pt-page .crumbs b,
html[data-theme="light"] .b2b-login-page .crumbs b,
html[data-theme="light"] .blog-page .crumbs b,
html[data-theme="light"] .article-page .crumbs b,
html[data-theme="light"] .legal-page .crumbs b,
html[data-theme="light"] .about-stats .stat-num,
html[data-theme="light"] .prod-fact-num,
html[data-theme="light"] .contact-direct .val,
html[data-theme="light"] .contact-direct .val a,
html[data-theme="light"] .req-table .r .v,
html[data-theme="light"] .info-row .body b,
html[data-theme="light"] .pay-logo,
html[data-theme="light"] .pt-card-list li,
html[data-theme="light"] .contact-row,
html[data-theme="light"] .contact-row a,
html[data-theme="light"] .blog-card-title,
html[data-theme="light"] .article-meta .author,
html[data-theme="light"] .article-body h2,
html[data-theme="light"] .article-body h3,
html[data-theme="light"] .article-body strong,
html[data-theme="light"] .article-nav-title,
html[data-theme="light"] .legal-body h3,
html[data-theme="light"] .legal-body strong,
html[data-theme="light"] .page-404 h1,
html[data-theme="light"] .btn-404 {
  color: var(--text);
}

html[data-theme="light"] .about-section,
html[data-theme="light"] .brand-card,
html[data-theme="light"] .info-card,
html[data-theme="light"] .pay-logo,
html[data-theme="light"] .pt-card,
html[data-theme="light"] .pt-form-card,
html[data-theme="light"] .pt-side-card,
html[data-theme="light"] .b2b-login-card,
html[data-theme="light"] .b2b-login-help,
html[data-theme="light"] .blog-card,
html[data-theme="light"] .article-nav-item,
html[data-theme="light"] .legal-toc {
  background: #ffffff;
  border-color: var(--line);
  box-shadow: 0 14px 34px rgba(17, 18, 23, 0.05);
}

html[data-theme="light"] .about-text,
html[data-theme="light"] .brand-card-desc,
html[data-theme="light"] .about-cta-text p,
html[data-theme="light"] .info-row .body,
html[data-theme="light"] .info-banner,
html[data-theme="light"] .pt-head .sub,
html[data-theme="light"] .pt-card-list li,
html[data-theme="light"] .pt-agree,
html[data-theme="light"] .contact-row,
html[data-theme="light"] .contact-row a,
html[data-theme="light"] .blog-card-excerpt,
html[data-theme="light"] .article-body p,
html[data-theme="light"] .article-body ul,
html[data-theme="light"] .article-body ol,
html[data-theme="light"] .article-body blockquote,
html[data-theme="light"] .legal-body p,
html[data-theme="light"] .legal-body ul,
html[data-theme="light"] .legal-body ol,
html[data-theme="light"] .legal-toc a {
  color: rgba(17, 18, 23, 0.72);
}

html[data-theme="light"] .brand-card-name img,
html[data-theme="light"] .req-brand-logos img {
  filter: invert(1);
}

html[data-theme="light"] .contact-form input,
html[data-theme="light"] .contact-form textarea,
html[data-theme="light"] .contact-form select,
html[data-theme="light"] .pt-fields input,
html[data-theme="light"] .pt-fields textarea {
  background-color: var(--bg-2);
  border-color: var(--line-2);
  color: var(--text);
}

html[data-theme="light"] .pt-card-icon { color: var(--text); }
html[data-theme="light"] .pt-side-card.b2b {
  background:
    radial-gradient(ellipse at 100% 0%, rgba(255, 85, 12, 0.14), transparent 60%),
    #ffffff;
}

html[data-theme="light"] .pt-head .grid {
  background-image:
    linear-gradient(rgba(17, 18, 23, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(17, 18, 23, 0.05) 1px, transparent 1px);
}

html[data-theme="light"] .b2b-login-card input[type="text"],
html[data-theme="light"] .b2b-login-card input[type="email"],
html[data-theme="light"] .b2b-login-card input[type="password"] {
  background: var(--bg-2) !important;
  border-color: var(--line-2) !important;
  color: var(--text) !important;
}
html[data-theme="light"] .b2b-login-card h2 { color: var(--text) !important; }

/* Editorial pages */
html[data-theme="light"] .blog-card-img-ph,
html[data-theme="light"] .article-body code,
html[data-theme="light"] .article-body pre {
  background: var(--bg-2);
}
html[data-theme="light"] .article-body pre code { color: rgba(17, 18, 23, 0.82); }
html[data-theme="light"] .legal-toc li { border-color: rgba(17, 18, 23, 0.06); }
html[data-theme="light"] .page-404-code {
  background: linear-gradient(180deg, var(--text), rgba(255, 85, 12, 0.7));
  -webkit-background-clip: text;
  background-clip: text;
}
html[data-theme="light"] #gameCanvas { border-color: var(--line-2); }

/* Gamekover keeps product artwork dark but moves the page chrome to Classic light. */
html[data-theme="light"] .gk-page {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 85, 12, 0.12), transparent 52%),
    var(--bg);
  color: var(--text);
}
html[data-theme="light"] .gk-page .gk-brand-title img { filter: invert(1); }
html[data-theme="light"] .gk-page .gk-hero .grid {
  background-image:
    linear-gradient(rgba(17, 18, 23, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(17, 18, 23, 0.05) 1px, transparent 1px);
}
html[data-theme="light"] .gk-page .gk-hero .sub,
html[data-theme="light"] .gk-page .see-all { color: rgba(17, 18, 23, 0.72); }
html[data-theme="light"] .gk-page .gk-hero .stats .v,
html[data-theme="light"] .gk-page .section-head h2,
html[data-theme="light"] .gk-page .product-name,
html[data-theme="light"] .gk-page .product-price { color: var(--text); }
html[data-theme="light"] .gk-page .product {
  background: #ffffff;
  box-shadow: 0 14px 34px rgba(17, 18, 23, 0.05);
}
html[data-theme="light"] .gk-page .product-img { background: var(--bg-3); }
html[data-theme="light"] .gk-page .gk-cta { color: #ffffff; }
html[data-theme="light"] .gk-page .gk-cta h2 { color: #ffffff; }
html[data-theme="light"] .gk-page .gk-cta p { color: rgba(255, 255, 255, 0.78); }

/* Gamemir X remains a dark violet product surface inside a light page. */
html[data-theme="light"] .gx-page {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(168, 85, 247, 0.16), transparent 50%),
    var(--bg);
  color: var(--text);
}
html[data-theme="light"] .gx-page .gx-title img { filter: invert(1); }
html[data-theme="light"] .gx-page .gx-sub { color: rgba(17, 18, 23, 0.72); }
html[data-theme="light"] .gx-page .gx-status {
  color: rgba(17, 18, 23, 0.8);
  background: rgba(168, 85, 247, 0.08);
}
html[data-theme="light"] .gx-page .gx-cat,
html[data-theme="light"] .gx-page .gx-notify { color: #ffffff; }
html[data-theme="light"] .gx-page .gx-notify h2 {
  color: #ffffff;
  -webkit-text-fill-color: transparent;
}

/* B2B cabinet */
html[data-theme="light"] .b2b-page {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 85, 12, 0.1), transparent 50%),
    var(--bg);
  color: var(--text);
}
html[data-theme="light"] .b2b-page .partner-card,
html[data-theme="light"] .b2b-page .hub-card {
  background: #ffffff;
  box-shadow: 0 14px 34px rgba(17, 18, 23, 0.05);
}
html[data-theme="light"] .b2b-page .pc-cell .v,
html[data-theme="light"] .b2b-page .hub-title,
html[data-theme="light"] .b2b-page .file-row .info,
html[data-theme="light"] .b2b-page .file-row .info b,
html[data-theme="light"] .b2b-page .news-body .t,
html[data-theme="light"] .b2b-page .mgr-info .n,
html[data-theme="light"] .b2b-page .inv-meta b,
html[data-theme="light"] .b2b-page .inv-amt {
  color: var(--text);
}
html[data-theme="light"] .b2b-page .file-row,
html[data-theme="light"] .b2b-page .mgr-btn,
html[data-theme="light"] .b2b-page .inv-row {
  background: var(--bg-2);
  color: rgba(17, 18, 23, 0.76);
}
html[data-theme="light"] .b2b-page .file-row .dl { color: rgba(17, 18, 23, 0.62); }
html[data-theme="light"] .b2b-page .hub-icon { color: var(--text); }
html[data-theme="light"] .b2b-page .hub-cta.ghost {
  border-color: var(--line-2);
  color: rgba(17, 18, 23, 0.78);
}

/* ====================================================================
   LIGHT CLASSIC V2 — neutral product-first surfaces inspired by Wooting.
   Orange is reserved for primary actions, focus and selected controls.
   ==================================================================== */

/* Page canvas and large sections */
html[data-theme="light"] .hero-gk,
html[data-theme="light"] .gk-catalog,
html[data-theme="light"] .pdp-hero,
html[data-theme="light"] .cart-page,
html[data-theme="light"] .checkout-page,
html[data-theme="light"] .acc-page,
html[data-theme="light"] .about-page,
html[data-theme="light"] .info-page,
html[data-theme="light"] .pt-page,
html[data-theme="light"] .b2b-login-page,
html[data-theme="light"] .blog-page,
html[data-theme="light"] .article-page,
html[data-theme="light"] .legal-page,
html[data-theme="light"] .page-404,
html[data-theme="light"] .gk-page,
html[data-theme="light"] .gx-page,
html[data-theme="light"] .b2b-page,
html[data-theme="light"] main.cx-page:not(.cx-page--editor) {
  background: var(--bg);
}

html[data-theme="light"] .hero-cx,
html[data-theme="light"] .newsletter {
  background: #ffffff;
}

html[data-theme="light"] .features {
  background: var(--bg);
}

html[data-theme="light"] .hero-gk::before,
html[data-theme="light"] .hero-cx::before,
html[data-theme="light"] .newsletter::before,
html[data-theme="light"] .gx-notify::before {
  background: none;
}

html[data-theme="light"] .section-grid,
html[data-theme="light"] .bg-grid,
html[data-theme="light"] .gk-catalog::before,
html[data-theme="light"] .pdp-hero::before,
html[data-theme="light"] .pt-head .grid,
html[data-theme="light"] .gk-page .gk-hero .grid {
  background-image:
    linear-gradient(rgba(17, 18, 23, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(17, 18, 23, 0.03) 1px, transparent 1px);
}

html[data-theme="light"] .about-hero h1,
html[data-theme="light"] .info-head h1,
html[data-theme="light"] .pt-head h1,
html[data-theme="light"] .b2b-login-hero h1,
html[data-theme="light"] .blog-hero h1,
html[data-theme="light"] .article-hero h1,
html[data-theme="light"] .legal-hero h1,
html[data-theme="light"] .b2b-head h1,
html[data-theme="light"] .cart-head h1,
html[data-theme="light"] .co-head h1,
html[data-theme="light"] .acc-head h1,
html[data-theme="light"] .cx-head h1 {
  letter-spacing: 0;
}

/* Shared white surfaces */
html[data-theme="light"] .f-card,
html[data-theme="light"] .gk-product,
html[data-theme="light"] .buy-panel,
html[data-theme="light"] .related-grid .product-card,
html[data-theme="light"] .items,
html[data-theme="light"] .summary,
html[data-theme="light"] .co-card,
html[data-theme="light"] .os,
html[data-theme="light"] .order-summary,
html[data-theme="light"] .acc-sidebar,
html[data-theme="light"] .acc-user,
html[data-theme="light"] .order,
html[data-theme="light"] .profile-card,
html[data-theme="light"] .requisites-card,
html[data-theme="light"] .design-card,
html[data-theme="light"] .security-card,
html[data-theme="light"] .empty-state,
html[data-theme="light"] .about-section,
html[data-theme="light"] .brand-card,
html[data-theme="light"] .info-card,
html[data-theme="light"] .pay-logo,
html[data-theme="light"] .pt-card,
html[data-theme="light"] .pt-form-card,
html[data-theme="light"] .pt-side-card,
html[data-theme="light"] .b2b-login-card,
html[data-theme="light"] .b2b-login-help,
html[data-theme="light"] .blog-card,
html[data-theme="light"] .article-nav-item,
html[data-theme="light"] .legal-toc,
html[data-theme="light"] .b2b-page .partner-card,
html[data-theme="light"] .b2b-page .hub-card {
  background: var(--light-surface);
  border-color: var(--line);
  border-radius: 8px;
  box-shadow: var(--light-shadow);
  clip-path: none;
}

html[data-theme="light"] .pt-card:hover,
html[data-theme="light"] .info-card:hover,
html[data-theme="light"] .about-section:hover,
html[data-theme="light"] .brand-card:hover {
  background: var(--light-surface);
  border-color: var(--line-2);
  transform: none;
}

html[data-theme="light"] .pt-card::before,
html[data-theme="light"] .info-card::before,
html[data-theme="light"] .about-section::before {
  display: none;
}

/* Accent budget: labels and decorative metrics are neutral. */
html[data-theme="light"] .tag.orange,
html[data-theme="light"] .pt-head .eyebrow,
html[data-theme="light"] .pt-form-head .eyebrow,
html[data-theme="light"] .pt-side-card.b2b .eyebrow,
html[data-theme="light"] .info-head .eyebrow,
html[data-theme="light"] .about-hero .eyebrow,
html[data-theme="light"] .blog-hero .eyebrow,
html[data-theme="light"] .legal-hero .eyebrow,
html[data-theme="light"] .b2b-login-hero .eyebrow,
html[data-theme="light"] .pt-card-num,
html[data-theme="light"] .info-card-num,
html[data-theme="light"] .about-section-num,
html[data-theme="light"] .legal-toc-title,
html[data-theme="light"] .filter-count,
html[data-theme="light"] .filter-chips-label,
html[data-theme="light"] .filter-active-num,
html[data-theme="light"] .catalog-count-num,
html[data-theme="light"] .summary h3,
html[data-theme="light"] .os h3,
html[data-theme="light"] .cx-corner-label,
html[data-theme="light"] .cx-page:not(.cx-page--editor) .eyebrow,
html[data-theme="light"] .cx-page:not(.cx-page--editor) .spec-block h3 {
  color: var(--muted);
  background: transparent;
  border-color: var(--line);
  box-shadow: none;
}

html[data-theme="light"] .pt-head .eyebrow,
html[data-theme="light"] .info-head .eyebrow,
html[data-theme="light"] .about-hero .eyebrow,
html[data-theme="light"] .blog-hero .eyebrow,
html[data-theme="light"] .legal-hero .eyebrow,
html[data-theme="light"] .b2b-login-hero .eyebrow {
  padding: 0;
  border: 0;
}

html[data-theme="light"] .pt-head .eyebrow .pulse,
html[data-theme="light"] .cx-corner-label .dot {
  box-shadow: none;
}

html[data-theme="light"] .pt-card-icon,
html[data-theme="light"] .info-card-icon,
html[data-theme="light"] .about-section-icon {
  color: var(--text);
  background: var(--bg-3);
  border-color: var(--line);
  border-radius: 8px;
}

html[data-theme="light"] .contact-direct .lbl,
html[data-theme="light"] .contact-row svg,
html[data-theme="light"] .pt-card-list li b,
html[data-theme="light"] .info-banner b,
html[data-theme="light"] .order-id b,
html[data-theme="light"] .os-info .m b,
html[data-theme="light"] .hero-cx .hero-stat .v,
html[data-theme="light"] .f-num,
html[data-theme="light"] .about-stats .stat-num,
html[data-theme="light"] .prod-fact-num {
  color: var(--text) !important;
}

html[data-theme="light"] .pt-card-list li::before {
  background: var(--light-ash);
}

html[data-theme="light"] .info-banner,
html[data-theme="light"] .about-cta,
html[data-theme="light"] .pt-side-card.b2b {
  color: rgba(17, 18, 23, 0.76);
  background: var(--light-surface-soft);
  border-color: var(--line);
  box-shadow: none;
}

/* Buttons: one orange primary per task; repeated commerce actions use black. */
html[data-theme="light"] .btn,
html[data-theme="light"] .checkout-btn,
html[data-theme="light"] .add-cart,
html[data-theme="light"] .btn-about,
html[data-theme="light"] .btn-pay {
  border-radius: 6px;
  clip-path: none;
  box-shadow: none;
}

html[data-theme="light"] .gk-btn-cart,
html[data-theme="light"] .gk-btn-cart-sm,
html[data-theme="light"] .filter-apply,
html[data-theme="light"] .psb-cart,
html[data-theme="light"] .promo-form button,
html[data-theme="light"] .pt-side-card.b2b .btn,
html[data-theme="light"] .order-link.primary,
html[data-theme="light"] .btn-404 {
  color: #ffffff;
  background: var(--text);
  border-color: var(--text);
  border-radius: 6px;
  clip-path: none;
  box-shadow: none;
}

html[data-theme="light"] .gk-btn-cart:hover,
html[data-theme="light"] .gk-btn-cart-sm:hover,
html[data-theme="light"] .filter-apply:hover,
html[data-theme="light"] .psb-cart:hover,
html[data-theme="light"] .promo-form button:hover,
html[data-theme="light"] .pt-side-card.b2b .btn:hover,
html[data-theme="light"] .order-link.primary:hover,
html[data-theme="light"] .btn-404:hover {
  color: #ffffff;
  background: #2b2c31;
  border-color: #2b2c31;
}

/* Homepage constructor mock becomes a light product tool. */
html[data-theme="light"] .cx-mock {
  --line: rgba(17, 18, 23, 0.1);
  --line-2: rgba(17, 18, 23, 0.17);
  --muted: #52525b;
  --dim: #8a8a93;
  color: var(--text);
  background: #ffffff;
  border-color: var(--line);
  box-shadow: 0 1px 2px rgba(17, 18, 23, 0.04), 0 28px 60px rgba(17, 18, 23, 0.1);
}

html[data-theme="light"] .cx-canvas {
  background:
    linear-gradient(rgba(17, 18, 23, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(17, 18, 23, 0.035) 1px, transparent 1px),
    var(--bg-3);
  background-size: 24px 24px;
}

html[data-theme="light"] .cx-preview {
  background: linear-gradient(135deg, #fafafa 0%, #d9dada 100%);
  border: 1px solid rgba(17, 18, 23, 0.12);
  box-shadow: 0 18px 34px rgba(17, 18, 23, 0.14);
}

html[data-theme="light"] .cx-preview-logo {
  filter: invert(1);
  opacity: 0.76;
}

html[data-theme="light"] .cx-side {
  color: var(--text);
  background: var(--light-surface-soft);
  border-color: var(--line);
}

html[data-theme="light"] .cx-side h5,
html[data-theme="light"] .cx-size,
html[data-theme="light"] .cx-mock .cx-size {
  color: var(--muted);
}

html[data-theme="light"] .cx-size {
  background: #ffffff;
  border-color: var(--line);
}

html[data-theme="light"] .cx-size.active {
  color: var(--text);
  background: #ffffff;
  border-color: var(--orange);
}

html[data-theme="light"] .cx-price .val {
  color: var(--text);
}

/* Standalone constructor overview; editor remains intentionally dark. */
html[data-theme="light"] .cx-page:not(.cx-page--editor) {
  --bg: #f4f4f5;
  --bg-2: #fafafa;
  --bg-3: #f0f0f2;
  --muted: #52525b;
  --dim: #8a8a93;
}

html[data-theme="light"] .cx-page:not(.cx-page--editor) .cx-bar-thumb,
html[data-theme="light"] .cx-page:not(.cx-page--editor) .size-tile .visual {
  background:
    linear-gradient(rgba(17, 18, 23, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(17, 18, 23, 0.035) 1px, transparent 1px),
    var(--bg-3);
  background-size: 20px 20px;
  border: 1px solid var(--line);
  box-shadow: none;
}

html[data-theme="light"] .cx-page:not(.cx-page--editor) .cx-bar-thumb {
  border-color: var(--line-2) !important;
}

html[data-theme="light"] .cx-page:not(.cx-page--editor) .cx-bar-price .v {
  color: var(--text);
}

html[data-theme="light"] .cx-page:not(.cx-page--editor) .size-tile .visual .pad-sim {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 48%, rgba(0, 0, 0, 0.07)),
    linear-gradient(135deg, #7a7d83 0%, #64676d 46%, #4d5057 100%);
  border-color: rgba(17, 18, 23, 0.24);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    inset 0 -1px 0 rgba(0, 0, 0, 0.12),
    0 4px 0 #27282e,
    0 12px 22px rgba(17, 18, 23, 0.2);
}

html[data-theme="light"] .cx-page:not(.cx-page--editor) .step-pill.active {
  color: #ffffff;
  background: var(--text);
  border-color: var(--text);
  box-shadow: none;
}

html[data-theme="light"] .cx-page:not(.cx-page--editor) .step-pill.active .num {
  color: #ffffff;
  background: var(--orange);
}

html[data-theme="light"] .cx-page:not(.cx-page--editor) .step-card .size-tile.active {
  background: #ffffff;
  border-color: var(--orange);
  box-shadow: 0 0 0 1px var(--orange), var(--light-shadow);
}

html[data-theme="light"] .cx-page:not(.cx-page--editor) .step-card .size-tile.active::before {
  display: none;
}

html[data-theme="light"] .cx-page:not(.cx-page--editor) .step-card .size-tile.active .tier,
html[data-theme="light"] .cx-page:not(.cx-page--editor) .step-card .size-tile.active .price .v {
  color: var(--text);
}

html[data-theme="light"] .cx-page:not(.cx-page--editor) .preview-stage {
  --line: rgba(17, 18, 23, 0.1);
  --text: #111217;
  --muted: #52525b;
  --dim: #8a8a93;
  background: var(--bg-3);
  border-color: var(--line);
  border-radius: 8px;
  clip-path: none;
}

html[data-theme="light"] .cx-page:not(.cx-page--editor) .preview-stage::before {
  background-image:
    linear-gradient(rgba(17, 18, 23, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(17, 18, 23, 0.035) 1px, transparent 1px);
}

html[data-theme="light"] .cx-page:not(.cx-page--editor) .preview-stage img {
  border-color: var(--light-ash);
  box-shadow: 0 22px 38px rgba(17, 18, 23, 0.16);
}

/* Commerce */
html[data-theme="light"] .gk-catalog,
html[data-theme="light"] .pdp-hero {
  background: var(--bg);
}

html[data-theme="light"] .gk-product,
html[data-theme="light"] .related-grid .product-card,
html[data-theme="light"] .gk-page .product {
  border-radius: 8px;
  clip-path: none;
}

html[data-theme="light"] .gk-product:hover,
html[data-theme="light"] .related-grid .product-card:hover,
html[data-theme="light"] .gk-page .product:hover {
  border-color: var(--line-2);
}

html[data-theme="light"] .catalog-count-num,
html[data-theme="light"] .gk-product-price,
html[data-theme="light"] .bp-price,
html[data-theme="light"] .related-grid .product-price {
  color: var(--text);
}

html[data-theme="light"] .gk-product-img,
html[data-theme="light"] .related-grid .product-img,
html[data-theme="light"] .gk-page .product-img,
html[data-theme="light"] .photo-stage {
  background: var(--bg-3);
}

html[data-theme="light"] .gk-product-img img,
html[data-theme="light"] .photo-stage img {
  filter: drop-shadow(0 14px 24px rgba(17, 18, 23, 0.18));
}

html[data-theme="light"] .summary,
html[data-theme="light"] .os {
  color: var(--text);
  background: #ffffff;
}

html[data-theme="light"] .summary h3,
html[data-theme="light"] .os h3,
html[data-theme="light"] .sm-row .v,
html[data-theme="light"] .sm-total .l,
html[data-theme="light"] .sm-total .v,
html[data-theme="light"] .os-info .n,
html[data-theme="light"] .os-item .p,
html[data-theme="light"] .os-row .v,
html[data-theme="light"] .os-total .l,
html[data-theme="light"] .os-total .v,
html[data-theme="light"] .item-price {
  color: var(--text);
}

html[data-theme="light"] .sm-total .v .rub,
html[data-theme="light"] .os-total .v .rub {
  color: var(--muted);
}

html[data-theme="light"] .os-thumb,
html[data-theme="light"] .item-thumb,
html[data-theme="light"] .order-item .thumb {
  background: var(--bg-3);
  border-color: var(--line);
}

html[data-theme="light"] .item-qty,
html[data-theme="light"] .item-remove,
html[data-theme="light"] .order-link {
  color: var(--muted);
  border-color: var(--line-2);
}

html[data-theme="light"] .item-qty button {
  color: var(--muted);
}

html[data-theme="light"] .item-qty .val {
  color: var(--text);
  background: var(--bg-2);
  border-color: var(--line);
}

html[data-theme="light"] .promo-form {
  background: var(--bg-2);
  border-color: var(--line-2);
  border-radius: 6px;
  overflow: hidden;
}

html[data-theme="light"] .promo-form button {
  border-left-color: var(--line-2);
}

html[data-theme="light"] .co-step.active {
  color: var(--text);
  background: #ffffff;
  border-color: var(--text);
  box-shadow: none;
}

html[data-theme="light"] .co-step.active .name {
  color: var(--text);
}

html[data-theme="light"] .co-step.active .lbl {
  color: var(--muted);
}

html[data-theme="light"] .delivery-card.active,
html[data-theme="light"] .pay-card.active {
  color: var(--text);
  background: #ffffff;
  border-color: var(--text);
  box-shadow: none;
}

html[data-theme="light"] .delivery-card .name,
html[data-theme="light"] .delivery-card .dl-price .v,
html[data-theme="light"] .pay-card .pay-name {
  color: var(--text);
}

html[data-theme="light"] .pay-card .pay-logo {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

html[data-theme="light"] .agree {
  color: rgba(17, 18, 23, 0.78);
}

html[data-theme="light"] .acc-avatar {
  color: #ffffff;
  background: var(--text);
  border-radius: 8px;
  clip-path: none;
  box-shadow: none;
}

html[data-theme="light"] .acc-user button.active {
  color: #ffffff;
  background: var(--text);
}

html[data-theme="light"] .acc-tab.active {
  color: var(--text);
  background: var(--bg-2);
  border-color: var(--line-2);
  box-shadow: none;
}

html[data-theme="light"] .acc-tab.active .badge {
  color: var(--text);
  background: var(--bg-3);
}

html[data-theme="light"] .order-link {
  color: rgba(17, 18, 23, 0.76);
}

html[data-theme="light"] .order-item .name,
html[data-theme="light"] .order-item .qty b,
html[data-theme="light"] .order-item .price,
html[data-theme="light"] .order-item .price *,
html[data-theme="light"] .order-info b {
  color: var(--text);
}

html[data-theme="light"] .order-status.assembly {
  color: var(--muted);
}

html[data-theme="light"] .qty {
  border-color: var(--line-2);
}

html[data-theme="light"] .qty button,
html[data-theme="light"] .qty-val,
html[data-theme="light"] .bp-link,
html[data-theme="light"] .bp-ref b,
html[data-theme="light"] .bp-adv .h,
html[data-theme="light"] .spec-table td,
html[data-theme="light"] .related-head h2 {
  color: var(--text);
}

html[data-theme="light"] .related-arrow {
  color: var(--text);
  border-color: rgba(17, 18, 23, 0.24);
}

html[data-theme="light"] .related-grid .gk-product {
  background: #ffffff;
  border-color: var(--line-2);
  box-shadow: var(--light-shadow);
}

html[data-theme="light"] .related-grid .gk-product-name,
html[data-theme="light"] .related-grid .gk-product-price {
  color: var(--text);
}

html[data-theme="light"] .qty-val {
  background: var(--bg-2);
  border-color: var(--line);
}

html[data-theme="light"] .bp-link {
  border-color: var(--line-2);
}

html[data-theme="light"] .qty button:hover,
html[data-theme="light"] .bp-link:hover,
html[data-theme="light"] .bp-link.active {
  color: var(--orange);
  border-color: var(--orange);
}

html[data-theme="light"] .bp-price .rub {
  color: var(--muted);
}

html[data-theme="light"] .bp-adv-icon {
  color: var(--text);
  background: var(--bg-3);
  border-color: var(--line);
}

html[data-theme="light"] .spec-table .dash {
  color: var(--dim);
}

/* Contacts and partners share the same service-page rhythm. */
html[data-theme="light"] .info-wrap {
  width: 100%;
  max-width: 1280px;
  padding-right: 32px;
  padding-left: 32px;
}

html[data-theme="light"] .pt-head,
html[data-theme="light"] .info-head {
  padding: 38px 0 32px;
  text-align: left;
}

html[data-theme="light"] .pt-head .inner {
  text-align: left;
}

html[data-theme="light"] .pt-head h1,
html[data-theme="light"] .info-head h1 {
  font-size: clamp(48px, 5.6vw, 72px);
  line-height: 0.96;
}

html[data-theme="light"] .pt-head .sub,
html[data-theme="light"] .info-head .sub {
  max-width: 720px;
  margin: 18px 0 0;
  color: rgba(17, 18, 23, 0.68);
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.55;
}

html[data-theme="light"] .pt-cards {
  gap: 18px;
  margin: 24px 0 64px;
}

html[data-theme="light"] .pt-card {
  min-height: 284px;
  padding: 30px;
  cursor: default;
}

html[data-theme="light"] .pt-form-section {
  padding: 0 0 96px;
}

html[data-theme="light"] .pt-form-layout {
  grid-template-columns: minmax(0, 1.4fr) minmax(320px, 1fr);
  gap: 24px;
}

html[data-theme="light"] .pt-form-card {
  padding: 36px;
}

html[data-theme="light"] .pt-side-card {
  padding: 28px;
}

html[data-theme="light"] .contact-direct {
  gap: 18px;
  margin: 12px 0 24px;
}

html[data-theme="light"] .contact-direct .info-card {
  padding: 24px 28px;
}

html[data-theme="light"] .info-stack {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(340px, 0.85fr);
  gap: 24px;
  align-items: start;
  padding-bottom: 96px;
}

html[data-theme="light"] .info-card,
html[data-theme="light"] .pt-form-card,
html[data-theme="light"] .pt-side-card {
  color: var(--text);
}

html[data-theme="light"] .contact-form input,
html[data-theme="light"] .contact-form textarea,
html[data-theme="light"] .contact-form select,
html[data-theme="light"] .pt-fields input,
html[data-theme="light"] .pt-fields textarea {
  background: var(--light-surface-soft);
  border-color: var(--line-2);
  border-radius: 6px;
}

html[data-theme="light"] .contact-form input:focus,
html[data-theme="light"] .contact-form textarea:focus,
html[data-theme="light"] .contact-form select:focus,
html[data-theme="light"] .pt-fields input:focus,
html[data-theme="light"] .pt-fields textarea:focus {
  background: #ffffff;
}

/* Brand pages keep their product identity without dark page-sized panels. */
html[data-theme="light"] .gk-page .gk-cta {
  color: var(--text);
  background: #ffffff;
  border-color: var(--line);
}

html[data-theme="light"] .gk-page .gk-cta h2,
html[data-theme="light"] .gk-page .gk-cta p {
  color: var(--text);
}

html[data-theme="light"] .gk-page .gk-cta p {
  opacity: 0.7;
}

html[data-theme="light"] .gk-page .gk-cta-pad {
  background: linear-gradient(135deg, #fafafa, var(--light-ash));
  border: 1px solid var(--line-2);
  box-shadow: 0 22px 40px rgba(17, 18, 23, 0.14);
}

html[data-theme="light"] .gk-page .gk-cta h2 em {
  color: var(--text);
  background: none;
  -webkit-text-fill-color: currentColor;
}

html[data-theme="light"] .gk-page .gk-hero .stats .a {
  color: var(--text);
}

html[data-theme="light"] .gk-page .line-card {
  color: var(--text);
  background: #ffffff;
  border-color: var(--line);
  border-radius: 8px;
  box-shadow: var(--light-shadow);
  clip-path: none;
}

html[data-theme="light"] .gk-page .line-card:hover {
  background: #ffffff;
  border-color: var(--line-2);
  transform: none;
}

html[data-theme="light"] .gk-page .line-bg {
  background: var(--bg-3);
}

html[data-theme="light"] .gk-page .line-overlay {
  background: linear-gradient(180deg, transparent 32%, rgba(255, 255, 255, 0.74) 62%, #ffffff 88%);
}

html[data-theme="light"] .gk-page .line-tag,
html[data-theme="light"] .gk-page .line-desc {
  color: var(--muted);
}

html[data-theme="light"] .gk-page .line-name,
html[data-theme="light"] .gk-page .line-cta {
  color: var(--text);
}

html[data-theme="light"] .gk-page .line-count {
  color: var(--muted);
  background: rgba(255, 255, 255, 0.88);
  border-color: var(--line-2);
  box-shadow: none;
}

html[data-theme="light"] .gk-page .art-pad {
  box-shadow: 0 28px 42px rgba(17, 18, 23, 0.2);
}

html[data-theme="light"] .related-grid .gk-img-wrap {
  background: var(--bg-3);
}

html[data-theme="light"] .gx-page {
  background: var(--bg);
}

html[data-theme="light"] .gx-page .gx-cat {
  color: var(--text);
  background: #ffffff;
  border-color: rgba(168, 85, 247, 0.18);
  border-radius: 8px;
  clip-path: none;
  box-shadow: var(--light-shadow);
}

html[data-theme="light"] .gx-page .gx-cat:hover {
  background: #ffffff;
  border-color: rgba(168, 85, 247, 0.42);
}

html[data-theme="light"] .gx-page .gx-cat-top {
  background: rgba(168, 85, 247, 0.045);
}

html[data-theme="light"] .gx-page .gx-cat-body {
  color: var(--text);
  background: #ffffff;
  border-color: rgba(168, 85, 247, 0.14);
}

html[data-theme="light"] .gx-page .gx-cat-name {
  color: var(--text);
}

html[data-theme="light"] .gx-page .gx-cat-desc {
  color: rgba(17, 18, 23, 0.68);
}

html[data-theme="light"] .gx-page .gx-cat-eta {
  color: var(--muted);
  border-color: var(--line-2);
}

html[data-theme="light"] .gx-page .gx-notify {
  color: var(--text);
  background: #ffffff;
  border-color: rgba(168, 85, 247, 0.16);
}

html[data-theme="light"] .gx-page .gx-notify h2 {
  color: var(--text);
  background: none;
  -webkit-text-fill-color: currentColor;
}

html[data-theme="light"] .gx-page .gx-notify p {
  color: rgba(17, 18, 23, 0.68);
}

html[data-theme="light"] .gx-page .gx-form {
  background: var(--light-surface-soft);
  border-color: rgba(168, 85, 247, 0.28);
  border-radius: 6px;
  overflow: hidden;
}

html[data-theme="light"] .gx-page .gx-form input {
  color: var(--text);
}

html[data-theme="light"] .page-404-code {
  color: var(--text);
  background: none;
  -webkit-text-fill-color: currentColor;
}

@media (max-width: 1000px) {
  html[data-theme="light"] .info-stack,
  html[data-theme="light"] .pt-form-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  html[data-theme="light"] .info-wrap {
    padding-right: 16px;
    padding-left: 16px;
  }

  html[data-theme="light"] .pt-head,
  html[data-theme="light"] .info-head {
    padding: 28px 0 24px;
  }

  html[data-theme="light"] .pt-head h1,
  html[data-theme="light"] .info-head h1 {
    font-size: 40px !important;
  }

  html[data-theme="light"] .pt-card,
  html[data-theme="light"] .pt-form-card,
  html[data-theme="light"] .pt-side-card,
  html[data-theme="light"] .info-card {
    padding: 24px 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-theme="light"] body { transition: none; }
}

/* DAN-115 - keep the account page in the shared light-theme geometry. */
html[data-theme="light"] .acc-page > .wrap {
  width: 100%;
  max-width: 1480px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 32px;
  padding-left: 32px;
}

html[data-theme="light"] .acc-head h1 {
  font-size: clamp(48px, 5.6vw, 72px);
  line-height: 0.96;
}

@media (max-width: 700px) {
  html[data-theme="light"] .acc-page > .wrap {
    padding-right: 16px;
    padding-left: 16px;
  }

  html[data-theme="light"] .acc-head h1 {
    font-size: clamp(36px, 11vw, 54px) !important;
    overflow-wrap: anywhere;
  }
}