/* G-Trots public colour themes.
   This file is intentionally loaded after every page stylesheet by the shared shell. */
:root {
  --gt-accent: #ff8500;
  --gt-accent-strong: #ee6f00;
  --gt-success: #18b76a;
  --gt-theme-duration: 220ms;
}

html[data-theme="dark"] {
  color-scheme: dark;
  --gt-page-bg: #071a36;
  --gt-page-bg-2: #0a2347;
  --gt-surface: #0c274d;
  --gt-surface-2: #102f59;
  --gt-card: rgba(12, 39, 77, 0.92);
  --gt-card-solid: #0c274d;
  --gt-text: #f7f9ff;
  --gt-heading: #ffffff;
  --gt-muted: #a9b9d1;
  --gt-faint: #7f93b0;
  --gt-line: rgba(186, 211, 245, 0.17);
  --gt-line-strong: rgba(186, 211, 245, 0.3);
  --gt-shadow: 0 1.6rem 4.5rem rgba(0, 8, 24, 0.32);
  --gt-soft-shadow: 0 1rem 2.8rem rgba(0, 8, 24, 0.2);
  --bg: var(--gt-page-bg);
  --surface: var(--gt-surface);
  --surface-soft: var(--gt-surface-2);
  --text: var(--gt-text);
  --muted: var(--gt-muted);
  --line: var(--gt-line);
  --ink: var(--gt-heading);
  --card: var(--gt-card);
  --bg-raised: var(--gt-surface);
  --accent: var(--gt-accent);
  --accent-strong: #ff9a3c;
  --accent-soft: rgba(255,133,0,.13);
  --green: #43d3a0;
  --checkout-bg: var(--gt-page-bg);
  --checkout-surface: var(--gt-surface);
  --checkout-surface-2: var(--gt-surface-2);
  --checkout-surface-3: #153763;
  --checkout-border: var(--gt-line);
  --checkout-muted: var(--gt-muted);
  --checkout-cream: var(--gt-text);
  --account-bg: var(--gt-page-bg);
  --account-surface: var(--gt-surface);
  --account-surface-2: var(--gt-surface-2);
  --account-line: var(--gt-line);
  --account-cream: var(--gt-text);
  --account-muted: var(--gt-muted);
  --contact-line: var(--gt-line);
  --contact-muted: var(--gt-muted);
}

html[data-theme="light"] {
  color-scheme: light;
  --gt-page-bg: #f7f8fb;
  --gt-page-bg-2: #ffffff;
  --gt-surface: #ffffff;
  --gt-surface-2: #f2f4f8;
  --gt-card: rgba(255, 255, 255, 0.94);
  --gt-card-solid: #ffffff;
  --gt-text: #171b24;
  --gt-heading: #10141d;
  --gt-muted: #646b78;
  --gt-faint: #8b919c;
  --gt-line: rgba(20, 27, 39, 0.11);
  --gt-line-strong: rgba(20, 27, 39, 0.19);
  --gt-shadow: 0 1.7rem 4.8rem rgba(40, 48, 61, 0.09);
  --gt-soft-shadow: 0 1rem 2.8rem rgba(40, 48, 61, 0.065);
  --bg: var(--gt-page-bg);
  --surface: var(--gt-surface);
  --surface-soft: var(--gt-surface-2);
  --surface-light: #ffffff;
  --text: var(--gt-text);
  --text-dark: var(--gt-heading);
  --muted: var(--gt-muted);
  --muted-dark: var(--gt-muted);
  --line: var(--gt-line);
  --ink: var(--gt-heading);
  --card: var(--gt-card);
  --bg-raised: var(--gt-surface);
  --accent: var(--gt-accent);
  --accent-strong: #c45800;
  --accent-soft: #fff0df;
  --green: #128562;
  --checkout-bg: var(--gt-page-bg);
  --checkout-surface: var(--gt-surface);
  --checkout-surface-2: var(--gt-surface-2);
  --checkout-surface-3: #e9edf3;
  --checkout-border: var(--gt-line);
  --checkout-muted: var(--gt-muted);
  --checkout-cream: var(--gt-text);
  --account-bg: var(--gt-page-bg);
  --account-surface: var(--gt-surface);
  --account-surface-2: var(--gt-surface-2);
  --account-line: var(--gt-line);
  --account-cream: var(--gt-text);
  --account-muted: var(--gt-muted);
  --contact-line: var(--gt-line);
  --contact-muted: var(--gt-muted);
}

html,
body {
  background-color: var(--gt-page-bg);
}

body {
  color: var(--gt-text);
  transition: background-color var(--gt-theme-duration) ease, color var(--gt-theme-duration) ease;
}

body::selection { background: rgba(255, 133, 0, 0.28); }

html[data-theme="dark"] body {
  background-image:
    radial-gradient(circle at 16% -10%, rgba(40, 103, 174, 0.23), transparent 34rem),
    radial-gradient(circle at 90% 4%, rgba(255, 133, 0, 0.08), transparent 27rem);
}

html[data-theme="light"] body {
  background-image:
    radial-gradient(circle at 10% -8%, rgba(255, 152, 45, 0.07), transparent 32rem),
    linear-gradient(180deg, #ffffff 0, #f7f8fb 38rem, #f5f6f9 100%);
}

/* Shared header */
.site-header,
.gt-public-header {
  color: var(--gt-text);
}

/* A soft, edge-faded glass veil keeps the strip above the floating navbar
   blurred without turning it into a solid dark band. */
.site-header::before,
.gt-public-header::before {
  display: block !important;
  height: calc(100% + .65rem) !important;
  background: color-mix(in srgb, var(--gt-page-bg) 44%, transparent) !important;
  -webkit-backdrop-filter: blur(22px) saturate(135%) !important;
  backdrop-filter: blur(22px) saturate(135%) !important;
  -webkit-mask-image: linear-gradient(180deg,#000 0%,#000 58%,rgba(0,0,0,.72) 76%,transparent 100%);
  mask-image: linear-gradient(180deg,#000 0%,#000 58%,rgba(0,0,0,.72) 76%,transparent 100%);
}

html[data-theme="light"] .site-header::before,
html[data-theme="light"] .gt-public-header::before {
  background: linear-gradient(180deg,rgba(247,248,251,.7) 0%,rgba(247,248,251,.58) 60%,rgba(247,248,251,.28) 82%,transparent 100%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(125%) !important;
  backdrop-filter: blur(22px) saturate(125%) !important;
}
html[data-theme="dark"] .site-header::before,
html[data-theme="dark"] .gt-public-header::before {
  background: linear-gradient(180deg,rgba(7,26,54,.72) 0%,rgba(7,26,54,.58) 58%,rgba(7,26,54,.28) 80%,transparent 100%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(130%) !important;
  backdrop-filter: blur(22px) saturate(130%) !important;
}

/* The shop adds a second veil through ::after; theme it as glass too. */
html[data-theme="light"] .shop-page .site-header::after {
  background: linear-gradient(180deg,rgba(247,248,251,.72),rgba(247,248,251,.18),transparent) !important;
  -webkit-backdrop-filter: blur(24px) saturate(125%) !important;
  backdrop-filter: blur(24px) saturate(125%) !important;
}
html[data-theme="dark"] .shop-page .site-header::after {
  background: linear-gradient(180deg,rgba(7,26,54,.7),rgba(7,26,54,.2),transparent) !important;
  -webkit-backdrop-filter: blur(24px) saturate(130%) !important;
  backdrop-filter: blur(24px) saturate(130%) !important;
}

/* Login and registration keep the global navbar pinned at every breakpoint. */
.customer-auth-page .site-header {
  position: fixed !important;
  z-index: 60 !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
.gt-has-promotion-bar.customer-auth-page .site-header { top: var(--gt-promotion-height) !important; }
.customer-auth-page .auth-shell { margin-top: 7.25rem !important; }
.gt-has-promotion-bar.customer-auth-page .auth-shell {
  margin-top: calc(7.25rem + var(--gt-promotion-height)) !important;
}

@media (min-width: 901px) {
  .site-header,
  .gt-public-header { padding-top: .55rem !important; }
}

.site-header .header-inner,
.gt-public-header .header-inner {
  border-color: var(--gt-line) !important;
  background: color-mix(in srgb, var(--gt-surface) 91%, transparent) !important;
  box-shadow: var(--gt-soft-shadow) !important;
  backdrop-filter: blur(22px) saturate(145%);
}

.site-header .logo,
.site-header .main-nav a,
.gt-public-header .logo,
.gt-public-header .main-nav a,
.global-shop-actions a,
.global-shop-actions button {
  color: var(--gt-text) !important;
}

.site-header .logo b,
.gt-public-header .logo b,
.customer-header-link strong,
.customer-header-link small {
  color: var(--gt-text) !important;
}

.site-header .logo b span,
.gt-public-header .logo b span { color: var(--gt-accent) !important; }

.site-header .header-cta,
.gt-public-header .header-cta {
  border-color: rgba(255,133,0,.34) !important;
  background: var(--gt-card-solid) !important;
  color: var(--gt-heading) !important;
  box-shadow: 0 .45rem 1.3rem rgba(40,48,61,.07) !important;
}

.site-header .header-cta svg,
.gt-public-header .header-cta svg { fill: none !important; stroke: var(--gt-accent) !important; }
.site-header .header-cta > span,
.gt-public-header .header-cta > span {
  background: color-mix(in srgb,var(--gt-accent) 13%,var(--gt-surface)) !important;
  color: var(--gt-accent) !important;
}
.site-header .header-cta:hover,
.site-header .header-cta:focus-visible,
.gt-public-header .header-cta:hover,
.gt-public-header .header-cta:focus-visible {
  border-color: rgba(255,133,0,.58) !important;
  background: color-mix(in srgb,var(--gt-accent) 8%,var(--gt-surface)) !important;
  color: var(--gt-heading) !important;
  transform: translateY(-1px);
}

html[data-theme="light"] .site-header .main-nav .nav-shop-link.active,
html[data-theme="light"] .site-header .main-nav .nav-shop-link[aria-current="page"] {
  background: #fff5e9 !important;
  color: #171b24 !important;
}

html[data-theme="light"] .main-nav .nav-shop-link {
  border-color: rgba(255,133,0,.2) !important;
  background: #fff !important;
  color: var(--gt-text) !important;
  box-shadow: 0 .45rem 1.3rem rgba(40,48,61,.06) !important;
}
html[data-theme="light"] .main-nav .nav-shop-link:hover,
html[data-theme="light"] .main-nav .nav-shop-link:focus-visible {
  border-color: rgba(255,133,0,.38) !important;
  background: #fff7ed !important;
  color: var(--gt-heading) !important;
}
html[data-theme="light"] .main-nav .nav-shop-link .nav-shop-icon {
  background: #fff3e4 !important;
  color: #b85400 !important;
  box-shadow: inset 0 0 0 1px rgba(255,133,0,.12) !important;
}

html[data-theme="dark"] .main-nav .nav-shop-link {
  border-color: var(--gt-line) !important;
  background: var(--gt-surface-2) !important;
  color: var(--gt-text) !important;
  box-shadow: none !important;
}

.global-account-nav,
.global-favorites-nav,
.global-cart-nav {
  border-color: var(--gt-line) !important;
  background: var(--gt-card-solid) !important;
  color: var(--gt-heading) !important;
  box-shadow: 0 .45rem 1.3rem rgba(40,48,61,.06) !important;
}
.global-account-nav:hover,
.global-account-nav:focus-visible,
.global-account-nav[aria-current="page"],
.global-favorites-nav:hover,
.global-favorites-nav:focus-visible,
.global-cart-nav:hover,
.global-cart-nav:focus-visible {
  border-color: color-mix(in srgb,var(--gt-accent) 40%,var(--gt-line)) !important;
  background: color-mix(in srgb,var(--gt-accent) 8%,var(--gt-surface)) !important;
}
.global-account-copy strong { color: var(--gt-heading) !important; }
.global-account-copy small { color: var(--gt-muted) !important; }
.global-account-avatar {
  width: 2.25rem !important;
  height: 2.25rem !important;
  padding: .14rem !important;
  border-color: var(--gt-line-strong) !important;
  background: var(--gt-card-solid) !important;
  box-shadow: none !important;
}
.global-account-avatar i {
  background: transparent !important;
  box-shadow: none !important;
}
.global-account-avatar i::before {
  width: .46rem !important;
  height: .46rem !important;
  top: .43rem !important;
  background: var(--gt-heading) !important;
}
.global-account-avatar i::after {
  width: 1rem !important;
  height: .55rem !important;
  bottom: .34rem !important;
  background: var(--gt-heading) !important;
}
.global-favorites-nav > b,
.global-cart-nav > b { border-color: var(--gt-card-solid) !important; }

html[data-theme="light"] .global-favorites-nav,
html[data-theme="light"] .global-favorites-nav.has-favorites .global-favorites-heart,
html[data-theme="light"] .global-cart-nav,
html[data-theme="light"] .global-cart-icon {
  color: var(--gt-heading) !important;
}

html[data-theme="dark"] .global-favorites-nav,
html[data-theme="dark"] .global-cart-nav,
html[data-theme="dark"] .global-favorites-nav.has-favorites .global-favorites-heart,
html[data-theme="dark"] .global-cart-icon {
  color: #fff !important;
}

html[data-theme="dark"] .global-account-avatar {
  border-color: var(--gt-line-strong) !important;
  background: var(--gt-surface-2) !important;
}
html[data-theme="dark"] .global-account-avatar i::before,
html[data-theme="dark"] .global-account-avatar i::after { background: #fff !important; }

.site-header .main-nav a:hover,
.site-header .main-nav a[aria-current="page"],
.site-header .main-nav a.active {
  background: color-mix(in srgb, var(--gt-surface-2) 78%, transparent) !important;
  border-color: color-mix(in srgb, var(--gt-accent) 30%, var(--gt-line)) !important;
}

/* The promotion ribbon is part of the header stack.  Its legacy charcoal
   skin was still visible above the frosted navbar in the light theme. */
html[data-theme="light"] body.gt-has-promotion-bar .gt-promotion-bar {
  border-bottom-color: rgba(255, 133, 0, .2) !important;
  background: linear-gradient(100deg, rgba(255,255,255,.97), rgba(255,247,237,.96), rgba(255,255,255,.97)) !important;
  color: var(--gt-heading) !important;
  box-shadow: 0 .45rem 1.5rem rgba(35, 42, 54, .08) !important;
  -webkit-backdrop-filter: blur(18px) saturate(145%) !important;
  backdrop-filter: blur(18px) saturate(145%) !important;
}
html[data-theme="light"] body.gt-has-promotion-bar .gt-promotion-bar::before {
  background: radial-gradient(circle at 50% 125%,rgba(255,133,0,.12),transparent 43%),linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent) !important;
}
html[data-theme="light"] body.gt-has-promotion-bar .gt-promotion-track span { color: var(--gt-heading) !important; text-shadow: none !important; }
html[data-theme="light"] body.gt-has-promotion-bar .gt-promotion-label { background: #fff4e6 !important; color: #a84d00 !important; }
html[data-theme="dark"] body.gt-has-promotion-bar .gt-promotion-bar {
  border-bottom-color: rgba(255,151,45,.2) !important;
  background: linear-gradient(100deg,rgba(7,26,54,.98),rgba(13,43,79,.97),rgba(7,26,54,.98)) !important;
  color: #f7f9ff !important;
  box-shadow: 0 .45rem 1.5rem rgba(0,8,24,.28) !important;
}

.menu-toggle,
.global-shop-actions a,
.global-shop-actions button,
.customer-header-link {
  border-color: var(--gt-line) !important;
  background-color: color-mix(in srgb, var(--gt-surface) 88%, transparent) !important;
}

.menu-toggle span { background: var(--gt-text) !important; }

/* Home and general public sections */
.hero,
.shop-bridge,
.service-card,
.process-grid article,
.faq-list details,
.contact-card,
.seo-hub,
.seo-hub-card,
.about-answer,
.about-company,
.legal-card,
.tracking-card,
.return-card {
  border-color: var(--gt-line) !important;
  color: var(--gt-text);
  box-shadow: var(--gt-soft-shadow);
}

html[data-theme="dark"] .hero {
  background:
    radial-gradient(circle at 80% 47%, rgba(255, 137, 26, 0.22), transparent 24rem),
    linear-gradient(135deg, rgba(13, 48, 91, 0.97), rgba(7, 27, 56, 0.98)) !important;
}

html[data-theme="light"] .hero {
  background:
    radial-gradient(circle at 80% 46%, rgba(255, 152, 45, 0.15), transparent 25rem),
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(249,250,252,.96)) !important;
}

.hero h1,
.section-title h2,
.shop-bridge-copy h2,
.service-card h3,
.process-grid h3,
.faq-list summary,
.contact-card h2,
.seo-page h1,
.seo-page h2,
.legal-page h1,
.legal-page h2,
.about-page h1,
.about-page h2 {
  color: var(--gt-heading) !important;
}

.hero p,
.section-title p,
.service-card p,
.process-grid p,
.faq-list p,
.shop-bridge-copy p,
.seo-page p,
.seo-page li,
.legal-page p,
.legal-page li,
.about-page p {
  color: var(--gt-muted) !important;
}

/* Retail bridge uses a real light composition in light mode and branded navy in dark mode. */
.shop-bridge-card .shop-bridge-copy h2 {
  text-shadow: 0 .08em .8em rgba(0, 0, 0, .18);
}

.shop-bridge-card .shop-bridge-copy h2 em { color: #ff8500 !important; }
.shop-bridge-card .shop-bridge-copy > p { color: #aaaeb7 !important; }
.shop-bridge-card .shop-bridge-kicker { color: #c8c9cd !important; }
.shop-bridge-card .shop-bridge-link { color: #241507 !important; }

html[data-theme="light"] .shop-bridge-card {
  border-color: rgba(206,116,25,.18) !important;
  background:
    radial-gradient(circle at 79% 38%,rgba(255,151,48,.19),transparent 24rem),
    linear-gradient(135deg,#fff 0%,#fffaf4 58%,#f7f1ea 100%) !important;
  box-shadow: 0 1.8rem 5rem rgba(39,48,62,.09),inset 0 1px rgba(255,255,255,.95) !important;
}
html[data-theme="light"] .shop-bridge-card::before { color: rgba(134,74,20,.045) !important; }
html[data-theme="light"] .shop-bridge-card::after {
  opacity: .38 !important;
  background-image: linear-gradient(rgba(144,91,40,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(144,91,40,.08) 1px,transparent 1px) !important;
}
html[data-theme="light"] .shop-bridge-card .shop-bridge-copy h2 { color: var(--gt-heading) !important; text-shadow: none !important; }
html[data-theme="light"] .shop-bridge-card .shop-bridge-copy > p { color: var(--gt-muted) !important; }
html[data-theme="light"] .shop-bridge-card .shop-bridge-kicker { color: #795c42 !important; }
html[data-theme="light"] .shop-bridge-product {
  border-color: rgba(24,32,44,.1) !important;
  box-shadow: 0 1.8rem 4rem rgba(44,50,62,.16),inset 0 1px rgba(255,255,255,.9) !important;
}
html[data-theme="dark"] .shop-bridge-card {
  border-color: var(--gt-line) !important;
  background: radial-gradient(circle at 79% 38%,rgba(255,133,0,.2),transparent 24rem),linear-gradient(135deg,#0d2d57,#071a36 72%) !important;
  box-shadow: var(--gt-shadow),inset 0 1px rgba(255,255,255,.05) !important;
}
html[data-theme="dark"] .shop-bridge-card .shop-bridge-copy h2 { color: #fff !important; }

.hero-notes li,
.carousel-control,
.shop-bridge-feature,
.service-card,
.process-grid article,
.faq-list details,
.seo-hub-card,
.contact-form input,
.contact-form textarea,
.contact-form select {
  border-color: var(--gt-line) !important;
  background: color-mix(in srgb, var(--gt-surface) 90%, transparent) !important;
  color: var(--gt-text) !important;
}

.vehicle-caption strong { color: var(--gt-heading) !important; }
.vehicle-caption span { color: var(--gt-muted) !important; }

html[data-theme="light"] .button-ghost,
html[data-theme="light"] .call-button:not(.header-cta) {
  border-color: var(--gt-line-strong) !important;
  background: #fff !important;
  color: var(--gt-heading) !important;
}

/* Homepage secondary sections */
.service-panel,
.process-wrap,
.map-zoom-card,
.zoom-canvas,
.map-legend,
.faq-list,
.contact-form {
  border-color: var(--gt-line) !important;
  color: var(--gt-text) !important;
  box-shadow: var(--gt-soft-shadow) !important;
}

html[data-theme="light"] .service-panel,
html[data-theme="light"] .process-wrap,
html[data-theme="light"] .map-zoom-card,
html[data-theme="light"] .zoom-canvas,
html[data-theme="light"] .faq-list,
html[data-theme="light"] .contact-form {
  background: #fff !important;
}
html[data-theme="light"] .map-legend { background: rgba(255,255,255,.92) !important; }
html[data-theme="light"] .shop-bridge-count,
html[data-theme="light"] .service-heading-badge,
html[data-theme="light"] .seo-hub-badge,
html[data-theme="light"] .faq-heading-badge {
  border-color: rgba(255,133,0,.2) !important;
  background: #fff4e7 !important;
  color: #8d4100 !important;
}
html[data-theme="light"] .seo-hub a {
  border-color: var(--gt-line) !important;
  background: #fff !important;
  color: var(--gt-text) !important;
  box-shadow: var(--gt-soft-shadow) !important;
}
html[data-theme="light"] .seo-hub a strong,
html[data-theme="light"] .seo-hub a h3 { color: var(--gt-heading) !important; }
html[data-theme="light"] .seo-hub a p,
html[data-theme="light"] .seo-hub a span { color: var(--gt-muted) !important; }
html[data-theme="light"] .service-panel h2,
html[data-theme="light"] .service-panel h3,
html[data-theme="light"] .process-wrap h2,
html[data-theme="light"] .process-wrap h3,
html[data-theme="light"] .map-zoom-card h2,
html[data-theme="light"] .map-zoom-card h3,
html[data-theme="light"] .contact-form-title { color: var(--gt-heading) !important; }
html[data-theme="light"] .service-panel p,
html[data-theme="light"] .process-wrap p,
html[data-theme="light"] .map-zoom-card p,
html[data-theme="light"] .map-legend,
html[data-theme="light"] .contact-form label > span { color: var(--gt-muted) !important; }
html[data-theme="light"] .contact-copy > p,
html[data-theme="light"] .contact-meta { color: var(--gt-muted) !important; }
html[data-theme="light"] .contact-form-title b { color: var(--gt-heading) !important; }
html[data-theme="light"] .contact-form-heading { border-color: var(--gt-line) !important; }
html[data-theme="light"] .contact-form .button {
  border-color: transparent !important;
  background: linear-gradient(135deg,#ff7900,#ff9b16) !important;
  color: #fff !important;
  box-shadow: 0 .75rem 1.8rem rgba(241,112,0,.18) !important;
}
html[data-theme="light"] .contact-form .button span {
  background: rgba(255,255,255,.2) !important;
  color: #fff !important;
}

html[data-theme="light"] .service-item::before {
  background: linear-gradient(135deg, rgba(255, 145, 24, .12), rgba(255, 255, 255, .84)), #fffaf5 !important;
}

html[data-theme="light"] .service-item:hover,
html[data-theme="light"] .service-item.is-selected {
  color: var(--gt-heading) !important;
}

html[data-theme="light"] .service-item .service-number {
  background: #fff7ed !important;
  color: #b55300 !important;
  box-shadow: 0 0 0 .3rem rgba(240,127,0,.055), inset 0 0 1.2rem rgba(240,127,0,.06) !important;
}

html[data-theme="light"] .service-item:hover .service-number,
html[data-theme="light"] .service-item.is-selected .service-number {
  background: var(--gt-accent) !important;
  color: #fff !important;
}

html[data-theme="light"] .service-short {
  border-color: rgba(240,127,0,.2) !important;
  background: rgba(255,255,255,.82) !important;
  color: var(--gt-muted) !important;
}

html[data-theme="light"] .service-item.is-selected .service-short,
html[data-theme="light"] .service-item:hover .service-short {
  border-color: rgba(240,127,0,.3) !important;
  background: #fff !important;
  color: #77451e !important;
}

html[data-theme="light"] .service-content p {
  border-color: rgba(240,127,0,.25) !important;
  background: rgba(255,255,255,.8) !important;
  color: var(--gt-text) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.95) !important;
}

html[data-theme="light"] .process-list li {
  border-color: var(--gt-line) !important;
  background: linear-gradient(135deg, #ffffff, #f6f8fb) !important;
  box-shadow: 0 .85rem 2.2rem rgba(16,24,40,.07) !important;
}

html[data-theme="light"] .process-list li::before {
  background: linear-gradient(135deg, rgba(240,127,0,.12), rgba(240,127,0,.035)), #fffaf5 !important;
}

html[data-theme="light"] .process-list li:hover {
  border-color: rgba(240,127,0,.33) !important;
  background: #fffaf5 !important;
}

html[data-theme="light"] .process-list h3 { color: var(--gt-heading) !important; }
html[data-theme="light"] .process-list p { color: var(--gt-muted) !important; }

html[data-theme="light"] .process-copy > p,
html[data-theme="light"] .area-card p {
  border-color: rgba(240,127,0,.18) !important;
  background: #f7f9fc !important;
  color: var(--gt-muted) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.95) !important;
}

html[data-theme="light"] .process-copy > p::before {
  background: var(--gt-accent) !important;
}

html[data-theme="dark"] .service-panel,
html[data-theme="dark"] .process-wrap,
html[data-theme="dark"] .map-zoom-card,
html[data-theme="dark"] .zoom-canvas,
html[data-theme="dark"] .faq-list,
html[data-theme="dark"] .contact-form {
  background: linear-gradient(145deg,#0d2d57,#081d3b) !important;
}
html[data-theme="dark"] .map-legend,
html[data-theme="dark"] .shop-bridge-count,
html[data-theme="dark"] .service-heading-badge,
html[data-theme="dark"] .seo-hub-badge,
html[data-theme="dark"] .faq-heading-badge,
html[data-theme="dark"] .seo-hub a {
  border-color: var(--gt-line) !important;
  background: var(--gt-surface-2) !important;
  color: var(--gt-text) !important;
}
html[data-theme="dark"] .contact-form .button {
  border-color: rgba(255,133,0,.35) !important;
  background: var(--gt-surface-2) !important;
  color: var(--gt-text) !important;
}

html[data-theme="dark"] .service-item::before {
  background: linear-gradient(135deg, rgba(255,133,0,.14), rgba(13,45,87,.42)), #0a2347 !important;
}

html[data-theme="dark"] .service-item:hover,
html[data-theme="dark"] .service-item.is-selected {
  color: var(--gt-heading) !important;
}

html[data-theme="dark"] .service-item.is-selected .service-short,
html[data-theme="dark"] .service-item:hover .service-short {
  border-color: rgba(255,151,45,.32) !important;
  background: rgba(7,27,56,.58) !important;
  color: #d9e4f2 !important;
}

html[data-theme="dark"] .service-content p {
  border-color: rgba(255,151,45,.27) !important;
  background: rgba(5,22,46,.72) !important;
  color: var(--gt-text) !important;
}

html[data-theme="dark"] .process-list li {
  border-color: rgba(109,163,224,.24) !important;
  background: linear-gradient(135deg, #12365f, #0a2347) !important;
  box-shadow: 0 1rem 2.5rem rgba(0,8,24,.2) !important;
}

html[data-theme="dark"] .process-list li::before {
  background: linear-gradient(135deg, rgba(255,133,0,.14), rgba(11,39,77,.28)), #0b274d !important;
}

html[data-theme="dark"] .process-list li:hover {
  border-color: rgba(255,151,45,.34) !important;
  background: #0e315d !important;
}

html[data-theme="dark"] .process-list h3 { color: var(--gt-heading) !important; }
html[data-theme="dark"] .process-list p { color: var(--gt-muted) !important; }
html[data-theme="dark"] .process-copy > p {
  border-color: rgba(109,163,224,.24) !important;
  background: rgba(12,43,82,.78) !important;
  color: var(--gt-text) !important;
}

/* Store, search, filters and product tiles */
.shop-page,
.product-page,
.favorites-page,
.cart-page,
.checkout-page {
  background: transparent !important;
  color: var(--gt-text) !important;
}

.shop-heading h1,
.shop-heading-copy h1,
.catalog-heading h2,
.product-card h2,
.product-card h3,
.product-detail-copy h1,
.product-content-section h2,
.checkout-hero h1,
.checkout-panel h2,
.checkout-summary h2,
.favorites-heading h1,
.cart-heading h1 {
  color: var(--gt-heading) !important;
}

.shop-heading p,
.shop-breadcrumb,
.shop-breadcrumb a,
.catalog-heading p,
.product-card p,
.product-card small,
.product-detail-copy p,
.product-content-section p,
.product-content-section li,
.checkout-hero p,
.checkout-panel p,
.favorites-heading p,
.cart-heading p {
  color: var(--gt-muted) !important;
}

.shop-search-deck,
.shop-search-field,
.smart-search-panel,
.smart-search-head,
.smart-search-footer,
.filters-panel,
.filter-group,
.catalog-toolbar,
.sort-menu,
.product-card,
.catalog-loading,
.product-detail-card,
.product-content-section,
.review-card,
.review-form,
.reviews-empty,
.product-faq-list details,
.checkout-hero,
.checkout-panel,
.checkout-summary,
.checkout-option,
.checkout-address-option,
.checkout-summary-item,
.checkout-promo-code,
.checkout-security,
.favorite-card,
.cart-card,
.cart-summary,
.empty-state {
  border-color: var(--gt-line) !important;
  background-color: var(--gt-card-solid) !important;
  color: var(--gt-text) !important;
  box-shadow: var(--gt-soft-shadow);
}

html[data-theme="light"] .product-card,
html[data-theme="light"] .favorite-card,
html[data-theme="light"] .cart-card {
  background: #fff !important;
}

html[data-theme="dark"] .product-card,
html[data-theme="dark"] .favorite-card,
html[data-theme="dark"] .cart-card {
  background: linear-gradient(160deg, #102f59, #0a2142) !important;
}

/* Photo overlays must follow the theme too, not the legacy ivory buttons. */
html[data-theme="dark"] .product-card :is(.cart-button, .favorite-button) {
  border-color: rgba(186, 211, 245, .3) !important;
  background: rgba(12, 39, 77, .94) !important;
  color: #f7f9ff !important;
  box-shadow: 0 3px 10px rgba(7, 26, 54, .16);
}
html[data-theme="dark"] .product-card :is(.cart-button, .favorite-button):hover {
  border-color: #ff9a3c !important;
  background: #183f6d !important;
  color: #ffb66b !important;
}
html[data-theme="dark"] .product-card :is(.cart-button.is-added, .favorite-button[aria-pressed="true"]) {
  border-color: #ff9a3c !important;
  background: #553518 !important;
  color: #ffd4a6 !important;
}
html[data-theme="dark"] .product-card .cart-button .global-cart-icon {
  color: inherit !important;
}
html[data-theme="dark"] .product-card .cart-button > b {
  border-color: #0c274d !important;
  color: #171b24 !important;
}
html[data-theme="dark"] .product-card .product-quick-note {
  border-color: rgba(186, 211, 245, .3) !important;
  background: rgba(12, 39, 77, .94) !important;
  color: #dce7f6 !important;
}
html[data-theme] .product-card :is(.cart-button, .favorite-button):focus-visible {
  outline: 2px solid var(--gt-accent);
  outline-offset: 3px;
}

html[data-theme="dark"] .catalog-toolbar {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme="dark"] .sort-control,
html[data-theme="dark"] .sort-select-menu {
  border-color: var(--gt-line) !important;
  background: var(--gt-surface-2) !important;
  color: var(--gt-text) !important;
}
html[data-theme="dark"] .filter-options-scroll,
html[data-theme="dark"] .filter-collapse-body { background: transparent !important; }
html[data-theme="dark"] .product-summary-tooltip,
html[data-theme="dark"] .global-favorites-tooltip,
html[data-theme="dark"] .global-cart-tooltip,
html[data-theme="dark"] .gt-store-shortcut__label {
  border-color: var(--gt-line) !important;
  background: #102f59 !important;
  color: var(--gt-text) !important;
}
html[data-theme="dark"] .product-summary-tooltip::after { background: #102f59 !important; }

html[data-theme="light"] .product-summary,
html[data-theme="light"] .product-bottom,
html[data-theme="light"] .product-fit {
  border-color: var(--gt-line) !important;
  background: transparent !important;
  color: var(--gt-text) !important;
  box-shadow: none !important;
}

html[data-theme="light"] .product-summary {
  padding-inline: 0 !important;
  border-color: transparent !important;
  border-radius: 0 !important;
}
html[data-theme="light"] .product-summary:hover,
html[data-theme="light"] .product-summary:focus-visible {
  border-color: transparent !important;
  background: transparent !important;
}
html[data-theme="light"] .product-summary-tooltip {
  border-color: rgba(255,133,0,.24) !important;
  background: #fff !important;
  color: var(--gt-text) !important;
  box-shadow: 0 .9rem 2rem rgba(40,48,61,.14) !important;
}
html[data-theme="light"] .product-summary-tooltip::after {
  border-color: rgba(255,133,0,.24) !important;
  background: #fff !important;
}
html[data-theme="light"] .product-fit span {
  border-color: transparent !important;
  background: transparent !important;
  color: var(--gt-muted) !important;
  padding-inline: 0 !important;
}
html[data-theme="light"] .product-bottom {
  border-top-color: var(--gt-line) !important;
}

html[data-theme="light"] .catalog-toolbar {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme="light"] .sort-control {
  border-color: var(--gt-line) !important;
  background: #fff !important;
  color: var(--gt-muted) !important;
  box-shadow: 0 .4rem 1.1rem rgba(40,48,61,.05) !important;
}
html[data-theme="light"] .sort-select-menu {
  border-color: var(--gt-line) !important;
  background: #fff !important;
  color: var(--gt-text) !important;
  box-shadow: var(--gt-soft-shadow) !important;
}
html[data-theme="light"] .sort-select-menu button { color: var(--gt-text) !important; }
html[data-theme="light"] .sort-select-menu button:hover,
html[data-theme="light"] .sort-select-menu button[aria-selected="true"] { background: #fff4e7 !important; }
html[data-theme="light"] .filter-options-scroll,
html[data-theme="light"] .filter-collapse-body {
  border-color: transparent !important;
  background: transparent !important;
}

html[data-theme="light"] .shop-search-deck p strong,
html[data-theme="light"] .catalog-toolbar p strong,
html[data-theme="light"] .filter-heading strong,
html[data-theme="light"] .filter-collapse-title,
html[data-theme="light"] .brand-filter-title,
html[data-theme="light"] .price-filter output,
html[data-theme="light"] .product-price strong {
  color: var(--gt-heading) !important;
}

html[data-theme="light"] .product-price small,
html[data-theme="light"] .price-scale,
html[data-theme="light"] .product-summary-tooltip,
html[data-theme="light"] .catalog-toolbar p,
html[data-theme="light"] .shop-search-deck p { color: var(--gt-muted) !important; }

html[data-theme="light"] .filter-help-card {
  border-color: rgba(255,133,0,.22) !important;
  background: radial-gradient(circle at 100% 0,rgba(255,133,0,.12),transparent 10rem),linear-gradient(145deg,#fffaf4,#fff) !important;
  color: var(--gt-text) !important;
  box-shadow: var(--gt-soft-shadow) !important;
}
html[data-theme="light"] .filter-help-card strong { color: var(--gt-heading) !important; }
html[data-theme="light"] .filter-help-card p { color: var(--gt-muted) !important; }

.sort-select-trigger,
.sort-menu,
.view-switch {
  border-color: var(--gt-line) !important;
  background: var(--gt-card-solid) !important;
  color: var(--gt-text) !important;
  box-shadow: var(--gt-soft-shadow) !important;
}

.view-switch button { color: var(--gt-muted) !important; }
.view-switch {
  padding: .22rem !important;
  gap: .18rem !important;
  border-radius: 1rem !important;
  box-shadow: 0 .45rem 1.2rem rgba(35,42,54,.08) !important;
}
.view-switch button {
  width: 2.45rem !important;
  height: 2.45rem !important;
  padding: .62rem !important;
  border: 1px solid transparent !important;
  border-radius: .78rem !important;
}
.view-switch button.active {
  border-color: rgba(255,255,255,.34) !important;
  background: linear-gradient(145deg,#ff9828,#f27600) !important;
  color: #fff !important;
  box-shadow: 0 .35rem .85rem rgba(214,94,0,.24),inset 0 1px rgba(255,255,255,.25) !important;
}
.view-switch button.active i { background: #fff !important; }
html[data-theme="light"] .view-switch button:not(.active) i { background: #697180 !important; }
html[data-theme="dark"] .view-switch button:not(.active) i { background: #a9b9cf !important; }

html[data-theme="dark"] .shop-search-deck,
html[data-theme="dark"] .smart-search-panel {
  background-image: linear-gradient(145deg, rgba(15, 48, 88, .98), rgba(8, 30, 60, .99)) !important;
}

html[data-theme="light"] .shop-search-deck,
html[data-theme="light"] .smart-search-panel {
  background-image: linear-gradient(145deg, #ffffff, #f6f7fa) !important;
}

.shop-search-field input,
.filter-options-scroll,
.filter-collapse-body,
.checkout-fields input,
.checkout-fields textarea,
.checkout-fields select,
.checkout-promo-controls input,
.review-form input,
.review-form textarea,
.product-quantity,
.product-quantity button,
.product-quantity input,
.sort-select,
.sort-button {
  border-color: var(--gt-line) !important;
  background: var(--gt-surface-2) !important;
  color: var(--gt-text) !important;
}

.category-filter,
.filter-collapse-toggle,
.brand-filter label,
.stock-filter label,
.smart-search-result,
.smart-search-empty,
.smart-search-suggestion {
  color: var(--gt-text) !important;
}

.category-filter:hover,
.category-filter.active,
.smart-search-result:hover,
.smart-search-result[aria-selected="true"] {
  background: color-mix(in srgb, var(--gt-accent) 12%, var(--gt-surface)) !important;
}

.product-card-image,
.product-detail-image,
.product-gallery-thumb,
.checkout-summary-item img,
.favorite-card img,
.cart-card img {
  background-color: #fff !important;
}

.product-price,
.product-detail-price,
.checkout-summary-total,
.cart-summary-total { color: var(--gt-heading) !important; }

.product-detail-gallery,
.product-detail-copy,
.product-detail-fit,
.product-purchase-row,
.product-detail-meta,
.product-detail-identifiers,
.product-detail-price-row,
.product-question-card,
.reviews-summary,
.reviews-feed {
  border-color: var(--gt-line) !important;
  color: var(--gt-text) !important;
}

html[data-theme="light"] .product-detail-gallery,
html[data-theme="light"] .product-detail-copy,
html[data-theme="light"] .product-detail-fit,
html[data-theme="light"] .product-purchase-row,
html[data-theme="light"] .product-question-card,
html[data-theme="light"] .reviews-summary,
html[data-theme="light"] .reviews-feed {
  background: #fff !important;
}

html[data-theme="dark"] .product-detail-gallery,
html[data-theme="dark"] .product-detail-copy,
html[data-theme="dark"] .product-detail-fit,
html[data-theme="dark"] .product-purchase-row,
html[data-theme="dark"] .product-question-card,
html[data-theme="dark"] .reviews-summary,
html[data-theme="dark"] .reviews-feed {
  background: linear-gradient(145deg, #102f59, #091f3f) !important;
}

html[data-theme="dark"] .product-content-tabs {
  border-color: var(--gt-line) !important;
  background: rgba(12,39,77,.94) !important;
  box-shadow: var(--gt-soft-shadow) !important;
}
html[data-theme="dark"] .product-content-tabs :is(a, button) { color: var(--gt-muted) !important; }
html[data-theme="dark"] .product-content-tabs :is(a, button):hover,
html[data-theme="dark"] .product-content-tabs :is(a, button):focus-visible {
  background: #174779 !important;
  color: #fff !important;
}
html[data-theme="dark"] .product-content-tabs :is(a, button).active {
  background: #153e6b !important;
  color: #fff !important;
}

html[data-theme="light"] .product-static-seo {
  border-color: rgba(240, 127, 0, .22) !important;
  background: radial-gradient(circle at 100% 0, rgba(255, 145, 24, .1), transparent 42%), #fff !important;
  color: var(--gt-text) !important;
}
html[data-theme="light"] .product-static-seo h1,
html[data-theme="light"] .product-static-seo__price,
html[data-theme="light"] .product-static-seo li strong { color: var(--gt-heading) !important; }
html[data-theme="light"] .product-static-seo p,
html[data-theme="light"] .product-static-seo li { color: var(--gt-muted) !important; }
html[data-theme="light"] .product-static-seo li { border-color: var(--gt-line) !important; }
html[data-theme="light"] .product-static-seo img { background: #f7f8fb !important; }

html[data-theme="dark"] .product-static-seo {
  border-color: var(--gt-line) !important;
  background: radial-gradient(circle at 100% 0, rgba(255, 145, 24, .12), transparent 42%), #0c274d !important;
}
html[data-theme="dark"] .product-static-seo img { background: #102f59 !important; }
html[data-theme="dark"] .product-detail-meta small {
  border-color: rgba(255,151,45,.22) !important;
  background: #102f59 !important;
  color: var(--gt-muted) !important;
}
html[data-theme="dark"] .product-detail-meta small b {
  border-color: var(--gt-line) !important;
  background: #153e6b !important;
  color: #fff !important;
}

.product-detail-copy small,
.product-detail-copy p,
.product-detail-identifiers,
.product-detail-meta { color: var(--gt-muted) !important; }

html[data-theme="light"] .product-detail-price-row {
  border-color: var(--gt-line) !important;
  background: #f7f8fa !important;
}
html[data-theme="light"] .product-detail-price-row strong { color: var(--gt-heading) !important; }
html[data-theme="light"] .product-detail-price-row small,
html[data-theme="light"] .product-detail-price-row > span,
html[data-theme="light"] .product-detail-fit > span { color: var(--gt-muted) !important; }
html[data-theme="light"] .product-detail-fit b {
  border-color: var(--gt-line) !important;
  background: #f7f8fa !important;
  color: var(--gt-text) !important;
}
html[data-theme="light"] .product-detail-meta small {
  border-color: rgba(255,133,0,.22) !important;
  background: #fff8f0 !important;
  color: var(--gt-muted) !important;
  box-shadow: 0 .45rem 1.2rem rgba(40,48,61,.07) !important;
}
html[data-theme="light"] .product-detail-meta small b {
  border-color: var(--gt-line) !important;
  background: #fff !important;
  color: var(--gt-heading) !important;
}
html[data-theme="light"] .product-warranty-badge {
  background: #effbf5 !important;
  color: #087a45 !important;
  box-shadow: none !important;
}

html[data-theme="light"] .product-content-tabs {
  border-color: var(--gt-line) !important;
  background: rgba(255,255,255,.94) !important;
  box-shadow: var(--gt-soft-shadow) !important;
}
html[data-theme="light"] .product-content-tabs :is(a, button) { color: var(--gt-muted) !important; }
html[data-theme="light"] .product-content-tabs :is(a, button):hover,
html[data-theme="light"] .product-content-tabs :is(a, button):focus-visible {
  background: #f3f5f8 !important;
  color: var(--gt-heading) !important;
}
html[data-theme="light"] .product-content-tabs :is(a, button).active {
  background: #fff0df !important;
  color: #743500 !important;
}

html[data-theme="light"] .product-gallery-thumbs {
  border-color: var(--gt-line) !important;
  background: #f5f6f8 !important;
}

/* Product content: every generated product uses these same sections. */
html[data-theme="light"] .product-rich-copy strong,
html[data-theme="light"] .product-feature-grid h3,
html[data-theme="light"] .product-fit-notice strong,
html[data-theme="light"] .product-spec-groups h3,
html[data-theme="light"] .product-spec-groups dd,
html[data-theme="light"] .review-form-heading strong,
html[data-theme="light"] .review-item header strong,
html[data-theme="light"] .reviews-empty strong,
html[data-theme="light"] .product-faq-list summary,
html[data-theme="light"] .product-faq-list summary > strong,
html[data-theme="light"] .product-question-brand strong,
html[data-theme="light"] .product-question-card h3 {
  color: var(--gt-heading) !important;
}

html[data-theme="light"] .product-rich-copy,
html[data-theme="light"] .product-rich-copy p,
html[data-theme="light"] .product-rich-copy li,
html[data-theme="light"] .product-feature-grid p,
html[data-theme="light"] .product-fit-notice p,
html[data-theme="light"] .product-spec-groups dt,
html[data-theme="light"] .review-item p,
html[data-theme="light"] .review-item small,
html[data-theme="light"] .reviews-empty p,
html[data-theme="light"] .product-faq-list details p,
html[data-theme="light"] .product-question-brand small,
html[data-theme="light"] .product-question-card p {
  color: var(--gt-muted) !important;
}

html[data-theme="light"] .product-feature-grid article,
html[data-theme="light"] .product-spec-groups article,
html[data-theme="light"] .review-item,
html[data-theme="light"] .product-faq-list details,
html[data-theme="light"] .product-question-brand {
  border-color: var(--gt-line) !important;
  background: #f7f8fa !important;
  box-shadow: none !important;
}

html[data-theme="light"] .product-feature-grid article:hover,
html[data-theme="light"] .product-faq-list details[open] {
  border-color: rgba(255,133,0,.28) !important;
  background: #fff8ef !important;
}

html[data-theme="light"] .product-spec-groups h3,
html[data-theme="light"] .product-spec-groups dl > div {
  border-color: var(--gt-line) !important;
}
html[data-theme="light"] .product-spec-groups dl > div:nth-child(odd) {
  background: #fff !important;
}

html[data-theme="light"] .product-fit-notice {
  border-color: rgba(255,133,0,.26) !important;
  background: #fff7ed !important;
}
html[data-theme="light"] .product-fit-notice a,
html[data-theme="light"] .product-question-card a {
  border-color: rgba(255,133,0,.28) !important;
  background: #fff0df !important;
  color: #6e3300 !important;
}

html[data-theme="light"] .product-expand-shell::after {
  background: linear-gradient(180deg, rgba(255,255,255,0), #fff 90%) !important;
}
html[data-theme="dark"] .product-expand-shell::after {
  background: linear-gradient(180deg, rgba(12,39,77,0), #0c274d 90%) !important;
}
.product-expand-toggle {
  border-color: var(--gt-line) !important;
  color: color-mix(in srgb,var(--gt-accent) 78%,var(--gt-heading)) !important;
}

html[data-theme="light"] .reviews-summary,
html[data-theme="light"] .reviews-feed,
html[data-theme="light"] .reviews-empty {
  background: #fff !important;
  color: var(--gt-text) !important;
}
html[data-theme="light"] .reviews-summary,
html[data-theme="light"] .reviews-feed {
  border: 1px solid var(--gt-line) !important;
  box-shadow: 0 .8rem 2rem rgba(40,48,61,.045) !important;
}
html[data-theme="light"] .reviews-summary {
  background: linear-gradient(145deg,#fffaf5,#fff) !important;
}
html[data-theme="light"] .reviews-summary > div strong { color: var(--gt-heading) !important; }
html[data-theme="light"] .reviews-summary > div small,
html[data-theme="light"] .reviews-summary li { color: var(--gt-muted) !important; }
html[data-theme="light"] .review-stars-meter i { color: #e2e5ea !important; }
html[data-theme="light"] .reviews-summary li > i { background: #e7eaf0 !important; }
html[data-theme="light"] .reviews-empty {
  min-height: 19rem;
  border: 1px dashed rgba(255,133,0,.22) !important;
  border-radius: 1.2rem;
  background: linear-gradient(145deg,#fffaf5,#fff) !important;
}
html[data-theme="light"] .review-compose-button {
  border: 1px solid rgba(255,133,0,.2) !important;
  background: linear-gradient(135deg,#fff1df,#ffe4c5) !important;
  color: #643000 !important;
}
html[data-theme="dark"] .reviews-summary,
html[data-theme="dark"] .reviews-feed {
  border: 1px solid var(--gt-line) !important;
  background: linear-gradient(145deg,#102f59,#0a2347) !important;
}
html[data-theme="dark"] .reviews-summary li > i { background: rgba(186,211,245,.12) !important; }
html[data-theme="dark"] .reviews-empty {
  border: 1px dashed rgba(255,151,45,.22) !important;
  border-radius: 1.2rem;
  background: rgba(7,27,56,.32) !important;
}
html[data-theme="light"] .product-faq-list summary > b {
  background: #fff !important;
  color: var(--gt-muted) !important;
}
html[data-theme="light"] .product-faq-list summary > span {
  background: #fff0df !important;
  color: #a94e00 !important;
}

html[data-theme="light"] .related-products-section {
  border-color: var(--gt-line) !important;
  background: radial-gradient(circle at 92% 0,rgba(255,133,0,.12),transparent 22rem),linear-gradient(145deg,#fffaf5,#fff) !important;
  box-shadow: var(--gt-soft-shadow) !important;
}
html[data-theme="light"] .related-products-heading h2 { color: var(--gt-heading) !important; }
html[data-theme="light"] .related-products-heading > a {
  border-color: rgba(255,133,0,.24) !important;
  background: #fff !important;
  color: var(--gt-heading) !important;
}

html[data-theme="dark"] .related-products-section {
  border-color: var(--gt-line) !important;
  background: radial-gradient(circle at 92% 0,rgba(255,133,0,.15),transparent 22rem),linear-gradient(145deg,#0e315d,#071b38) !important;
}
html[data-theme="dark"] .related-products-heading h2 { color: #fff !important; }

/* Product purchase state and navigation affordances. */
.product-add-cart:disabled {
  border: 1px solid rgba(255,133,0,.28) !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
  transform: none !important;
  box-shadow: none !important;
}
html[data-theme="light"] .product-add-cart:disabled {
  background: linear-gradient(135deg,#fff8ef,#fff0df) !important;
  color: #7a3a00 !important;
}
html[data-theme="dark"] .product-add-cart:disabled {
  border-color: rgba(255,151,45,.3) !important;
  background: linear-gradient(135deg,#153e6b,#102f59) !important;
  color: #f4f7fc !important;
}
.product-add-cart:disabled .product-cart-glyph {
  border-color: currentColor !important;
  background-color: transparent !important;
  opacity: .78;
}

html[data-theme="light"] .product-detail-breadcrumb,
html[data-theme="light"] .product-detail-breadcrumb a {
  color: #59616e !important;
}
html[data-theme="light"] .product-detail-breadcrumb strong {
  color: #3e4653 !important;
}
html[data-theme="light"] .product-back-link {
  border-color: var(--gt-line) !important;
  background: #fff !important;
  color: #3e4653 !important;
  box-shadow: 0 .45rem 1.2rem rgba(40,48,61,.055) !important;
}
html[data-theme="light"] .product-back-link span {
  background: #fff0df !important;
  color: #9a4700 !important;
}

/* Store pagination must follow the active theme rather than the old black palette. */
.product-pagination,
.pagination-size,
.pagination-select-trigger,
.pagination-select-menu,
.pagination-button {
  border-color: var(--gt-line) !important;
  color: var(--gt-text) !important;
}
html[data-theme="light"] .product-pagination {
  background: #fff !important;
  box-shadow: var(--gt-soft-shadow) !important;
}
html[data-theme="light"] .pagination-size,
html[data-theme="light"] .pagination-button.pagination-nav {
  background: #f6f7f9 !important;
  color: var(--gt-muted) !important;
}
html[data-theme="light"] .pagination-select-trigger,
html[data-theme="light"] .pagination-select-menu {
  background: #fff !important;
  color: var(--gt-heading) !important;
  box-shadow: var(--gt-soft-shadow) !important;
}
html[data-theme="light"] .pagination-select-menu button { color: var(--gt-text) !important; }
html[data-theme="light"] .pagination-button:hover:not(:disabled) {
  background: #fff4e7 !important;
  color: var(--gt-heading) !important;
}
html[data-theme="light"] .pagination-button[aria-current="page"] {
  background: #ffe4c5 !important;
  color: #713500 !important;
}
html[data-theme="dark"] .product-pagination {
  border-color: var(--gt-line) !important;
  background: linear-gradient(145deg,#102f59,#0a2347) !important;
  box-shadow: var(--gt-soft-shadow) !important;
}
html[data-theme="dark"] .pagination-size {
  background: rgba(7,27,56,.55) !important;
  color: var(--gt-muted) !important;
}
html[data-theme="dark"] .pagination-select-trigger,
html[data-theme="dark"] .pagination-select-menu,
html[data-theme="dark"] .pagination-button.pagination-nav {
  border-color: var(--gt-line) !important;
  background: #12365f !important;
  color: var(--gt-text) !important;
}
html[data-theme="dark"] .pagination-select-menu button { color: var(--gt-text) !important; }
html[data-theme="dark"] .pagination-button:hover:not(:disabled) {
  background: #153e6b !important;
  color: #fff !important;
}
html[data-theme="dark"] .pagination-button[aria-current="page"] {
  background: #ffe0ba !important;
  color: #5c2d00 !important;
}
html[data-theme="dark"] .pagination-range,
html[data-theme="dark"] .pagination-ellipsis,
html[data-theme="dark"] .pagination-button:disabled { color: var(--gt-faint) !important; }

/* Store editorial panels: remove the remaining legacy black/brown surfaces. */
html[data-theme="light"] .catalog-intro,
html[data-theme="light"] .shop-service-bridge {
  border-color: var(--gt-line) !important;
  background: radial-gradient(circle at 86% 18%,rgba(255,133,0,.12),transparent 21rem),linear-gradient(125deg,#fff,#fff8ef) !important;
  color: var(--gt-text) !important;
  box-shadow: var(--gt-soft-shadow) !important;
}
html[data-theme="light"] .catalog-intro h2,
html[data-theme="light"] .catalog-brand-copy strong,
html[data-theme="light"] .catalog-facts strong,
html[data-theme="light"] .shop-service-bridge h2,
html[data-theme="light"] .service-brand-label strong,
html[data-theme="light"] .service-concierge-message strong {
  color: var(--gt-heading) !important;
}
html[data-theme="light"] .catalog-intro-lead,
html[data-theme="light"] .catalog-brand-copy small,
html[data-theme="light"] .catalog-facts small,
html[data-theme="light"] .shop-service-copy > p,
html[data-theme="light"] .service-brand-label small,
html[data-theme="light"] .service-concierge-top > span,
html[data-theme="light"] .service-concierge-message small,
html[data-theme="light"] .service-concierge-meta {
  color: var(--gt-muted) !important;
}
html[data-theme="light"] .catalog-intro .shop-section-label,
html[data-theme="light"] .catalog-facts li,
html[data-theme="light"] .service-brand-label,
html[data-theme="light"] .service-assurances li,
html[data-theme="light"] .service-concierge {
  border-color: var(--gt-line) !important;
  background: rgba(255,255,255,.88) !important;
  color: var(--gt-text) !important;
  box-shadow: 0 .7rem 1.8rem rgba(40,48,61,.055) !important;
}
html[data-theme="light"] .catalog-part-visual {
  background: radial-gradient(circle at 72% 44%,rgba(255,133,0,.16),rgba(255,238,219,.55) 34%,#fff8ef 74%) !important;
}
html[data-theme="light"] .catalog-part-visual::before {
  background: linear-gradient(90deg,#fff 0%,rgba(255,255,255,.62) 31%,transparent 72%),linear-gradient(0deg,#fff8ef 0%,transparent 29%,rgba(255,255,255,.04) 100%) !important;
}

html[data-theme="dark"] .catalog-intro,
html[data-theme="dark"] .shop-service-bridge {
  border-color: var(--gt-line) !important;
  background: radial-gradient(circle at 86% 18%,rgba(255,133,0,.15),transparent 21rem),linear-gradient(125deg,#0e315d,#071b38) !important;
  color: var(--gt-text) !important;
  box-shadow: var(--gt-soft-shadow) !important;
}
html[data-theme="dark"] .catalog-part-visual {
  background: radial-gradient(circle at 72% 44%,rgba(255,133,0,.2),rgba(15,50,91,.55) 34%,#071a36 74%) !important;
}
html[data-theme="dark"] .catalog-part-visual::before {
  background: linear-gradient(90deg,#0e315d 0%,rgba(14,49,93,.48) 31%,transparent 72%),linear-gradient(0deg,#071b38 0%,transparent 29%,rgba(7,27,56,.05) 100%) !important;
}
html[data-theme="dark"] .service-concierge {
  border-color: var(--gt-line) !important;
  background: rgba(12,39,77,.9) !important;
  box-shadow: var(--gt-soft-shadow) !important;
}
html[data-theme="dark"] .catalog-intro .shop-section-label,
html[data-theme="dark"] .catalog-facts li,
html[data-theme="dark"] .service-brand-label,
html[data-theme="dark"] .service-assurances li {
  border-color: var(--gt-line) !important;
  background: rgba(16,47,89,.72) !important;
}
html[data-theme="dark"] .catalog-intro h2,
html[data-theme="dark"] .catalog-brand-copy strong,
html[data-theme="dark"] .catalog-facts strong,
html[data-theme="dark"] .shop-service-bridge h2,
html[data-theme="dark"] .service-brand-label strong,
html[data-theme="dark"] .service-concierge-message strong { color: var(--gt-heading) !important; }
html[data-theme="dark"] .catalog-intro-lead,
html[data-theme="dark"] .shop-service-copy > p,
html[data-theme="dark"] .service-assurances li,
html[data-theme="dark"] .service-concierge-message small,
html[data-theme="dark"] .service-concierge-meta { color: var(--gt-muted) !important; }

html[data-theme="dark"] .filter-help-card {
  border-color: rgba(255,151,45,.24) !important;
  background: radial-gradient(circle at 100% 0,rgba(255,133,0,.12),transparent 10rem),linear-gradient(145deg,#12365f,#0a2347) !important;
  color: var(--gt-text) !important;
  box-shadow: var(--gt-soft-shadow) !important;
}
html[data-theme="dark"] .filter-help-card strong { color: var(--gt-heading) !important; }
html[data-theme="dark"] .filter-help-card p { color: var(--gt-muted) !important; }

.product-content-section table,
.product-content-section th,
.product-content-section td,
.product-spec-row,
.product-feature-card {
  border-color: var(--gt-line) !important;
  color: var(--gt-text) !important;
}

html[data-theme="light"] .product-content-section table,
html[data-theme="light"] .product-feature-card,
html[data-theme="light"] .product-spec-row {
  background: #f8f9fb !important;
}

.filters-overlay,
.smart-search-overlay { background: rgba(3, 10, 22, .52) !important; }

/* Checkout and status pages */
.checkout-content,
.checkout-form-column,
.checkout-summary-column { color: var(--gt-text) !important; }

html[data-theme="light"] .checkout-hero {
  background: radial-gradient(circle at 84% 14%, rgba(255,133,0,.12), transparent 25rem), linear-gradient(145deg,#fff,#f3f5f8) !important;
}

html[data-theme="dark"] .checkout-hero {
  background: radial-gradient(circle at 84% 14%, rgba(255,133,0,.2), transparent 25rem), linear-gradient(145deg,#0e315d,#071b37) !important;
}

.checkout-progress,
.checkout-progress > div {
  border-color: var(--gt-line) !important;
  color: var(--gt-text) !important;
}

html[data-theme="light"] .checkout-progress {
  background: rgba(255,255,255,.78) !important;
  box-shadow: var(--gt-soft-shadow) !important;
}

html[data-theme="dark"] .checkout-progress { background: rgba(5,21,44,.72) !important; }
.checkout-field span,
.checkout-fields label > span,
.checkout-option small,
.checkout-summary-lines > div:not(.checkout-summary-total),
.checkout-security small { color: var(--gt-muted) !important; }
.checkout-option.is-selected,
.checkout-address-option.is-selected {
  border-color: color-mix(in srgb, var(--gt-accent) 68%, var(--gt-line)) !important;
  background: color-mix(in srgb, var(--gt-accent) 9%, var(--gt-surface)) !important;
}

html[data-theme="light"] .checkout-customer-type > button {
  border-color: var(--gt-line) !important;
  background: #f5f7fa !important;
  color: var(--gt-muted) !important;
}
html[data-theme="light"] .checkout-customer-type > button:hover {
  border-color: rgba(255,133,0,.28) !important;
  background: #fffaf5 !important;
}
html[data-theme="light"] .checkout-customer-type > button.is-active {
  border-color: rgba(255,133,0,.42) !important;
  background: linear-gradient(135deg,#fff1df,#fff9f2) !important;
  color: var(--gt-heading) !important;
  box-shadow: 0 .7rem 1.8rem rgba(255,133,0,.09) !important;
}
html[data-theme="light"] .checkout-customer-type > button > i {
  background: #e9edf3 !important;
  color: var(--gt-muted) !important;
}
html[data-theme="light"] .checkout-customer-type > button.is-active > i {
  background: #ffe4c5 !important;
  color: #9a4700 !important;
}
html[data-theme="light"] .checkout-customer-type strong { color: var(--gt-heading) !important; }
html[data-theme="light"] .checkout-customer-type small { color: var(--gt-muted) !important; }
html[data-theme="light"] .checkout-company-fields {
  border-color: rgba(255,133,0,.22) !important;
  background: #fffaf5 !important;
}
html[data-theme="light"] .checkout-company-fields header strong { color: var(--gt-heading) !important; }
html[data-theme="light"] .checkout-company-fields header small { color: var(--gt-muted) !important; }

html[data-theme="light"] .checkout-summary-item-copy strong,
html[data-theme="light"] .checkout-summary-item > b,
html[data-theme="light"] .checkout-promo-code > header strong,
html[data-theme="light"] .checkout-summary-lines strong,
html[data-theme="light"] .checkout-summary-total > span,
html[data-theme="light"] .checkout-summary-total strong,
html[data-theme="light"] .checkout-summary-total > b { color: var(--gt-heading) !important; }
html[data-theme="light"] .checkout-summary-item-copy small,
html[data-theme="light"] .checkout-promo-code > header small,
html[data-theme="light"] .checkout-summary-lines span,
html[data-theme="light"] .checkout-summary-total small { color: var(--gt-muted) !important; }
html[data-theme="light"] .checkout-promo-code {
  border-color: rgba(255,133,0,.2) !important;
  background: radial-gradient(circle at 0 0,rgba(255,133,0,.08),transparent 11rem),#fff !important;
}
html[data-theme="light"] .checkout-option-copy strong,
html[data-theme="light"] .checkout-address-option-copy strong,
html[data-theme="light"] .checkout-option-price { color: var(--gt-heading) !important; }
html[data-theme="light"] .checkout-option-copy small,
html[data-theme="light"] .checkout-address-option-copy small { color: var(--gt-muted) !important; }

/* Customer account/login */
.customer-auth-page,
.customer-account-page {
  background: transparent !important;
  color: var(--gt-text) !important;
}

.auth-shell,
.auth-form-panel,
.account-loading,
.account-hero,
.account-nav,
.account-panel,
.account-metrics article,
.latest-order-card,
.account-help-card,
.customer-order-card,
.address-card,
.coupon-card,
.account-dialog,
.order-product,
.order-totals,
.order-delivery {
  border-color: var(--gt-line) !important;
  background-color: var(--gt-card-solid) !important;
  color: var(--gt-text) !important;
}

html[data-theme="dark"] .auth-brand-panel,
html[data-theme="dark"] .account-hero {
  background-image: radial-gradient(circle at 15% 82%, rgba(255,133,0,.18), transparent 23rem), linear-gradient(145deg,#0e2b51,#071a36) !important;
}

html[data-theme="light"] .auth-brand-panel,
html[data-theme="light"] .account-hero {
  background-image: radial-gradient(circle at 15% 82%, rgba(255,133,0,.12), transparent 23rem), linear-gradient(145deg,#fff,#f2f4f8) !important;
}

.auth-heading h2,
.auth-brand-copy h1,
.account-welcome h1,
.account-section-head h2,
.address-card h3,
.coupon-card h3 { color: var(--gt-heading) !important; }

.auth-input,
.address-form-grid input:not([type="checkbox"]),
.account-logout,
.address-card-actions button {
  border-color: var(--gt-line) !important;
  background: var(--gt-surface-2) !important;
  color: var(--gt-text) !important;
}

.auth-input input { color: var(--gt-text) !important; }

html[data-theme="light"] .auth-form-panel {
  background: linear-gradient(145deg,#fff,#f7f8fb) !important;
  color: var(--gt-text) !important;
}
html[data-theme="light"] .auth-heading h2,
html[data-theme="light"] .auth-mobile-brand b { color: var(--gt-heading) !important; }
html[data-theme="light"] .auth-heading p,
html[data-theme="light"] .auth-mobile-brand small,
html[data-theme="light"] .auth-divider,
html[data-theme="light"] .auth-password-help,
html[data-theme="light"] .auth-switch,
html[data-theme="light"] .auth-back,
html[data-theme="light"] .customer-form label > span { color: var(--gt-muted) !important; }
html[data-theme="light"] .auth-divider::before,
html[data-theme="light"] .auth-divider::after { background: var(--gt-line) !important; }
html[data-theme="light"] .google-auth-button {
  border-color: var(--gt-line) !important;
  background: #fff !important;
  color: var(--gt-heading) !important;
  box-shadow: var(--gt-soft-shadow) !important;
}
html[data-theme="light"] .auth-password-help button,
html[data-theme="light"] .auth-switch a { color: #a94e00 !important; }
html[data-theme="light"] .auth-input button { color: var(--gt-muted) !important; }
html[data-theme="light"] .auth-divider span { background: #fff !important; color: var(--gt-muted) !important; }

html[data-theme="dark"] .auth-form-panel {
  background: linear-gradient(145deg,#0d2d57,#081d3b) !important;
  color: var(--gt-text) !important;
}
html[data-theme="dark"] .google-auth-button {
  border-color: var(--gt-line) !important;
  background: var(--gt-surface-2) !important;
  color: var(--gt-heading) !important;
}
html[data-theme="dark"] .auth-divider span { background: #0a2447 !important; color: var(--gt-muted) !important; }

/* Legal, contact, about, service and generated SEO pages */
.legal-page,
.contact-page,
.about-page,
.seo-page,
.tracking-page,
.return-page {
  background: transparent !important;
  color: var(--gt-text) !important;
}

.legal-card,
.contact-hero,
.contact-card,
.contact-channel,
.contact-form-shell,
.about-hero,
.about-card,
.article-hero,
.article-body,
.article-aside .aside-card,
.quick-answer,
.action-plan li,
.diagnostic-list,
.related-grid a,
.seo-page details,
.service-hero,
.service-card,
.service-contact-card,
.tracking-card,
.return-card {
  border-color: var(--gt-line) !important;
  background-color: var(--gt-card-solid) !important;
  color: var(--gt-text) !important;
  box-shadow: var(--gt-soft-shadow);
}

html[data-theme="dark"] .contact-hero,
html[data-theme="dark"] .about-hero,
html[data-theme="dark"] .article-hero,
html[data-theme="dark"] .service-hero {
  background-image: radial-gradient(circle at 85% 15%, rgba(255,133,0,.16), transparent 24rem), linear-gradient(145deg,#0d2d57,#081d3b) !important;
}

html[data-theme="light"] .contact-hero,
html[data-theme="light"] .about-hero,
html[data-theme="light"] .article-hero,
html[data-theme="light"] .service-hero {
  background-image: radial-gradient(circle at 85% 15%, rgba(255,133,0,.1), transparent 24rem), linear-gradient(145deg,#fff,#f4f6f9) !important;
}

/* The dedicated contact page has its own cinematic palette. In light mode it
   becomes an airy white/orange composition without losing its visual hierarchy. */
.contact-visual-card h2,
.contact-visual-card p,
.contact-visual-card .contact-card-link {
  color: #fff !important;
  text-shadow: 0 2px 18px rgba(0,0,0,.35);
}
.contact-visual-card > div > span:not(.contact-card-link) {
  color: #ff9a24 !important;
}

html[data-theme="light"] .contact-body {
  color-scheme: light !important;
  background: var(--gt-page) !important;
  color: var(--gt-text) !important;
}

html[data-theme="light"] .contact-stage {
  border-color: rgba(255,133,0,.24) !important;
  background: radial-gradient(circle at 18% 34%, rgba(255,133,0,.13), transparent 29rem), linear-gradient(132deg,#fffaf5 0%,#fff 55%,#f7f9fc 100%) !important;
  box-shadow: 0 2rem 6rem rgba(16,24,40,.12), inset 0 1px rgba(255,255,255,.95) !important;
}

html[data-theme="light"] .contact-stage::before {
  background-image: linear-gradient(rgba(16,24,40,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(16,24,40,.035) 1px,transparent 1px) !important;
}

html[data-theme="light"] .contact-story h1,
html[data-theme="light"] .contact-whatsapp h2,
html[data-theme="light"] .contact-section-heading h2,
html[data-theme="light"] .contact-company-card h3 { color: var(--gt-heading) !important; }
html[data-theme="light"] .contact-story > p,
html[data-theme="light"] .contact-section-heading p { color: var(--gt-muted) !important; }

html[data-theme="light"] .contact-direct-actions a,
html[data-theme="light"] .contact-story-meta span {
  border-color: var(--gt-line) !important;
  background: rgba(255,255,255,.82) !important;
  color: var(--gt-text) !important;
  box-shadow: 0 .65rem 1.8rem rgba(16,24,40,.07) !important;
}
html[data-theme="light"] .contact-direct-actions small,
html[data-theme="light"] .contact-story-meta span { color: var(--gt-muted) !important; }
html[data-theme="light"] .contact-direct-actions strong { color: var(--gt-heading) !important; }

html[data-theme="light"] .contact-whatsapp {
  border-color: var(--gt-line) !important;
  background: rgba(255,255,255,.94) !important;
  color: var(--gt-text) !important;
  box-shadow: 0 1.6rem 4rem rgba(16,24,40,.12), inset 0 1px rgba(255,255,255,.95) !important;
}
html[data-theme="light"] .contact-whatsapp header { border-color: var(--gt-line) !important; }
html[data-theme="light"] .contact-whatsapp header p,
html[data-theme="light"] .contact-whatsapp label,
html[data-theme="light"] .contact-privacy { color: var(--gt-muted) !important; }
html[data-theme="light"] .contact-whatsapp input,
html[data-theme="light"] .contact-whatsapp select,
html[data-theme="light"] .contact-whatsapp textarea {
  color-scheme: light !important;
  border-color: var(--gt-line) !important;
  background: #f7f9fc !important;
  color: var(--gt-text) !important;
}
html[data-theme="light"] .contact-whatsapp input::placeholder,
html[data-theme="light"] .contact-whatsapp textarea::placeholder { color: var(--gt-faint) !important; }
html[data-theme="light"] .contact-whatsapp input:focus,
html[data-theme="light"] .contact-whatsapp select:focus,
html[data-theme="light"] .contact-whatsapp textarea:focus { background: #fffaf5 !important; }

html[data-theme="light"] .contact-map-shell,
html[data-theme="light"] .contact-company-card {
  border-color: var(--gt-line) !important;
  background: var(--gt-card-solid) !important;
  color: var(--gt-text) !important;
  box-shadow: var(--gt-soft-shadow) !important;
}
html[data-theme="light"] .contact-company-card--primary {
  background: radial-gradient(circle at 100% 0,rgba(255,133,0,.11),transparent 48%),linear-gradient(145deg,#fff,#fff8f1) !important;
}
html[data-theme="light"] .contact-map-topbar strong,
html[data-theme="light"] .contact-company-card dd { color: var(--gt-heading) !important; }
html[data-theme="light"] .contact-map-topbar small,
html[data-theme="light"] .contact-company-card dt,
html[data-theme="light"] .contact-company-card > p { color: var(--gt-muted) !important; }
html[data-theme="light"] .contact-map-topbar a {
  border-color: var(--gt-line) !important;
  background: var(--gt-surface-2) !important;
  color: var(--gt-text) !important;
}
html[data-theme="light"] .contact-map-canvas iframe {
  filter: grayscale(.25) saturate(.88) contrast(1.02) brightness(1.03) !important;
}
html[data-theme="light"] .contact-card-number { color: rgba(16,24,40,.055) !important; }

html[data-theme="dark"] .contact-body {
  color-scheme: dark !important;
  background: var(--gt-page-bg) !important;
  color: var(--gt-text) !important;
}
html[data-theme="dark"] .contact-stage {
  border-color: rgba(109,163,224,.25) !important;
  background: radial-gradient(circle at 18% 34%,rgba(255,133,0,.16),transparent 29rem),linear-gradient(132deg,#0e315d 0%,#0a2347 55%,#071a36 100%) !important;
  box-shadow: 0 2.5rem 8rem rgba(0,8,24,.38),inset 0 1px rgba(255,255,255,.055) !important;
}
html[data-theme="dark"] .contact-whatsapp,
html[data-theme="dark"] .contact-map-shell,
html[data-theme="dark"] .contact-company-card {
  border-color: var(--gt-line) !important;
  background: linear-gradient(145deg,#102f59,#0a2142) !important;
  color: var(--gt-text) !important;
  box-shadow: var(--gt-soft-shadow) !important;
}
html[data-theme="dark"] .contact-company-card--primary {
  background: radial-gradient(circle at 100% 0,rgba(255,133,0,.15),transparent 48%),linear-gradient(145deg,#12345f,#0a2142) !important;
}
html[data-theme="dark"] .contact-whatsapp input,
html[data-theme="dark"] .contact-whatsapp select,
html[data-theme="dark"] .contact-whatsapp textarea {
  border-color: var(--gt-line) !important;
  background: var(--gt-surface-2) !important;
  color: var(--gt-text) !important;
}
html[data-theme="dark"] .contact-map-canvas { background: #0a2142 !important; }

.article-body a:not(.button),
.legal-card a:not(.button) { color: color-mix(in srgb, var(--gt-accent) 84%, var(--gt-text)) !important; }

/* The article column is layout-only; only its child cards receive surfaces. */
.article-body {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Guide/category grids shared by the thousands of generated SEO pages. */
.seo-topic-grid a,
.wiki-category-list .seo-topic-grid a,
.blog-article-card {
  border-color: var(--gt-line) !important;
  color: var(--gt-text) !important;
  box-shadow: var(--gt-soft-shadow) !important;
}

html[data-theme="light"] .seo-topic-grid a,
html[data-theme="light"] .wiki-category-list .seo-topic-grid a,
html[data-theme="light"] .blog-article-card {
  background: linear-gradient(145deg, #fff, #f8f9fb) !important;
}

html[data-theme="light"] .seo-topic-grid a:hover,
html[data-theme="light"] .seo-topic-grid a:focus-visible {
  border-color: rgba(240,127,0,.36) !important;
  background: linear-gradient(145deg, #fff8ef, #fff) !important;
}

html[data-theme="dark"] .seo-topic-grid a,
html[data-theme="dark"] .wiki-category-list .seo-topic-grid a,
html[data-theme="dark"] .blog-article-card {
  background: linear-gradient(145deg, #12365f, #0a2347) !important;
}

html[data-theme="dark"] .seo-topic-grid a:hover,
html[data-theme="dark"] .seo-topic-grid a:focus-visible {
  border-color: rgba(255,151,45,.34) !important;
  background: linear-gradient(145deg, #153e6b, #0b294f) !important;
}

.seo-topic-grid strong,
.seo-topic-grid .blog-article-card strong { color: var(--gt-heading) !important; }
.seo-topic-grid span:not(.blog-card-meta) { color: var(--gt-muted) !important; }
.seo-topic-grid .blog-article-card em { color: var(--gt-accent) !important; }

/* Theme tokens consumed inside the diagnostic search web component shadow DOM. */
html[data-theme="light"] g-trots-diagnostic-search {
  --gt-search-ink: #171b24;
  --gt-search-muted: #687180;
  --gt-search-placeholder: #7b818c;
  --gt-search-border: rgba(16,24,40,.14);
  --gt-search-bg: #fff;
  --gt-search-focus-bg: #fffaf5;
  --gt-search-shadow: 0 .85rem 2.2rem rgba(16,24,40,.08), inset 0 1px rgba(255,255,255,.96);
  --gt-search-focus-shadow: 0 0 0 3px rgba(240,127,0,.11), 0 1rem 2.5rem rgba(16,24,40,.09);
  --gt-search-panel-border: rgba(16,24,40,.12);
  --gt-search-panel-bg: linear-gradient(145deg,#fff,#f7f9fc);
  --gt-search-panel-shadow: 0 1.6rem 4rem rgba(16,24,40,.16);
  --gt-search-row-border: rgba(16,24,40,.09);
  --gt-search-hover-bg: #fff4e7;
  --gt-search-icon-bg: #fff0df;
  --gt-search-recent-icon-bg: #edf1f6;
  --gt-search-control-bg: #f2f4f7;
  --gt-search-diagnosis-border: rgba(240,127,0,.24);
  --gt-search-diagnosis-bg: #fff7ed;
  --gt-search-mobile-bg: #f4f6f9;
}

html[data-theme="dark"] g-trots-diagnostic-search {
  --gt-search-ink: #f7f9fc;
  --gt-search-muted: #a9b8cc;
  --gt-search-placeholder: #9aa9bd;
  --gt-search-border: rgba(109,163,224,.27);
  --gt-search-bg: #0c2b54;
  --gt-search-focus-bg: #071d3d;
  --gt-search-shadow: inset 0 1px rgba(255,255,255,.04);
  --gt-search-focus-shadow: 0 0 0 3px rgba(255,133,0,.1);
  --gt-search-panel-border: rgba(109,163,224,.28);
  --gt-search-panel-bg: linear-gradient(145deg,#10325d,#071b38);
  --gt-search-panel-shadow: 0 1.6rem 4rem rgba(0,8,24,.48);
  --gt-search-row-border: rgba(109,163,224,.16);
  --gt-search-hover-bg: #153e6b;
  --gt-search-icon-bg: #153e6b;
  --gt-search-recent-icon-bg: #17365d;
  --gt-search-control-bg: #102f59;
  --gt-search-diagnosis-border: rgba(255,151,45,.3);
  --gt-search-diagnosis-bg: #102f59;
  --gt-search-mobile-bg: #06172f;
}

/* Article components shared by every generated guide. */
.article-body .quick-answer,
.article-body .action-plan,
.article-body details,
.article-body .diagnostic-list li,
.article-aside .aside-card {
  border-color: var(--gt-line) !important;
  color: var(--gt-text) !important;
}

html[data-theme="light"] .article-body .quick-answer,
html[data-theme="light"] .article-body .action-plan,
html[data-theme="light"] .article-aside .aside-card {
  background: linear-gradient(145deg,#fff8ef,#fff) !important;
  box-shadow: var(--gt-soft-shadow) !important;
}

html[data-theme="light"] .article-body .action-plan li,
html[data-theme="light"] .article-body .diagnostic-list li,
html[data-theme="light"] .article-body details {
  border-color: var(--gt-line) !important;
  background: #fff !important;
}

html[data-theme="light"] .article-body .action-plan h2,
html[data-theme="light"] .article-body .action-plan li strong,
html[data-theme="light"] .article-body summary {
  color: var(--gt-heading) !important;
}

html[data-theme="light"] .article-body .action-plan li > span,
html[data-theme="light"] .article-body .action-plan p,
html[data-theme="light"] .article-body details p {
  color: var(--gt-muted) !important;
}

html[data-theme="dark"] .article-body .quick-answer,
html[data-theme="dark"] .article-body .action-plan,
html[data-theme="dark"] .article-aside .aside-card {
  background: linear-gradient(145deg,#12365f,#0a2347) !important;
  box-shadow: var(--gt-soft-shadow) !important;
}

html[data-theme="dark"] .article-body .action-plan li,
html[data-theme="dark"] .article-body .diagnostic-list li,
html[data-theme="dark"] .article-body details {
  border-color: rgba(109,163,224,.22) !important;
  background: rgba(7,27,56,.5) !important;
}

html[data-theme="dark"] .article-body .action-plan h2,
html[data-theme="dark"] .article-body .action-plan li strong,
html[data-theme="dark"] .article-body summary { color: var(--gt-heading) !important; }

html[data-theme="dark"] .article-body .action-plan li > span,
html[data-theme="dark"] .article-body .action-plan p,
html[data-theme="dark"] .article-body details p { color: var(--gt-muted) !important; }

html[data-theme="light"] .article-aside .aside-card strong,
html[data-theme="light"] .article-aside .aside-card h2,
html[data-theme="light"] .article-aside .aside-card h3 { color: var(--gt-heading) !important; }
html[data-theme="light"] .article-aside .aside-card p { color: var(--gt-muted) !important; }

.breadcrumb,
.breadcrumb a,
.shop-breadcrumb,
.product-detail-breadcrumb,
.product-detail-breadcrumb a { color: var(--gt-muted) !important; }

/* Shared footer */
.gt-site-footer {
  border-color: var(--gt-line) !important;
  background: var(--gt-card-solid) !important;
  color: var(--gt-muted) !important;
  box-shadow: var(--gt-shadow) !important;
}

html[data-theme] .gt-site-footer { background-color: var(--gt-card-solid) !important; }

html[data-theme="dark"] .gt-site-footer {
  background-image: linear-gradient(145deg, #0b274d, #071a35) !important;
}

html[data-theme="light"] .gt-site-footer {
  background-image: linear-gradient(145deg, #ffffff, #f4f6f9) !important;
}

.gt-site-footer__logo strong,
.gt-site-footer__payments b,
.gt-site-footer nav > b,
.gt-site-footer__copyright,
.gt-site-footer .cab-it-credit strong {
  color: var(--gt-heading) !important;
}

.gt-site-footer__bottom { grid-template-columns: auto minmax(0, 1fr) auto !important; }
.gt-site-footer__copyright { justify-self: center; }

.gt-site-footer nav a,
.gt-site-footer nav button,
.gt-site-footer__contact a,
.gt-site-footer__identity dd,
.gt-site-footer__logo small,
.gt-site-footer__brand > p,
.gt-site-footer__payments small,
.gt-site-footer .cab-it-credit span {
  color: var(--gt-muted) !important;
}

.gt-site-footer nav a,
.gt-site-footer nav button,
.gt-site-footer__contact a,
.gt-site-footer__assurance,
.gt-site-footer__bottom,
.gt-site-footer__tracking {
  border-color: var(--gt-line) !important;
}

.gt-social-link {
  width: 2.8rem !important;
  height: 2.8rem !important;
  border: 1px solid var(--gt-line) !important;
  border-radius: .92rem !important;
  background: var(--gt-surface-2) !important;
  box-shadow: 0 .45rem 1.15rem rgba(40,48,61,.07) !important;
}
.gt-social-link svg { width: 1.45rem !important; height: 1.45rem !important; }
html[data-theme="light"] .gt-social-link--tiktok svg path:last-child { fill: #141821 !important; }
html[data-theme="light"] .gt-social-link--x { --gt-social-color: #141821 !important; }
html[data-theme="dark"] .gt-social-link--x { --gt-social-color: #fff !important; }

/* Theme selector in the footer */
.gt-theme-control {
  display: grid;
  align-items: center;
  justify-items: end;
  gap: .55rem;
}

.gt-theme-control > span {
  color: var(--gt-faint);
  font-size: .58rem;
  font-weight: 850;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.gt-theme-switch {
  width: 10.6rem;
  height: 3rem;
  padding: .25rem;
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  border: 1px solid var(--gt-line-strong);
  border-radius: 999px;
  background: var(--gt-surface-2);
  color: var(--gt-muted);
  font: 800 .66rem/1 Manrope, system-ui, sans-serif;
  cursor: pointer;
  isolation: isolate;
  overflow: hidden;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

.gt-theme-switch::before {
  content: "";
  width: calc(50% - .25rem);
  height: calc(100% - .5rem);
  position: absolute;
  z-index: -1;
  left: .25rem;
  top: .25rem;
  border-radius: 999px;
  background: var(--gt-card-solid);
  box-shadow: 0 .4rem 1.1rem rgba(16, 24, 40, .14);
  transition: transform var(--gt-theme-duration) cubic-bezier(.22,.8,.2,1), background var(--gt-theme-duration) ease;
}

.gt-theme-switch[data-active-theme="dark"]::before { transform: translateX(100%); }

.gt-theme-switch span {
  min-width: 0;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .38rem;
  color: inherit;
  transition: color var(--gt-theme-duration) ease;
}

.gt-theme-switch span.is-active { color: var(--gt-heading); }
.gt-theme-switch svg { width: 1rem; height: 1rem; fill: none; stroke: currentColor; stroke-width: 1.8; }
.gt-theme-switch:focus-visible { outline: 3px solid color-mix(in srgb, var(--gt-accent) 35%, transparent); outline-offset: 3px; }

/* Cookie banner and utility layers */
.cookie-banner,
.cookie-panel,
.cookie-modal,
.toast,
.modal,
dialog {
  border-color: var(--gt-line) !important;
  color: var(--gt-text) !important;
}

html[data-theme="light"] .cookie-banner,
html[data-theme="light"] .cookie-panel,
html[data-theme="light"] .cookie-modal,
html[data-theme="light"] .toast,
html[data-theme="light"] .modal,
html[data-theme="light"] dialog {
  background: #fff !important;
}

html[data-theme="dark"] .cookie-banner,
html[data-theme="dark"] .cookie-panel,
html[data-theme="dark"] .cookie-modal,
html[data-theme="dark"] .toast,
html[data-theme="dark"] .modal,
html[data-theme="dark"] dialog {
  background: #0c274d !important;
}

@media (max-width: 820px) {
  .main-nav {
    border-color: var(--gt-line) !important;
    background: var(--gt-card-solid) !important;
    color: var(--gt-text) !important;
  }

  .gt-theme-control { width: 100%; justify-items: center; }
  .gt-theme-switch { width: min(100%, 15rem); }
  .gt-site-footer__bottom { grid-template-columns: 1fr !important; gap: 1rem !important; }
  .gt-site-footer__copyright { justify-self: center; }
}

/* Search deck: the input must read as one control, not as a grey strip inside a card. */
html[data-theme="light"] .shop-search-deck {
  border-color: rgba(16, 24, 40, .1) !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: 0 1rem 2.7rem rgba(16, 24, 40, .1), inset 0 1px rgba(255, 255, 255, .96) !important;
}

html[data-theme="light"] .shop-search-field {
  border-color: rgba(16, 24, 40, .1) !important;
  background: #fff !important;
  box-shadow: none !important;
}

html[data-theme="light"] .shop-search-copy input,
html[data-theme="dark"] .shop-search-copy input {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-theme="light"] .shop-search-copy input { color: var(--gt-heading) !important; }
html[data-theme="light"] .shop-search-copy input::placeholder { color: #7b818c !important; opacity: 1 !important; }
html[data-theme="light"] .shop-search-actions { border-color: rgba(16, 24, 40, .09) !important; }
html[data-theme="light"] .shop-search-field kbd span {
  border-color: rgba(16, 24, 40, .1) !important;
  background: #f5f7fa !important;
  color: #606774 !important;
}

html[data-theme="dark"] .shop-search-deck {
  border-color: var(--gt-line) !important;
  background: linear-gradient(145deg, #102f59, #0a2142) !important;
}

html[data-theme="dark"] .shop-search-field {
  border-color: rgba(127, 178, 232, .22) !important;
  background: rgba(5, 22, 46, .52) !important;
}

html[data-theme="dark"] .shop-search-copy input { color: var(--gt-heading) !important; }
html[data-theme="dark"] .shop-search-copy input::placeholder { color: #9eb0c9 !important; opacity: 1 !important; }

/* Mobile navigation uses the same palette as the selected site theme. */
@media (max-width: 900px) {
  html[data-theme="light"] body.menu-open::before {
    background: rgba(29, 36, 48, .28) !important;
  }

  html[data-theme="dark"] body.menu-open::before {
    background: rgba(0, 8, 24, .58) !important;
  }

  html[data-theme="light"] .site-header .main-nav {
    border-color: rgba(16, 24, 40, .11) !important;
    background: rgba(255, 255, 255, .98) !important;
    color: var(--gt-text) !important;
    box-shadow: 0 2rem 5rem rgba(16, 24, 40, .2), inset 0 1px rgba(255, 255, 255, .96) !important;
  }

  html[data-theme="dark"] .site-header .main-nav {
    border-color: rgba(116, 169, 226, .23) !important;
    background: radial-gradient(circle at 100% 0, rgba(255, 133, 0, .1), transparent 15rem), linear-gradient(145deg, #0e315d, #071b38) !important;
    color: var(--gt-text) !important;
    box-shadow: 0 2rem 5rem rgba(0, 8, 24, .58), inset 0 1px rgba(255, 255, 255, .055) !important;
  }

  .site-header .mobile-nav-heading {
    border-color: var(--gt-line) !important;
  }

  .site-header .mobile-nav-heading span { color: var(--gt-heading) !important; }
  .site-header .mobile-nav-heading small { color: var(--gt-accent) !important; }

  .site-header .main-nav > a:not(.mobile-nav-call),
  .site-header .main-nav > a:not(.mobile-nav-call):visited {
    color: var(--gt-text) !important;
  }

  .site-header .main-nav > a:not(.mobile-nav-call)::before {
    color: var(--gt-faint) !important;
  }

  .site-header .main-nav > a:not(.mobile-nav-call)::after {
    color: var(--gt-muted) !important;
  }

  .site-header .main-nav > a:not(.mobile-nav-call):hover,
  .site-header .main-nav > a:not(.mobile-nav-call):focus-visible {
    border-color: rgba(240, 127, 0, .28) !important;
    background: rgba(240, 127, 0, .085) !important;
    color: var(--gt-heading) !important;
  }

  html[data-theme="light"] .site-header .main-nav > a.nav-shop-link:not(.mobile-nav-call) {
    border-color: rgba(240, 127, 0, .34) !important;
    background: linear-gradient(135deg, #fff8ef, #fff) !important;
    color: var(--gt-heading) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .96) !important;
  }

  html[data-theme="dark"] .site-header .main-nav > a.nav-shop-link:not(.mobile-nav-call) {
    border-color: rgba(255, 158, 44, .38) !important;
    background: linear-gradient(135deg, rgba(255, 145, 0, .14), rgba(15, 50, 91, .9)) !important;
    color: var(--gt-heading) !important;
  }

  .site-header .main-nav > a.nav-shop-link.active:not(.mobile-nav-call),
  .site-header .main-nav > a.nav-shop-link[aria-current="page"]:not(.mobile-nav-call) {
    border-color: rgba(240, 127, 0, .55) !important;
    background: linear-gradient(135deg, rgba(255, 145, 0, .16), rgba(255, 255, 255, .03)) !important;
    color: var(--gt-heading) !important;
  }

  html[data-theme="light"] .site-header .main-nav > a.mobile-nav-account:not(.mobile-nav-call) {
    border-color: rgba(240, 127, 0, .28) !important;
    background: linear-gradient(135deg, #fff8ef, #fff) !important;
    color: var(--gt-heading) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .96) !important;
  }

  html[data-theme="dark"] .site-header .main-nav > a.mobile-nav-account:not(.mobile-nav-call) {
    border-color: rgba(255, 151, 45, .32) !important;
    background: linear-gradient(135deg, rgba(255, 139, 14, .12), rgba(16, 47, 89, .92)) !important;
    color: var(--gt-heading) !important;
  }

  .site-header .mobile-nav-account-copy strong { color: var(--gt-heading) !important; }
  .site-header .mobile-nav-account-copy small { color: var(--gt-accent) !important; }

  html[data-theme="light"] .site-header .mobile-nav-account-avatar {
    border-color: rgba(240, 127, 0, .46) !important;
    background: linear-gradient(145deg, #fff3e4, #ffd5a4) !important;
    box-shadow: 0 0 0 1px rgba(240, 127, 0, .13), 0 .55rem 1.3rem rgba(89, 49, 8, .1) !important;
  }

  html[data-theme="light"] .site-header .mobile-nav-account-avatar i {
    background: #fff !important;
    box-shadow: inset 0 0 0 1px rgba(240, 127, 0, .16) !important;
  }

  html[data-theme="light"] .site-header .mobile-nav-account-avatar i::before,
  html[data-theme="light"] .site-header .mobile-nav-account-avatar i::after {
    background: #232936 !important;
  }

  .site-header .mobile-nav-account > b {
    background: rgba(240, 127, 0, .1) !important;
    color: var(--gt-accent) !important;
  }

  .site-header .mobile-nav-call {
    border: 1px solid rgba(240, 127, 0, .35) !important;
    background: linear-gradient(135deg, #ff941a, #f07f00) !important;
    color: #fff !important;
    box-shadow: 0 .9rem 2.1rem rgba(240, 127, 0, .2) !important;
  }

  .site-header .main-nav > a.mobile-nav-call:hover,
  .site-header .main-nav > a.mobile-nav-call:focus-visible {
    border-color: rgba(255, 184, 96, .72) !important;
    background: linear-gradient(135deg, #ff9f2c, #df6700) !important;
    color: #fff !important;
    box-shadow: 0 1rem 2.4rem rgba(210, 91, 0, .28) !important;
    transform: translateY(-1px) !important;
  }

  .site-header .main-nav > a.mobile-nav-call:hover > span,
  .site-header .main-nav > a.mobile-nav-call:focus-visible > span {
    border-color: rgba(255,255,255,.42) !important;
    background: rgba(89, 34, 0, .2) !important;
    color: #fff !important;
  }

  .site-header .mobile-nav-call > span {
    border-color: rgba(255, 255, 255, .34) !important;
    background: rgba(20, 20, 20, .16) !important;
  }

  .site-header .mobile-nav-call small { color: rgba(255, 255, 255, .82) !important; }

  html[data-theme="light"] .site-header .menu-toggle[aria-expanded="true"] {
    border-color: rgba(240, 127, 0, .25) !important;
    background: #fff4e7 !important;
    color: #252a34 !important;
  }

  html[data-theme="dark"] .site-header .menu-toggle[aria-expanded="true"] {
    border-color: rgba(255, 151, 45, .3) !important;
    background: #12355f !important;
    color: #fff !important;
  }
}

/* Homepage polish: the light theme must not expose the dark composition panels
   that sit behind the individual accordion cards. */
html[data-theme="light"] .service-panel,
html[data-theme="light"] .faq-list {
  border-color: var(--gt-line) !important;
  background: #fff !important;
  box-shadow: var(--gt-soft-shadow) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* Accordion surfaces are opaque in every state. */
html[data-theme="light"] .service-panel .service-item,
html[data-theme="light"] .faq-list details {
  background: #fff !important;
}
html[data-theme="light"] .service-panel .service-item.is-selected,
html[data-theme="light"] .service-panel .service-item.is-expanded,
html[data-theme="light"] .faq-list details.is-expanded {
  background: linear-gradient(135deg,#fff7ed,#fff) !important;
}
html[data-theme="dark"] .service-panel .service-item,
html[data-theme="dark"] .faq-list details { background: #0a2142 !important; }
html[data-theme="dark"] .service-panel .service-item.is-selected,
html[data-theme="dark"] .service-panel .service-item.is-expanded,
html[data-theme="dark"] .faq-list details.is-expanded { background: linear-gradient(135deg,#153e6b,#0b294f) !important; }

/* Preserve the original large artwork, including its position and rotation.
   Only its visible area is clipped above the accordion, without rescaling it. */
.service-section::before,
.faq-section::before {
  clip-path: polygon(0 0, 100% 0, 100% var(--gt-art-clip-right, 0px), 0 var(--gt-art-clip-left, 0px));
}
.service-section::before,
.faq-section::before,
.seo-hub::before {
  display: block !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  -webkit-mask-image: radial-gradient(ellipse 74% 70% at 62% 52%,#000 42%,rgba(0,0,0,.9) 60%,transparent 100%) !important;
  mask-image: radial-gradient(ellipse 74% 70% at 62% 52%,#000 42%,rgba(0,0,0,.9) 60%,transparent 100%) !important;
}
.service-section::before { background-image: url("assets/vehicle-performance-scooter.webp") !important; }
.faq-section::before { background-image: url("assets/vehicle-electric-moped.webp") !important; }
.seo-hub::before { background-image: url("assets/vehicle-urban-scooter.webp") !important; }
html[data-theme="light"] .service-section::before,
html[data-theme="light"] .faq-section::before,
html[data-theme="light"] .seo-hub::before {
  opacity: .66 !important;
  filter: contrast(1.04) saturate(.92) drop-shadow(0 2rem 3rem rgba(45,52,64,.16)) !important;
}
html[data-theme="dark"] .service-section::before,
html[data-theme="dark"] .faq-section::before,
html[data-theme="dark"] .seo-hub::before {
  opacity: .58 !important;
  filter: brightness(1.16) contrast(1.08) saturate(.88) drop-shadow(0 2rem 3.2rem rgba(0,5,18,.3)) !important;
}

/* Keep the process call action stable. Switching between two unrelated
   gradients on hover caused a one-frame flash in Chromium. */
html[data-theme="light"] .text-link {
  border-color: rgba(240, 127, 0, .24) !important;
  background: #fff !important;
  color: var(--gt-heading) !important;
  box-shadow: 0 .75rem 1.8rem rgba(35, 42, 54, .1) !important;
  transition: border-color 160ms ease, box-shadow 160ms ease !important;
}
html[data-theme="light"] .text-link:hover,
html[data-theme="light"] .text-link:focus-visible {
  border-color: rgba(240, 127, 0, .48) !important;
  background: #fff8ef !important;
  color: var(--gt-heading) !important;
  box-shadow: 0 .8rem 1.9rem rgba(35, 42, 54, .12) !important;
  transform: none !important;
}
html[data-theme="light"] .text-link:hover span,
html[data-theme="light"] .text-link:focus-visible span { transform: none !important; }

html[data-theme="dark"] .text-link,
html[data-theme="dark"] .text-link:hover,
html[data-theme="dark"] .text-link:focus-visible {
  border-color: var(--gt-line) !important;
  background: #12355f !important;
  color: #fff !important;
}

/* Compatibility labels are useful information, not low-emphasis metadata. */
html[data-theme="light"] .product-fit {
  gap: .4rem !important;
}
html[data-theme="light"] .product-fit span {
  min-height: 1.7rem !important;
  padding: .32rem .65rem !important;
  border: 1px solid rgba(240, 127, 0, .26) !important;
  border-radius: 999px !important;
  background: #fff5e9 !important;
  color: #714018 !important;
  box-shadow: inset 0 1px rgba(255,255,255,.96) !important;
  font-weight: 800 !important;
}
html[data-theme="dark"] .product-fit span {
  border-color: rgba(255, 151, 45, .26) !important;
  background: #12355f !important;
  color: #f5f8fc !important;
  font-weight: 800 !important;
}

html[data-theme="light"] .cart-button.is-added,
html[data-theme="light"] .favorite-button[aria-pressed="true"] {
  border-color: rgba(240, 127, 0, .42) !important;
  background: #fff1df !important;
  color: #a84d00 !important;
  box-shadow: 0 .4rem 1rem rgba(74, 45, 16, .1) !important;
}
html[data-theme="dark"] .cart-button.is-added,
html[data-theme="dark"] .favorite-button[aria-pressed="true"] {
  border-color: rgba(255, 151, 45, .42) !important;
  background: #153e6b !important;
  color: #fff !important;
  box-shadow: 0 .45rem 1.2rem rgba(0, 8, 24, .24) !important;
}
html[data-theme="light"] .cart-button.is-added .global-cart-icon { color: #1b202b !important; }
html[data-theme="dark"] .cart-button.is-added .global-cart-icon { color: #fff !important; }

/* Contact shortcuts: bright editorial cards in light mode, blue cards in dark
   mode. The old full-card black treatment felt detached from the page. */
html[data-theme="light"] .contact-visual-card {
  border-color: rgba(45, 55, 72, .14) !important;
  background:
    radial-gradient(circle at 90% 10%, rgba(255, 145, 24, .17), transparent 16rem),
    linear-gradient(145deg, #fffaf4, #fff 62%) !important;
  color: var(--gt-text) !important;
  box-shadow: 0 1.25rem 3.2rem rgba(35, 42, 54, .1) !important;
}
html[data-theme="light"] .contact-visual-card::before {
  z-index: -1 !important;
  background: linear-gradient(90deg, rgba(255,255,255,.98) 0 43%, rgba(255,255,255,.88) 58%, rgba(255,255,255,.24) 100%) !important;
}
html[data-theme="light"] .contact-visual-card::after {
  z-index: -2 !important;
  background: radial-gradient(circle at 88% 20%, rgba(255, 134, 0, .16), transparent 42%) !important;
}
html[data-theme="light"] .contact-visual-card img {
  width: 62% !important;
  left: auto !important;
  right: 0 !important;
  opacity: .3 !important;
  filter: grayscale(.22) saturate(.82) contrast(.9) !important;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 34%, #000 100%) !important;
  mask-image: linear-gradient(90deg, transparent, #000 34%, #000 100%) !important;
}
html[data-theme="light"] .contact-visual-card > div {
  max-width: 58% !important;
  position: relative !important;
  z-index: 1 !important;
}
html[data-theme="light"] .contact-visual-card h2 {
  color: var(--gt-heading) !important;
  text-shadow: none !important;
}
html[data-theme="light"] .contact-visual-card p {
  color: var(--gt-muted) !important;
  text-shadow: none !important;
}
html[data-theme="light"] .contact-visual-card .contact-card-link {
  width: fit-content !important;
  min-height: 2.5rem !important;
  padding: .45rem .75rem !important;
  border: 1px solid rgba(240, 127, 0, .24) !important;
  border-radius: 999px !important;
  background: #fff5e9 !important;
  color: #512b08 !important;
  text-shadow: none !important;
}

html[data-theme="dark"] .contact-visual-card {
  border-color: var(--gt-line) !important;
  background: linear-gradient(145deg, #12365f, #0a2347) !important;
  box-shadow: var(--gt-soft-shadow) !important;
}
html[data-theme="dark"] .contact-visual-card::before {
  background: linear-gradient(90deg, rgba(8,29,59,.98) 0 40%, rgba(8,29,59,.72) 68%, rgba(8,29,59,.18) 100%) !important;
}
html[data-theme="dark"] .contact-visual-card img {
  opacity: .62 !important;
  filter: saturate(.85) brightness(.82) !important;
}

/* Customer account: replace the legacy brown/black palette with the selected
   public theme while keeping orange as the interaction accent. */
.customer-account-page,
.account-hero,
.account-nav,
.account-panel,
.account-metrics article,
.latest-order-card,
.account-help-card,
.account-profile-form,
.account-type-switch > button,
.account-profile-fields input,
.account-security-inline > button,
.coupon-empty-state,
.address-card,
.coupon-card,
.customer-order-card {
  border-color: var(--gt-line) !important;
  color: var(--gt-text) !important;
}

html[data-theme="light"] .customer-account-page { background: var(--gt-page) !important; }
html[data-theme="light"] .account-hero {
  background: radial-gradient(circle at 92% 0,rgba(255,145,24,.13),transparent 20rem),linear-gradient(145deg,#fffaf4,#fff) !important;
  box-shadow: var(--gt-soft-shadow) !important;
}
html[data-theme="light"] .account-avatar {
  border-color: rgba(240,127,0,.36) !important;
  background: #fff0df !important;
  box-shadow: 0 .75rem 1.8rem rgba(44,52,66,.1),0 0 0 .28rem rgba(240,127,0,.05) !important;
}
html[data-theme="light"] .account-avatar span { background: #fff !important; }
html[data-theme="light"] .account-avatar span::before,
html[data-theme="light"] .account-avatar span::after { background: #202633 !important; }
html[data-theme="light"] .account-nav,
html[data-theme="light"] .account-panel,
html[data-theme="light"] .account-metrics article,
html[data-theme="light"] .latest-order-card,
html[data-theme="light"] .account-profile-form,
html[data-theme="light"] .account-security-inline > button,
html[data-theme="light"] .address-card,
html[data-theme="light"] .coupon-card,
html[data-theme="light"] .customer-order-card {
  background: #fff !important;
  box-shadow: var(--gt-soft-shadow) !important;
}
html[data-theme="light"] .account-nav button { color: var(--gt-muted) !important; }
html[data-theme="light"] .account-nav button.active {
  border: 1px solid rgba(240,127,0,.24) !important;
  background: #fff1df !important;
  color: var(--gt-heading) !important;
}
html[data-theme="light"] .account-nav button i,
html[data-theme="light"] .account-nav button b { background: #f4f6f9 !important; }
html[data-theme="light"] .account-nav button.active i { background: #ffe2bd !important; }
html[data-theme="light"] .account-help-card {
  border-color: rgba(240,127,0,.24) !important;
  background: radial-gradient(circle at 100% 0,rgba(255,145,24,.13),transparent 13rem),#fff8ef !important;
  box-shadow: var(--gt-soft-shadow) !important;
}
html[data-theme="light"] .account-help-card h3,
html[data-theme="light"] .account-section-head h2,
html[data-theme="light"] .account-metrics strong,
html[data-theme="light"] .empty-account-state strong,
html[data-theme="light"] .coupon-empty-state strong,
html[data-theme="light"] .account-type-switch strong,
html[data-theme="light"] .account-security-inline strong { color: var(--gt-heading) !important; }
html[data-theme="light"] .account-help-card p,
html[data-theme="light"] .account-section-head > p,
html[data-theme="light"] .account-metrics small,
html[data-theme="light"] .account-metrics em,
html[data-theme="light"] .coupon-empty-state p,
html[data-theme="light"] .account-type-switch small,
html[data-theme="light"] .account-security-inline small { color: var(--gt-muted) !important; }
html[data-theme="light"] .account-help-card a:not(:first-child) {
  border: 1px solid var(--gt-line) !important;
  background: #fff !important;
  color: var(--gt-heading) !important;
}
html[data-theme="light"] .account-type-switch > button {
  background: #f7f8fb !important;
  color: var(--gt-muted) !important;
}
html[data-theme="light"] .account-type-switch > button.active {
  border-color: rgba(240,127,0,.48) !important;
  background: #fff1df !important;
  color: var(--gt-heading) !important;
  box-shadow: 0 .75rem 1.8rem rgba(240,127,0,.08) !important;
}
html[data-theme="light"] .account-type-switch > button > i { background: #fff !important; color: var(--gt-muted) !important; }
html[data-theme="light"] .account-type-switch > button.active > i { background: #ffd7a5 !important; color: #8c4100 !important; }
html[data-theme="light"] .account-profile-fields label > span { color: var(--gt-muted) !important; }
html[data-theme="light"] .account-profile-fields input {
  border-color: var(--gt-line) !important;
  background: #f7f8fb !important;
  color: var(--gt-heading) !important;
}
html[data-theme="light"] .account-profile-fields input:focus { border-color: var(--gt-accent) !important; box-shadow: 0 0 0 3px rgba(240,127,0,.09) !important; }
html[data-theme="light"] .account-profile-save { background: linear-gradient(135deg,#ff941a,#f07f00) !important; color: #fff !important; }
html[data-theme="light"] .coupon-empty-state {
  background: radial-gradient(circle at 0 50%,rgba(255,145,24,.11),transparent 16rem),#fff !important;
}

html[data-theme="dark"] .customer-account-page { background: var(--gt-page-bg) !important; }
html[data-theme="dark"] .account-hero {
  background: radial-gradient(circle at 92% 0,rgba(255,145,24,.14),transparent 20rem),linear-gradient(145deg,#12365f,#0a2347) !important;
}
html[data-theme="dark"] .account-avatar { background: #12355f !important; box-shadow: 0 .9rem 2rem rgba(0,8,24,.28),0 0 0 .3rem rgba(255,151,45,.07) !important; }
html[data-theme="dark"] .account-avatar span { background: #0a2142 !important; }
html[data-theme="dark"] .account-nav,
html[data-theme="dark"] .account-panel,
html[data-theme="dark"] .account-metrics article,
html[data-theme="dark"] .latest-order-card,
html[data-theme="dark"] .account-profile-form,
html[data-theme="dark"] .account-security-inline > button,
html[data-theme="dark"] .address-card,
html[data-theme="dark"] .coupon-card,
html[data-theme="dark"] .customer-order-card {
  background: #0c274d !important;
  box-shadow: var(--gt-soft-shadow) !important;
}
html[data-theme="dark"] .account-nav button { color: var(--gt-muted) !important; }
html[data-theme="dark"] .account-nav button.active {
  border: 1px solid rgba(255,151,45,.3) !important;
  background: #153e6b !important;
  color: #fff !important;
}
html[data-theme="dark"] .account-nav button i,
html[data-theme="dark"] .account-nav button b { background: rgba(127,178,232,.1) !important; }
html[data-theme="dark"] .account-help-card {
  border-color: rgba(255,151,45,.24) !important;
  background: radial-gradient(circle at 100% 0,rgba(255,145,24,.13),transparent 13rem),linear-gradient(145deg,#12365f,#0a2347) !important;
}
html[data-theme="dark"] .account-help-card h3,
html[data-theme="dark"] .account-section-head h2,
html[data-theme="dark"] .account-metrics strong,
html[data-theme="dark"] .empty-account-state strong,
html[data-theme="dark"] .coupon-empty-state strong,
html[data-theme="dark"] .account-type-switch strong,
html[data-theme="dark"] .account-security-inline strong { color: var(--gt-heading) !important; }
html[data-theme="dark"] .account-help-card p,
html[data-theme="dark"] .account-section-head > p,
html[data-theme="dark"] .account-metrics small,
html[data-theme="dark"] .account-metrics em,
html[data-theme="dark"] .coupon-empty-state p,
html[data-theme="dark"] .account-type-switch small,
html[data-theme="dark"] .account-security-inline small { color: var(--gt-muted) !important; }
html[data-theme="dark"] .account-type-switch > button {
  border-color: var(--gt-line) !important;
  background: #102f59 !important;
  color: var(--gt-muted) !important;
}
html[data-theme="dark"] .account-type-switch > button.active {
  border-color: rgba(255,151,45,.48) !important;
  background: linear-gradient(135deg,rgba(255,145,24,.12),#153e6b) !important;
  color: #fff !important;
}
html[data-theme="dark"] .account-type-switch > button > i { background: #153e6b !important; }
html[data-theme="dark"] .account-type-switch > button.active > i { background: rgba(255,145,24,.16) !important; color: #ffb45e !important; }
html[data-theme="dark"] .account-profile-fields input {
  border-color: var(--gt-line) !important;
  background: #0a2142 !important;
  color: #fff !important;
}
html[data-theme="dark"] .account-profile-fields input:focus { border-color: var(--gt-accent) !important; box-shadow: 0 0 0 3px rgba(255,151,45,.1) !important; }
html[data-theme="dark"] .account-profile-save { background: linear-gradient(135deg,#ff941a,#f07f00) !important; color: #fff !important; }
html[data-theme="dark"] .coupon-empty-state {
  border-color: rgba(255,151,45,.24) !important;
  background: radial-gradient(circle at 0 50%,rgba(255,145,24,.1),transparent 16rem),#0c274d !important;
}

/* Favorites and cart — keep the storefront palette consistent in both themes. */
.favorites-hero,
.favorite-product-card,
.cart-products-surface,
.cart-summary,
.cart-page .cart-product-card,
.checkout-confirmation {
  border-color: var(--gt-line) !important;
  color: var(--gt-text) !important;
}

html[data-theme="light"] .favorites-hero {
  background:
    radial-gradient(circle at 84% 35%,rgba(255,145,24,.14),transparent 19rem),
    linear-gradient(145deg,#fffaf4,#fff) !important;
  box-shadow: var(--gt-soft-shadow) !important;
}
html[data-theme="light"] .favorites-hero h1,
html[data-theme="light"] .favorite-product-copy h2,
html[data-theme="light"] .favorite-product-bottom strong,
html[data-theme="light"] .cart-section-header h2,
html[data-theme="light"] .cart-summary h2,
html[data-theme="light"] .cart-summary-lines strong,
html[data-theme="light"] .cart-summary-total > strong,
html[data-theme="light"] .cart-trust-list strong { color: var(--gt-heading) !important; }
html[data-theme="light"] .favorites-hero p,
html[data-theme="light"] .favorite-product-copy p,
html[data-theme="light"] .cart-line-price small,
html[data-theme="light"] .cart-summary-lines span,
html[data-theme="light"] .cart-summary-total span,
html[data-theme="light"] .cart-summary-total small,
html[data-theme="light"] .cart-checkout-note,
html[data-theme="light"] .cart-trust-list small { color: var(--gt-muted) !important; }
html[data-theme="light"] .favorite-product-card,
html[data-theme="light"] .cart-products-surface,
html[data-theme="light"] .cart-summary {
  background: #fff !important;
  box-shadow: var(--gt-soft-shadow) !important;
}
html[data-theme="light"] .favorite-product-card:hover { background: #fffaf5 !important; }
html[data-theme="light"] .cart-page .cart-product-card {
  background: #f7f8fb !important;
  box-shadow: none !important;
}
html[data-theme="light"] .favorite-product-bottom,
html[data-theme="light"] .cart-section-header,
html[data-theme="light"] .cart-summary-lines,
html[data-theme="light"] .cart-trust-list { border-color: var(--gt-line) !important; }
html[data-theme="light"] .cart-section-header > strong,
html[data-theme="light"] .cart-quantity { background: #eef1f5 !important; color: var(--gt-heading) !important; }
html[data-theme="light"] .cart-quantity b { color: var(--gt-heading) !important; }
html[data-theme="light"] .cart-quantity button { color: var(--gt-muted) !important; }
html[data-theme="light"] .cart-quantity button:hover { background: #fff !important; color: var(--gt-accent) !important; }

html[data-theme="dark"] .favorites-hero {
  background:
    radial-gradient(circle at 84% 35%,rgba(255,145,24,.14),transparent 19rem),
    linear-gradient(145deg,#12365f,#0a2347) !important;
  box-shadow: var(--gt-soft-shadow) !important;
}
html[data-theme="dark"] .favorites-hero h1,
html[data-theme="dark"] .favorite-product-copy h2,
html[data-theme="dark"] .favorite-product-bottom strong,
html[data-theme="dark"] .cart-section-header h2,
html[data-theme="dark"] .cart-summary h2,
html[data-theme="dark"] .cart-summary-lines strong,
html[data-theme="dark"] .cart-summary-total > strong,
html[data-theme="dark"] .cart-trust-list strong { color: var(--gt-heading) !important; }
html[data-theme="dark"] .favorites-hero p,
html[data-theme="dark"] .favorite-product-copy p,
html[data-theme="dark"] .cart-line-price small,
html[data-theme="dark"] .cart-summary-lines span,
html[data-theme="dark"] .cart-summary-total span,
html[data-theme="dark"] .cart-summary-total small,
html[data-theme="dark"] .cart-checkout-note,
html[data-theme="dark"] .cart-trust-list small { color: var(--gt-muted) !important; }
html[data-theme="dark"] .favorite-product-card,
html[data-theme="dark"] .cart-products-surface,
html[data-theme="dark"] .cart-summary {
  background: linear-gradient(155deg,#102f59,#0a2142) !important;
  box-shadow: var(--gt-soft-shadow) !important;
}
html[data-theme="dark"] .favorite-product-card:hover { background: linear-gradient(155deg,#153e6b,#0c294f) !important; }
html[data-theme="dark"] .cart-page .cart-product-card {
  background: #12355f !important;
  box-shadow: none !important;
}
html[data-theme="dark"] .favorite-product-bottom,
html[data-theme="dark"] .cart-section-header,
html[data-theme="dark"] .cart-summary-lines,
html[data-theme="dark"] .cart-trust-list { border-color: var(--gt-line) !important; }
html[data-theme="dark"] .cart-section-header > strong,
html[data-theme="dark"] .cart-quantity { background: #153e6b !important; color: var(--gt-heading) !important; }
html[data-theme="dark"] .cart-quantity b { color: var(--gt-heading) !important; }
html[data-theme="dark"] .cart-quantity button { color: var(--gt-muted) !important; }
html[data-theme="dark"] .cart-quantity button:hover { background: #1b4b7c !important; color: #ffb45e !important; }

/* Checkout controls — remove the remaining charcoal/brown components. */
html[data-theme="light"] .checkout-option,
html[data-theme="light"] .checkout-address-option,
html[data-theme="light"] .checkout-summary .checkout-confirmation {
  border-color: var(--gt-line) !important;
  background: #fff !important;
  color: var(--gt-text) !important;
}
html[data-theme="light"] .checkout-option:hover,
html[data-theme="light"] .checkout-address-option:hover,
html[data-theme="light"] .checkout-summary .checkout-confirmation:hover { background: #fffaf5 !important; }
html[data-theme="light"] .checkout-option.is-selected,
html[data-theme="light"] .checkout-option:has(input:checked),
html[data-theme="light"] .checkout-address-option.is-selected {
  border-color: rgba(255,133,0,.48) !important;
  background: linear-gradient(135deg,#fff1df,#fff9f2) !important;
}
html[data-theme="light"] .checkout-option-icon,
html[data-theme="light"] .checkout-address-option-icon { background: #f0f2f6 !important; }
html[data-theme="light"] .checkout-confirmation strong { color: var(--gt-heading) !important; }
html[data-theme="light"] .checkout-confirmation small { color: var(--gt-muted) !important; }

html[data-theme="dark"] .checkout-customer-type > button,
html[data-theme="dark"] .checkout-option,
html[data-theme="dark"] .checkout-address-option,
html[data-theme="dark"] .checkout-summary .checkout-confirmation {
  border-color: var(--gt-line) !important;
  background: #0a2142 !important;
  color: var(--gt-text) !important;
}
html[data-theme="dark"] .checkout-customer-type > button:hover,
html[data-theme="dark"] .checkout-option:hover,
html[data-theme="dark"] .checkout-address-option:hover,
html[data-theme="dark"] .checkout-summary .checkout-confirmation:hover { background: #12355f !important; }
html[data-theme="dark"] .checkout-customer-type > button.is-active,
html[data-theme="dark"] .checkout-option.is-selected,
html[data-theme="dark"] .checkout-option:has(input:checked),
html[data-theme="dark"] .checkout-address-option.is-selected {
  border-color: rgba(255,151,45,.52) !important;
  background: linear-gradient(135deg,rgba(255,145,24,.1),#153e6b) !important;
  color: #fff !important;
}
html[data-theme="dark"] .checkout-customer-type > button > i,
html[data-theme="dark"] .checkout-option-icon,
html[data-theme="dark"] .checkout-address-option-icon { background: #153e6b !important; }
html[data-theme="dark"] .checkout-customer-type > button.is-active > i,
html[data-theme="dark"] .checkout-option.is-selected .checkout-option-icon,
html[data-theme="dark"] .checkout-option:has(input:checked) .checkout-option-icon { background: rgba(255,145,24,.15) !important; }
html[data-theme="dark"] .checkout-confirmation:has(> input:checked) {
  border-color: rgba(52,211,153,.38) !important;
  background: radial-gradient(circle at 0 50%,rgba(52,211,153,.1),transparent 10rem),#0c2c4e !important;
}
html[data-theme="dark"] .checkout-confirmation strong { color: var(--gt-heading) !important; }
html[data-theme="dark"] .checkout-confirmation small { color: var(--gt-muted) !important; }

/* Order tracking — clear the fixed navbar and replace the isolated charcoal skin. */
.tracking-page > main {
  box-sizing: border-box !important;
  margin-top: 0 !important;
  padding-top: 7.25rem !important;
}
.tracking-page .tracking-hero,
.tracking-page .tracking-search,
.tracking-page .tracking-state,
.tracking-page .tracking-progress,
.tracking-page .tracking-receipt,
.tracking-page .tracking-timeline,
.tracking-page .tracking-step-copy,
.tracking-page .cancellation-sheet,
.tracking-page .return-sheet {
  border-color: var(--gt-line) !important;
  color: var(--gt-text) !important;
}
.tracking-page .tracking-hero h1,
.tracking-page .tracking-search-head h2,
.tracking-page .tracking-result-head h2,
.tracking-page .tracking-step-copy strong,
.tracking-page .tracking-item strong,
.tracking-page .tracking-item > b,
.tracking-page .tracking-totals p.total,
.tracking-page .tracking-totals p.total strong { color: var(--gt-heading) !important; }
.tracking-page .tracking-hero-copy > p,
.tracking-page .tracking-form-note,
.tracking-page .tracking-state p,
.tracking-page .tracking-step-copy p,
.tracking-page .tracking-step-copy time,
.tracking-page .tracking-item small,
.tracking-page .tracking-totals p { color: var(--gt-muted) !important; }

html[data-theme="dark"] .tracking-page .tracking-hero {
  background:
    radial-gradient(circle at 8% 100%,rgba(255,145,24,.12),transparent 25rem),
    linear-gradient(135deg,#12365f,#0a2347) !important;
  box-shadow: var(--gt-shadow) !important;
}
html[data-theme="dark"] .tracking-page .tracking-search,
html[data-theme="dark"] .tracking-page .tracking-state,
html[data-theme="dark"] .tracking-page .tracking-progress,
html[data-theme="dark"] .tracking-page .tracking-receipt,
html[data-theme="dark"] .tracking-page .cancellation-sheet,
html[data-theme="dark"] .tracking-page .return-sheet {
  background: linear-gradient(145deg,#102f59,#0a2142) !important;
  box-shadow: var(--gt-soft-shadow) !important;
}
html[data-theme="dark"] .tracking-page .tracking-field,
html[data-theme="dark"] .tracking-page .tracking-timeline,
html[data-theme="dark"] .tracking-page .tracking-step-copy,
html[data-theme="dark"] .tracking-page .tracking-help,
html[data-theme="dark"] .tracking-page .return-product-option,
html[data-theme="dark"] .tracking-page .return-estimate {
  border-color: var(--gt-line) !important;
  background: #0a2142 !important;
  color: var(--gt-text) !important;
}
html[data-theme="dark"] .tracking-page .tracking-field:focus-within,
html[data-theme="dark"] .tracking-page .tracking-step.current .tracking-step-copy {
  border-color: rgba(255,151,45,.42) !important;
  background: #12355f !important;
}
html[data-theme="dark"] .tracking-page .tracking-field input,
html[data-theme="dark"] .tracking-page .return-sheet textarea,
html[data-theme="dark"] .tracking-page .return-sheet input,
html[data-theme="dark"] .tracking-page .return-product-option select {
  color: var(--gt-heading) !important;
  background: transparent !important;
}

html[data-theme="light"] .tracking-page .tracking-hero {
  background:
    radial-gradient(circle at 8% 100%,rgba(255,145,24,.11),transparent 25rem),
    linear-gradient(145deg,#fffaf4,#fff) !important;
  box-shadow: var(--gt-shadow) !important;
}
html[data-theme="light"] .tracking-page .tracking-search,
html[data-theme="light"] .tracking-page .tracking-state,
html[data-theme="light"] .tracking-page .tracking-progress,
html[data-theme="light"] .tracking-page .tracking-receipt,
html[data-theme="light"] .tracking-page .cancellation-sheet,
html[data-theme="light"] .tracking-page .return-sheet {
  background: #fff !important;
  box-shadow: var(--gt-soft-shadow) !important;
}
html[data-theme="light"] .tracking-page .tracking-field,
html[data-theme="light"] .tracking-page .tracking-timeline,
html[data-theme="light"] .tracking-page .tracking-step-copy,
html[data-theme="light"] .tracking-page .tracking-help,
html[data-theme="light"] .tracking-page .return-product-option,
html[data-theme="light"] .tracking-page .return-estimate {
  border-color: var(--gt-line) !important;
  background: #f3f5f8 !important;
  color: var(--gt-text) !important;
}
html[data-theme="light"] .tracking-page .tracking-field:focus-within,
html[data-theme="light"] .tracking-page .tracking-step.current .tracking-step-copy {
  border-color: rgba(255,133,0,.38) !important;
  background: #fff8ef !important;
}
html[data-theme="light"] .tracking-page .tracking-field input,
html[data-theme="light"] .tracking-page .return-sheet textarea,
html[data-theme="light"] .tracking-page .return-sheet input,
html[data-theme="light"] .tracking-page .return-product-option select {
  color: var(--gt-heading) !important;
  background: transparent !important;
}

/* Empty favorites/cart states are genuine page cards, not dark-theme islands. */
.favorites-page .favorites-empty,
.cart-page .favorites-empty {
  border-color: var(--gt-line) !important;
  color: var(--gt-text) !important;
  box-shadow: var(--gt-soft-shadow) !important;
}
html[data-theme="light"] .favorites-page .favorites-empty,
html[data-theme="light"] .cart-page .favorites-empty {
  background: radial-gradient(circle at 50% 22%,rgba(255,145,24,.1),transparent 20rem),linear-gradient(145deg,#fff,#f7f9fc) !important;
}
html[data-theme="dark"] .favorites-page .favorites-empty,
html[data-theme="dark"] .cart-page .favorites-empty {
  background: radial-gradient(circle at 50% 22%,rgba(255,145,24,.12),transparent 20rem),linear-gradient(145deg,#12365f,#0a2347) !important;
}
.favorites-page .favorites-empty h2,
.cart-page .favorites-empty h2 { color: var(--gt-heading) !important; }
.favorites-page .favorites-empty p,
.cart-page .favorites-empty p { color: var(--gt-muted) !important; }
.favorites-page .favorites-empty-icon,
.cart-page .favorites-empty-icon {
  border: 1px solid color-mix(in srgb,var(--gt-accent) 22%,var(--gt-line)) !important;
  background: color-mix(in srgb,var(--gt-accent) 10%,var(--gt-surface-2)) !important;
  color: var(--gt-accent) !important;
}

@media (max-width: 820px) {
  .tracking-page > main { padding-top: 5.9rem !important; }
}

/* Loading states must match the active theme instead of flashing the legacy skin. */
.cart-loading-state,
.favorites-loading {
  border-color: var(--gt-line) !important;
  color: var(--gt-text) !important;
}
html[data-theme="light"] .cart-loading-state,
html[data-theme="light"] .favorites-loading {
  background: radial-gradient(circle at 50% 8%,rgba(255,145,24,.12),transparent 18rem),linear-gradient(145deg,#fffaf4,#fff) !important;
  box-shadow: var(--gt-soft-shadow) !important;
}
html[data-theme="light"] .cart-loading-state h2,
html[data-theme="light"] .favorites-loading h3 { color: var(--gt-heading) !important; }
html[data-theme="light"] .cart-loading-state p,
html[data-theme="light"] .favorites-loading p { color: var(--gt-muted) !important; }
html[data-theme="light"] .cart-loading-orbit { background: #fff !important; }
html[data-theme="light"] .cart-loading-progress,
html[data-theme="light"] .catalog-loading-progress { background: #e8ebf0 !important; }

html[data-theme="dark"] .cart-loading-state,
html[data-theme="dark"] .favorites-loading {
  background: radial-gradient(circle at 50% 8%,rgba(255,145,24,.13),transparent 18rem),linear-gradient(145deg,#12365f,#0a2347) !important;
  box-shadow: var(--gt-soft-shadow) !important;
}
html[data-theme="dark"] .cart-loading-state h2,
html[data-theme="dark"] .favorites-loading h3 { color: var(--gt-heading) !important; }
html[data-theme="dark"] .cart-loading-state p,
html[data-theme="dark"] .favorites-loading p { color: var(--gt-muted) !important; }
html[data-theme="dark"] .cart-loading-orbit { background: #0a2142 !important; }
html[data-theme="dark"] .cart-loading-progress,
html[data-theme="dark"] .catalog-loading-progress { background: rgba(186,211,245,.14) !important; }

/* Generated guide collections. */
.guide-card {
  border-color: var(--gt-line) !important;
  color: var(--gt-text) !important;
  box-shadow: var(--gt-soft-shadow) !important;
}
.guide-card strong { color: var(--gt-heading) !important; }
.guide-card span { color: var(--gt-muted) !important; }
html[data-theme="light"] .guide-card { background: linear-gradient(145deg,#fff,#f7f9fc) !important; }
html[data-theme="light"] .guide-card:hover,
html[data-theme="light"] .guide-card:focus-visible {
  border-color: rgba(255,133,0,.38) !important;
  background: linear-gradient(145deg,#fff8ef,#fff) !important;
}
html[data-theme="dark"] .guide-card { background: linear-gradient(145deg,#12365f,#0a2347) !important; }
html[data-theme="dark"] .guide-card:hover,
html[data-theme="dark"] .guide-card:focus-visible {
  border-color: rgba(255,151,45,.38) !important;
  background: linear-gradient(145deg,#153e6b,#0b294f) !important;
}

/* Legal documents and consent dialog use the same surfaces as the storefront. */
html[data-theme="light"] .legal-card,
html[data-theme="light"] .legal-nav {
  background: #fff !important;
  box-shadow: var(--gt-soft-shadow) !important;
}
html[data-theme="light"] .legal-data div,
html[data-theme="light"] .legal-live-list > article { background: #f4f6f9 !important; }
html[data-theme="dark"] .legal-card,
html[data-theme="dark"] .legal-nav {
  border-color: var(--gt-line) !important;
  background: linear-gradient(145deg,#102f59,#0a2142) !important;
  box-shadow: var(--gt-soft-shadow) !important;
}
html[data-theme="dark"] .legal-data div,
html[data-theme="dark"] .legal-live-list > article {
  border-color: var(--gt-line) !important;
  background: #12355f !important;
}

html[data-theme="light"] .gt-cookie-card {
  border-color: var(--gt-line) !important;
  background: #fff !important;
  color: var(--gt-text) !important;
  box-shadow: var(--gt-shadow) !important;
}
html[data-theme="light"] .gt-cookie-card > p,
html[data-theme="light"] .gt-cookie-card > a,
html[data-theme="light"] .gt-cookie-details small { color: var(--gt-muted) !important; }
html[data-theme="light"] .gt-cookie-details label,
html[data-theme="light"] .gt-cookie-actions button {
  border-color: var(--gt-line) !important;
  background: #f3f5f8 !important;
  color: var(--gt-text) !important;
}
html[data-theme="dark"] .gt-cookie-card {
  border-color: var(--gt-line) !important;
  background: linear-gradient(145deg,#102f59,#0a2142) !important;
  color: var(--gt-text) !important;
  box-shadow: var(--gt-shadow) !important;
}
html[data-theme="dark"] .gt-cookie-card > p,
html[data-theme="dark"] .gt-cookie-card > a,
html[data-theme="dark"] .gt-cookie-details small { color: var(--gt-muted) !important; }
html[data-theme="dark"] .gt-cookie-details label,
html[data-theme="dark"] .gt-cookie-actions button {
  border-color: var(--gt-line) !important;
  background: #12355f !important;
  color: var(--gt-text) !important;
}

/* Return flow — remove the remaining brown/charcoal standalone palette. */
.return-page .return-hero-visual,
.return-page .return-assurance,
.return-page .return-panel {
  border-color: var(--gt-line) !important;
  color: var(--gt-text) !important;
}
.return-page .return-page__copy h1,
.return-page .return-assurance h2,
.return-page .return-step h2,
.return-page .return-assurance__list strong { color: var(--gt-heading) !important; }
.return-page .return-page__copy > p,
.return-page .return-assurance > p,
.return-page .return-assurance__list small,
.return-page .return-step header p,
.return-page .return-note { color: var(--gt-muted) !important; }

html[data-theme="light"] .return-page .return-hero-visual,
html[data-theme="light"] .return-page .return-assurance,
html[data-theme="light"] .return-page .return-panel {
  background: radial-gradient(circle at 100% 0,rgba(255,145,24,.1),transparent 17rem),#fff !important;
  box-shadow: var(--gt-soft-shadow) !important;
}
html[data-theme="light"] .return-page .return-hero-visual__card {
  border-color: var(--gt-line) !important;
  background: rgba(255,255,255,.9) !important;
  color: var(--gt-text) !important;
}
html[data-theme="light"] .return-page .return-hero-visual__card strong { color: var(--gt-heading) !important; }
html[data-theme="light"] .return-page .return-hero-visual__card span { color: var(--gt-muted) !important; }
html[data-theme="light"] .return-page .return-step input,
html[data-theme="light"] .return-page .return-step textarea,
html[data-theme="light"] .return-page .return-step select { background: #f3f5f8 !important; color: var(--gt-heading) !important; }

html[data-theme="dark"] .return-page .return-hero-visual,
html[data-theme="dark"] .return-page .return-assurance,
html[data-theme="dark"] .return-page .return-panel {
  background: radial-gradient(circle at 100% 0,rgba(255,145,24,.12),transparent 17rem),linear-gradient(145deg,#12365f,#0a2347) !important;
  box-shadow: var(--gt-soft-shadow) !important;
}
html[data-theme="dark"] .return-page .return-hero-visual__card {
  border-color: var(--gt-line) !important;
  background: rgba(10,33,66,.9) !important;
  color: var(--gt-text) !important;
}
html[data-theme="dark"] .return-page .return-hero-visual__card strong { color: var(--gt-heading) !important; }
html[data-theme="dark"] .return-page .return-hero-visual__card span { color: var(--gt-muted) !important; }
html[data-theme="dark"] .return-page .return-step input,
html[data-theme="dark"] .return-page .return-step textarea,
html[data-theme="dark"] .return-page .return-step select { background: #0a2142 !important; color: var(--gt-heading) !important; }

.return-page .return-intro__facts span,
.return-page .return-progress span b {
  border-color: var(--gt-line) !important;
  color: var(--gt-text) !important;
}
html[data-theme="light"] .return-page .return-intro__facts span {
  background: #fff !important;
  color: var(--gt-heading) !important;
  box-shadow: 0 .55rem 1.5rem rgba(40,48,61,.06) !important;
}
html[data-theme="light"] .return-page .return-progress span b {
  background: #eef1f5 !important;
  color: var(--gt-muted) !important;
}
html[data-theme="light"] .return-page .return-progress span.active b {
  border-color: var(--gt-accent) !important;
  background: var(--gt-accent) !important;
  color: #fff !important;
}
html[data-theme="dark"] .return-page .return-intro__facts span,
html[data-theme="dark"] .return-page .return-progress span b {
  background: #12355f !important;
  color: var(--gt-text) !important;
}
html[data-theme="dark"] .return-page .return-progress span.active b {
  border-color: var(--gt-accent) !important;
  background: var(--gt-accent) !important;
  color: #fff !important;
}

html[data-theme] .gt-cookie-actions button.primary {
  border-color: #ff7a1a !important;
  background: linear-gradient(135deg,#ff8a2c,#f36c0b) !important;
  color: #fff !important;
  box-shadow: 0 8px 22px rgba(243,108,11,.18) !important;
}

/* Store filters: native controls were deliberately hidden by the legacy skin.
   Restore an explicit checkbox and a discoverable scrollbar in both themes. */
.brand-filter input[type="checkbox"] {
  width: 1.12rem !important;
  height: 1.12rem !important;
  display: grid !important;
  place-content: center !important;
  flex: 0 0 1.12rem !important;
  border: 1.5px solid var(--gt-line-strong) !important;
  border-radius: .34rem !important;
  background: var(--gt-surface) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.18) !important;
  cursor: pointer !important;
}
.brand-filter input[type="checkbox"]::before {
  width: .32rem;
  height: .58rem;
  content: "";
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: translateY(-.04rem) rotate(45deg) scale(0);
  transform-origin: center;
  transition: transform 130ms ease;
}
.brand-filter input[type="checkbox"]:checked {
  border-color: var(--gt-accent) !important;
  background: linear-gradient(145deg,#ff9a2d,#f27600) !important;
  box-shadow: 0 0 0 .18rem rgba(255,133,0,.12) !important;
}
.brand-filter input[type="checkbox"]:checked::before { transform: translateY(-.04rem) rotate(45deg) scale(1); }
.brand-filter input[type="checkbox"]:focus-visible {
  outline: 3px solid rgba(255,133,0,.23) !important;
  outline-offset: 2px !important;
}
.brand-filter label { color: var(--gt-text) !important; }
.brand-filter label:hover { background: color-mix(in srgb,var(--gt-accent) 7%,var(--gt-surface-2)) !important; color: var(--gt-heading) !important; }
.brand-filter label:has(input:checked) { color: var(--gt-heading) !important; }

.filters-panel,
.compatibility-filter .filter-options-scroll,
.manufacturer-filter .filter-options-scroll {
  scrollbar-width: thin !important;
  scrollbar-color: color-mix(in srgb,var(--gt-accent) 78%,var(--gt-muted)) color-mix(in srgb,var(--gt-surface-2) 86%,transparent) !important;
}
.filters-panel::-webkit-scrollbar,
.compatibility-filter .filter-options-scroll::-webkit-scrollbar,
.manufacturer-filter .filter-options-scroll::-webkit-scrollbar {
  width: .48rem !important;
  display: block !important;
}
.filters-panel::-webkit-scrollbar-track,
.compatibility-filter .filter-options-scroll::-webkit-scrollbar-track,
.manufacturer-filter .filter-options-scroll::-webkit-scrollbar-track {
  border-radius: 999px !important;
  background: color-mix(in srgb,var(--gt-surface-2) 86%,transparent) !important;
}
.filters-panel::-webkit-scrollbar-thumb,
.compatibility-filter .filter-options-scroll::-webkit-scrollbar-thumb,
.manufacturer-filter .filter-options-scroll::-webkit-scrollbar-thumb {
  min-height: 2.75rem;
  border: 2px solid transparent !important;
  border-radius: 999px !important;
  background: linear-gradient(var(--gt-accent),var(--gt-accent)) padding-box !important;
}

/* Smart search must keep readable hierarchy in the light storefront. */
.smart-search-head,
.smart-search-footer { border-color: var(--gt-line) !important; }
.smart-search-head b,
.smart-search-section-head strong,
.smart-search-popular button strong,
.smart-search-result-copy > strong,
.smart-search-empty strong { color: var(--gt-heading) !important; }
.smart-search-head small,
.smart-search-section-head small,
.smart-search-popular button small,
.smart-search-result-copy > small,
.smart-search-result-copy > span,
.smart-search-empty p,
.smart-search-footer > small { color: var(--gt-muted) !important; }
.smart-search-head > button,
.smart-search-footer > button,
.smart-search-popular button {
  border-color: var(--gt-line) !important;
  color: var(--gt-text) !important;
}
html[data-theme="light"] .smart-search-head,
html[data-theme="light"] .smart-search-footer { background: #fff !important; }
html[data-theme="light"] .smart-search-content { background: linear-gradient(180deg,#fbfcfe,#f6f8fb) !important; }
html[data-theme="light"] .smart-search-popular button,
html[data-theme="light"] .smart-search-head > button,
html[data-theme="light"] .smart-search-footer > button { background: #fff !important; }
html[data-theme="light"] .smart-search-popular button:hover,
html[data-theme="light"] .smart-search-popular button:focus-visible,
html[data-theme="light"] .smart-search-popular button.is-active {
  border-color: rgba(255,133,0,.38) !important;
  background: #fff5e9 !important;
}
html[data-theme="dark"] .smart-search-head,
html[data-theme="dark"] .smart-search-content,
html[data-theme="dark"] .smart-search-footer { background: #0a2142 !important; }
html[data-theme="dark"] .smart-search-popular button,
html[data-theme="dark"] .smart-search-head > button,
html[data-theme="dark"] .smart-search-footer > button { background: #12355f !important; }

/* Official company card: legal.css uses prefers-color-scheme variables which can
   disagree with the explicit site theme. Scope every text role to our theme. */
.gt-company-profile__heading h2,
.gt-company-profile__grid dd { color: var(--gt-heading) !important; }
.gt-company-profile__heading p,
.gt-company-profile__grid dt { color: var(--gt-muted) !important; }
.gt-company-profile__heading > span { color: var(--gt-accent) !important; }
.gt-company-profile__grid > div {
  border-color: var(--gt-line) !important;
  color: var(--gt-text) !important;
}
html[data-theme="light"] .gt-company-profile__grid > div { background: #f5f7fa !important; }
html[data-theme="dark"] .gt-company-profile__grid > div { background: #12355f !important; }
.legal-card a.legal-action {
  border-color: rgba(255,133,0,.48) !important;
  background: linear-gradient(135deg,#ff922f,#ea6d13) !important;
  color: #fff !important;
  text-shadow: 0 1px 1px rgba(86,31,0,.22) !important;
}

/* Return illustration protection badge.  Keep it a compact glass pill; the
   generic i-element rules on the page must not enlarge its icon. */
.return-page .return-hero-visual__chip {
  min-width: 10.2rem !important;
  padding: .48rem .72rem .48rem .5rem !important;
  display: grid !important;
  grid-template-columns: 2.05rem minmax(0,1fr) !important;
  align-items: center !important;
  gap: .58rem !important;
  border: 1px solid rgba(35,190,135,.32) !important;
  border-radius: 999px !important;
  color: var(--gt-text) !important;
  box-shadow: 0 .9rem 2rem rgba(16,54,43,.14) !important;
  -webkit-backdrop-filter: blur(16px) saturate(130%) !important;
  backdrop-filter: blur(16px) saturate(130%) !important;
}
.return-page .return-hero-visual__chip > i {
  width: 2.05rem !important;
  height: 2.05rem !important;
  display: grid !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #20b984 !important;
  color: #fff !important;
  box-shadow: 0 .45rem 1rem rgba(32,185,132,.22) !important;
}
.return-page .return-hero-visual__chip > i::before,
.return-page .return-hero-visual__chip > i::after { display: none !important; }
.return-page .return-hero-visual__chip > i svg {
  width: 1.12rem !important;
  height: 1.12rem !important;
  display: block !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
}
.return-page .return-hero-visual__chip > span { min-width: 0; display: grid !important; gap: .06rem !important; }
.return-page .return-hero-visual__chip strong { color: var(--gt-heading) !important; font-size: .66rem !important; line-height: 1.15 !important; white-space: nowrap; }
.return-page .return-hero-visual__chip small { color: var(--gt-muted) !important; font-size: .48rem !important; line-height: 1.2 !important; white-space: nowrap; }
html[data-theme="light"] .return-page .return-hero-visual__chip { background: rgba(255,255,255,.91) !important; }
html[data-theme="dark"] .return-page .return-hero-visual__chip { background: rgba(9,38,69,.91) !important; }

/* Checkout: remove dark thumbnail wells and restore contrast for informational
   labels that are not disabled controls. */
html[data-theme="light"] .checkout-summary-item-image {
  border-color: var(--gt-line) !important;
  background-color: #fff !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.9) !important;
}
html[data-theme="dark"] .checkout-summary-item-image {
  border-color: var(--gt-line) !important;
  background-color: #f6f3ef !important;
}
html[data-theme="light"] .checkout-address-book {
  border-color: rgba(255,133,0,.2) !important;
  background: radial-gradient(circle at 0 0,rgba(255,133,0,.09),transparent 15rem),#fff !important;
}
html[data-theme="light"] .checkout-address-book > header > span,
html[data-theme="light"] .checkout-address-book > header b,
html[data-theme="light"] .checkout-address-option-copy strong,
html[data-theme="light"] .checkout-company-fields header strong,
html[data-theme="light"] .checkout-security strong { color: var(--gt-heading) !important; opacity: 1 !important; }
html[data-theme="light"] .checkout-address-book > header small,
html[data-theme="light"] .checkout-address-option-copy small,
html[data-theme="light"] .checkout-company-fields header small,
html[data-theme="light"] .checkout-security small { color: var(--gt-muted) !important; opacity: 1 !important; }
html[data-theme="light"] .checkout-address-option {
  border-color: var(--gt-line) !important;
  background: #fff !important;
  color: var(--gt-text) !important;
}
html[data-theme="light"] .checkout-address-option:hover { background: #fffaf5 !important; }
html[data-theme="light"] .checkout-address-option-icon { border-color: var(--gt-line) !important; background: #f3f5f8 !important; }
html[data-theme="light"] .checkout-company-fields header > span { background: #ffe8d2 !important; color: #a34b00 !important; opacity: 1 !important; }
html[data-theme="light"] .checkout-security {
  border-color: var(--gt-line) !important;
  background: #fff !important;
  color: var(--gt-text) !important;
}

/* Homepage map: treat the SVG as an illustration panel rather than a black
   silhouette floating on the page. */
.romania-map .map-stage {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-theme="light"] .romania-map,
html[data-theme="dark"] .romania-map { width: min(27rem,100%) !important; }
html[data-theme="light"] .romania-map .map-stage {
  background:
    radial-gradient(circle at 69% 76%,rgba(255,133,0,.18),transparent 7.5rem),
    radial-gradient(ellipse at 50% 55%,rgba(40,76,115,.08),transparent 68%) !important;
}
html[data-theme="light"] .romania-map .map-stage > img {
  opacity: .9 !important;
  filter: invert(.22) sepia(.4) saturate(2.1) hue-rotate(170deg) brightness(.72) contrast(1.05) drop-shadow(0 1.15rem 1.35rem rgba(22,49,79,.22)) !important;
}
html[data-theme="dark"] .romania-map .map-stage {
  background: radial-gradient(circle at 69% 76%,rgba(255,133,0,.13),transparent 12rem) !important;
}
html[data-theme="dark"] .romania-map .map-stage > img {
  opacity: .76 !important;
  filter: invert(.16) sepia(.33) saturate(1.35) hue-rotate(171deg) brightness(1.15) drop-shadow(0 1.2rem 1.8rem rgba(0,8,24,.28)) !important;
}
.romania-map .map-legend { border-color: var(--gt-line) !important; background: var(--gt-card-solid) !important; color: var(--gt-text) !important; box-shadow: var(--gt-soft-shadow) !important; }
.romania-map .map-zoom-card {
  display: grid !important;
  width: min(17rem, 72vw) !important;
  padding: .72rem !important;
  grid-template-columns: 4.35rem minmax(0,1fr) !important;
  gap: .7rem !important;
  border-color: color-mix(in srgb,var(--gt-accent) 32%,var(--gt-line)) !important;
  border-radius: 1.15rem !important;
  background: color-mix(in srgb,var(--gt-card-solid) 94%,transparent) !important;
  color: var(--gt-text) !important;
  box-shadow: 0 1.1rem 2.8rem rgba(20,29,42,.18) !important;
  -webkit-backdrop-filter: blur(18px) saturate(140%) !important;
  backdrop-filter: blur(18px) saturate(140%) !important;
}
.romania-map .zoom-canvas { height: 4.35rem !important; background: var(--gt-surface-2) !important; }
.romania-map .zoom-copy strong { color: var(--gt-heading) !important; }
.romania-map .zoom-copy small { color: var(--gt-muted) !important; }
.romania-map .zoom-kicker {
  border-color: color-mix(in srgb,var(--gt-accent) 28%,var(--gt-line)) !important;
  background: var(--gt-card-solid) !important;
  color: var(--gt-accent) !important;
}
html[data-theme="light"] .romania-map .zoom-canvas img {
  filter: invert(.22) sepia(.4) saturate(2.1) hue-rotate(170deg) brightness(.72) contrast(1.05) !important;
}
html[data-theme="dark"] .romania-map .zoom-canvas img {
  filter: invert(.16) sepia(.33) saturate(1.35) hue-rotate(171deg) brightness(1.15) !important;
}

/* The group already has individual cards; remove the second, oversized card
   wrapped around the whole section. */
.service-panel,
.faq-list,
.process-wrap,
.area-card {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
.service-panel,
.faq-list { padding: 0 !important; }
.process-wrap,
.area-card { padding-inline: 0 !important; }
html[data-theme="light"] .service-panel .service-item,
html[data-theme="light"] .faq-list details {
  margin-bottom: .55rem !important;
  border: 1px solid var(--gt-line) !important;
  border-radius: 1.15rem !important;
  background: #fff !important;
  box-shadow: 0 .55rem 1.4rem rgba(35,42,54,.055) !important;
}
html[data-theme="dark"] .service-panel .service-item,
html[data-theme="dark"] .faq-list details {
  margin-bottom: .55rem !important;
  border: 1px solid var(--gt-line) !important;
  border-radius: 1.15rem !important;
  background: #0a2142 !important;
  box-shadow: 0 .65rem 1.6rem rgba(0,8,24,.18) !important;
}
.service-panel .service-item + .service-item { border-top-width: 1px !important; }
.faq-list details:last-child { margin-bottom: 0 !important; }

@media (max-width: 900px) {
  .site-header { padding: .55rem !important; }
  .site-header .header-inner {
    min-height: 3.75rem !important;
    padding: .42rem .5rem .42rem .72rem !important;
    gap: .28rem !important;
    border-radius: 1.35rem !important;
    box-shadow: 0 .75rem 2rem rgba(28,36,48,.1) !important;
  }
  .site-header .logo img {
    width: 2.35rem !important;
    height: 2.35rem !important;
    flex-basis: 2.35rem !important;
    margin-right: .45rem !important;
    border-radius: .72rem !important;
  }
  .site-header .logo b { font-size: .92em !important; }
  .site-header .global-favorites-nav,
  .site-header .global-cart-nav,
  .site-header .menu-toggle {
    width: 2.7rem !important;
    min-width: 2.7rem !important;
    height: 2.7rem !important;
    flex-basis: 2.7rem !important;
    border-radius: .9rem !important;
  }
  html[data-theme="light"] .romania-map,
  html[data-theme="dark"] .romania-map { width: min(23rem,90vw) !important; }

  .customer-auth-page .auth-shell { margin-top: 5.15rem !important; }
  .gt-has-promotion-bar.customer-auth-page .auth-shell {
    margin-top: calc(5.15rem + var(--gt-promotion-height)) !important;
  }
}

/* The location heading is intentionally static. A typewriter cursor looked like
   a detached punctuation mark whenever the page was captured mid-animation. */
.area-city-typewriter::before {
  visibility: visible !important;
  color: var(--gt-accent) !important;
}
.area-city-typewriter-line { display: none !important; }

/* Service product rail follows the public theme instead of the legacy brown skin. */
.service-products-section { border-color: var(--gt-line) !important; color: var(--gt-text) !important; box-shadow: var(--gt-soft-shadow) !important; }
.service-products-heading h2,
.service-product-card__body h3,
.service-product-card__body strong { color: var(--gt-heading) !important; }
.service-products-heading p,
.service-products-hint { color: var(--gt-muted) !important; }
.service-products-shop-button { color: #fff !important; text-shadow: 0 1px 1px rgba(86,31,0,.2) !important; }
html[data-theme="light"] .service-products-section { background: radial-gradient(circle at 90% 0,rgba(255,133,0,.12),transparent 28rem),linear-gradient(145deg,#fff,#f7f9fc) !important; }
html[data-theme="light"] .service-product-card { border-color: var(--gt-line) !important; background: #fff !important; box-shadow: var(--gt-soft-shadow) !important; }
html[data-theme="light"] .service-product-card__visual { background: #f4f6f9 !important; }
html[data-theme="dark"] .service-products-section { background: radial-gradient(circle at 90% 0,rgba(255,133,0,.14),transparent 28rem),linear-gradient(145deg,#102f59,#071d3b) !important; }
html[data-theme="dark"] .service-product-card { border-color: var(--gt-line) !important; background: linear-gradient(155deg,#12355f,#0a2142) !important; box-shadow: var(--gt-soft-shadow) !important; }

/* About page: replace every hard-coded black surface through its own tokens. */
html[data-theme="light"] body.about-page {
  color-scheme: light !important;
  --about-bg: var(--gt-page-bg);
  --about-panel: #fff;
  --about-panel-soft: #f3f5f8;
  --about-ink: var(--gt-heading);
  --about-muted: var(--gt-muted);
  --about-line: var(--gt-line);
  background: var(--gt-page-bg) !important;
}
html[data-theme="dark"] body.about-page {
  color-scheme: dark !important;
  --about-bg: var(--gt-page-bg);
  --about-panel: #0c274d;
  --about-panel-soft: #12355f;
  --about-ink: var(--gt-heading);
  --about-muted: var(--gt-muted);
  --about-line: var(--gt-line);
  background: var(--gt-page-bg) !important;
}
html[data-theme="light"] .about-answer,
html[data-theme="light"] .about-intro,
html[data-theme="light"] .about-service-process,
html[data-theme="light"] .about-catalog,
html[data-theme="light"] .about-values,
html[data-theme="light"] .about-faq,
html[data-theme="light"] .about-cta,
html[data-theme="light"] .about-company { background: var(--gt-page-bg) !important; }
html[data-theme="dark"] .about-answer,
html[data-theme="dark"] .about-intro,
html[data-theme="dark"] .about-service-process,
html[data-theme="dark"] .about-catalog,
html[data-theme="dark"] .about-values,
html[data-theme="dark"] .about-faq,
html[data-theme="dark"] .about-cta,
html[data-theme="dark"] .about-company { background: var(--gt-page-bg) !important; }
.about-company { border-block: 1px solid var(--gt-line) !important; }
.about-company .gt-company-profile { border: 1px solid var(--gt-line) !important; border-radius: 2rem !important; box-shadow: var(--gt-soft-shadow) !important; }
html[data-theme="light"] .about-company .gt-company-profile,
html[data-theme="light"] .about-service-card,
html[data-theme="light"] .about-service-process__visual,
html[data-theme="light"] .about-product,
html[data-theme="light"] .about-cta__inner,
html[data-theme="light"] .about-cta__brief { background: linear-gradient(145deg,#fff,#f7f9fc) !important; }
html[data-theme="dark"] .about-company .gt-company-profile,
html[data-theme="dark"] .about-service-card,
html[data-theme="dark"] .about-service-process__visual,
html[data-theme="dark"] .about-product,
html[data-theme="dark"] .about-cta__inner,
html[data-theme="dark"] .about-cta__brief { background: linear-gradient(145deg,#102f59,#0a2142) !important; }
.about-service-card,
.about-service-process__visual,
.about-product,
.about-cta__inner,
.about-cta__brief { border-color: var(--gt-line) !important; color: var(--gt-text) !important; box-shadow: var(--gt-soft-shadow) !important; }
html[data-theme="light"] .about-hero__badge,
html[data-theme="light"] .about-service-process__caption { background: rgba(255,255,255,.9) !important; color: var(--gt-text) !important; }
html[data-theme="dark"] .about-hero__badge,
html[data-theme="dark"] .about-service-process__caption { background: rgba(10,33,66,.9) !important; color: var(--gt-text) !important; }
.about-button--primary,
.about-cta .about-button--primary { color: #fff !important; }

/* Home hero controls and proof strip keep full contrast in the light theme. */
/* The outer hero only provides spacing; its rounded grid owns the surface. */
html[data-theme] #main > .hero {
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme="light"] #main > .hero .hero-grid {
  background: radial-gradient(circle at 80% 46%,rgba(255,152,45,.12),transparent 25rem),linear-gradient(135deg,#fff,#f9fafc) !important;
}
html[data-theme="dark"] #main > .hero .hero-grid {
  background: radial-gradient(circle at 80% 46%,rgba(255,137,26,.17),transparent 25rem),linear-gradient(135deg,#0d305b,#071b38) !important;
}
html[data-theme] #main #proces .process-wrap,
html[data-theme] #main .service-panel,
html[data-theme] #main .faq-list {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
html[data-theme] .smart-search-result-price,
html[data-theme] .smart-search-result-price strong { color:var(--gt-heading)!important; }
html[data-theme] .smart-search-result-price small { color:var(--gt-muted)!important; }
html[data-theme="light"] .smart-search-result-stock { color:#087b56!important; background:#e5f7ef!important; }
html[data-theme="light"] .smart-search-result-stock.is-low { color:#a84c00!important; background:#fff0dc!important; }
html[data-theme="light"] .smart-search-result-stock.is-out { color:#b02d49!important; background:#fff0f3!important; }

/* Icon-only theme control: inline in the store, floating elsewhere. */
.gt-theme-icon-toggle {
  position:relative; display:grid; grid-template-columns:1fr 1fr; gap:2px; width:86px; height:44px;
  flex-shrink:0; padding:4px; border:1px solid var(--gt-line-strong); border-radius:16px;
  color:var(--gt-muted); background:color-mix(in srgb,var(--gt-surface) 95%,transparent);
  box-shadow:0 5px 16px rgba(35,48,70,.09); cursor:pointer; isolation:isolate;
  backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);
}
.gt-theme-icon-toggle::before {
  content:""; position:absolute; z-index:-1; inset:4px auto 4px 4px; width:calc(50% - 5px);
  border:1px solid rgba(255,133,0,.22); border-radius:11px; background:#fff0dc;
  box-shadow:0 2px 5px rgba(168,88,9,.08); transition:transform .2s ease,background .2s ease;
}
.gt-theme-icon-toggle[data-active-theme="dark"]::before { transform:translateX(calc(100% + 2px)); background:#244d79; border-color:#668cb7; }
.gt-theme-icon-toggle>span { display:grid; place-items:center; border:0; color:var(--gt-muted); }
.gt-theme-icon-toggle>span.is-active { color:#a44a00; }
.gt-theme-icon-toggle[data-active-theme="dark"]>span.is-active { color:#e8f3ff; }
.gt-theme-icon-toggle svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.gt-theme-icon-toggle:focus-visible { outline:3px solid #ff8500; outline-offset:4px; }
.gt-theme-icon-toggle:hover { border-color:#ff9a3c; }
.shop-breadcrumb { display:flex; align-items:center; width:100%; }
.shop-breadcrumb .gt-theme-inline { margin-left:auto; }
.gt-theme-dock { position:fixed; z-index:42; top:52%; right:.72rem; transform:translateY(-50%); width:3.45rem; height:92px; grid-template-columns:1fr; grid-template-rows:1fr 1fr; border-radius:18px; }
.gt-theme-dock::before { width:auto; inset:4px 4px auto; height:calc(50% - 5px); border-radius:13px; }
.gt-theme-dock[data-active-theme="dark"]::before { transform:translateY(calc(100% + 2px)); }
body:has(.gt-store-shortcut.is-visible) .gt-theme-dock { top:calc(52% + 2.35rem); transform:none; }
html[data-theme] .gt-store-shortcut { background:color-mix(in srgb,var(--gt-surface) 95%,transparent); color:var(--gt-accent-strong); box-shadow:var(--gt-soft-shadow); opacity:1; }
body.menu-open .gt-theme-dock,body.image-viewer-open .gt-theme-dock,body:has(dialog[open]) .gt-theme-dock { visibility:hidden; pointer-events:none; }
@media(max-width:820px) {
  .gt-theme-dock { right:.55rem; width:3.15rem; height:88px; }
  body:has(.gt-store-shortcut.is-visible) .gt-theme-dock { top:calc(52% + 2.2rem); }
  .shop-breadcrumb .gt-theme-inline { width:80px; height:42px; }
}
@media(prefers-reduced-motion:reduce) { .gt-theme-icon-toggle::before { transition:none; } }
html[data-theme="light"] .hero-actions .hero-shop-button {
  border-color: rgba(255,133,0,.48) !important;
  background: linear-gradient(135deg,#ff9a2d,#ef7200) !important;
  color: #fff !important;
  box-shadow: 0 .9rem 2.2rem rgba(210,93,0,.2),inset 0 1px rgba(255,255,255,.3) !important;
}
html[data-theme="light"] .hero-actions .hero-shop-label { color: #fff !important; }
html[data-theme="light"] .hero-actions .hero-shop-icon {
  border-color: rgba(255,255,255,.52) !important;
  background: rgba(255,255,255,.2) !important;
  color: #fff !important;
}
html[data-theme="light"] .hero-notes {
  padding-inline: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--gt-heading) !important;
  box-shadow: none !important;
}
html[data-theme="light"] .hero-notes li {
  border: 1px solid var(--gt-line) !important;
  border-radius: 1rem !important;
  background: rgba(255,255,255,.9) !important;
  box-shadow: 0 .55rem 1.45rem rgba(35,42,54,.06) !important;
}
html[data-theme="light"] .hero-notes li + li { border-color: var(--gt-line) !important; }
html[data-theme="light"] .hero-notes .benefit-full-label,
html[data-theme="light"] .hero-notes .benefit-mobile-label { color: var(--gt-heading) !important; }

/* Mobile company identity in the shared footer. */
html[data-theme="light"] .gt-site-footer__identity--mobile {
  border-color: rgba(255,133,0,.22) !important;
  background: linear-gradient(145deg,#fff9f2,#fff) !important;
  box-shadow: var(--gt-soft-shadow) !important;
}
html[data-theme="light"] .gt-site-footer__identity--mobile div {
  border-color: var(--gt-line) !important;
  background: #f5f7fa !important;
}
html[data-theme="light"] .gt-site-footer__identity--mobile dt { color: #b35300 !important; }
html[data-theme="light"] .gt-site-footer__identity--mobile dd { color: var(--gt-heading) !important; }
html[data-theme="dark"] .gt-site-footer__identity--mobile {
  border-color: var(--gt-line) !important;
  background: linear-gradient(145deg,#102f59,#0a2142) !important;
}
html[data-theme="dark"] .gt-site-footer__identity--mobile div {
  border-color: var(--gt-line) !important;
  background: #12355f !important;
}
html[data-theme="dark"] .gt-site-footer__identity--mobile dd { color: var(--gt-heading) !important; }

/* Product gallery: keep the modal immersive without falling back to pure black. */
.product-image-viewer__dialog {
  border-color: var(--gt-line) !important;
  color: var(--gt-text) !important;
  box-shadow: 0 2rem 6rem rgba(35,42,54,.24) !important;
}
.product-image-viewer__toolbar,
.product-image-viewer__footer { border-color: var(--gt-line) !important; }
.product-image-viewer__heading strong { color: var(--gt-heading) !important; }
.product-image-viewer__heading span,
.product-image-viewer__heading span b,
.product-image-viewer__footer p { color: var(--gt-muted) !important; }

html[data-theme="light"] .product-image-viewer__scrim {
  background: rgba(229,233,240,.76) !important;
  -webkit-backdrop-filter: blur(22px) saturate(115%) !important;
  backdrop-filter: blur(22px) saturate(115%) !important;
}
html[data-theme="light"] .product-image-viewer__dialog { background: #fff !important; }
html[data-theme="light"] .product-image-viewer__stage {
  background: radial-gradient(circle at 50% 48%,rgba(255,133,0,.1),transparent 34rem),#f3f5f8 !important;
}
html[data-theme="light"] .product-image-viewer__tools { background: #f1f3f7 !important; }
html[data-theme="light"] .product-image-viewer__tools button,
html[data-theme="light"] .product-image-viewer__arrow {
  border-color: var(--gt-line) !important;
  background: rgba(255,255,255,.92) !important;
  color: var(--gt-heading) !important;
  box-shadow: 0 .35rem 1rem rgba(35,42,54,.08) !important;
}
html[data-theme="light"] .product-image-viewer__tools button:hover,
html[data-theme="light"] .product-image-viewer__tools button:focus-visible,
html[data-theme="light"] .product-image-viewer__arrow:hover,
html[data-theme="light"] .product-image-viewer__arrow:focus-visible {
  background: #fff3e5 !important;
  color: var(--gt-accent) !important;
}
html[data-theme="light"] .product-image-viewer__close {
  background: #ffd8aa !important;
  color: #653000 !important;
}

html[data-theme="dark"] .product-image-viewer__scrim {
  background: rgba(4,17,37,.78) !important;
  -webkit-backdrop-filter: blur(22px) saturate(125%) !important;
  backdrop-filter: blur(22px) saturate(125%) !important;
}
html[data-theme="dark"] .product-image-viewer__dialog { background: #0a2142 !important; }
html[data-theme="dark"] .product-image-viewer__stage {
  background: radial-gradient(circle at 50% 48%,rgba(255,133,0,.1),transparent 34rem),#071a36 !important;
}
html[data-theme="dark"] .product-image-viewer__tools { background: rgba(21,62,107,.72) !important; }
html[data-theme="dark"] .product-image-viewer__tools button,
html[data-theme="dark"] .product-image-viewer__arrow {
  border-color: var(--gt-line) !important;
  background: rgba(21,62,107,.9) !important;
  color: var(--gt-heading) !important;
}


@media (max-width: 760px) {
  html[data-theme="light"] .contact-visual-card > div { max-width: 82% !important; }
  html[data-theme="light"] .contact-visual-card img {
    width: 100% !important;
    opacity: .2 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition-duration: .01ms !important; }
}
