/* Last-mile overrides loaded after every theme file. */
.site-header,
.front-header {
  min-height: 78px;
}

.brand strong,
.brand small,
.header-action,
.front-cta,
.theme-toggle,
.button {
  font-family: Inter, Arial, sans-serif !important;
  letter-spacing: 0 !important;
}

html.dark-theme body.flight-site .flight-product-page,
body.dark-theme.flight-site .flight-product-page {
  background: #071018 !important;
  color: #f6f8f3 !important;
}

html.dark-theme body.flight-site .flight-detail-copy,
body.dark-theme.flight-site .flight-detail-copy,
html.dark-theme body.flight-site .flight-detail-visual,
body.dark-theme.flight-site .flight-detail-visual,
html.dark-theme body.flight-site .flight-buy-panel,
body.dark-theme.flight-site .flight-buy-panel,
html.dark-theme body.flight-site .flight-detail-card,
body.dark-theme.flight-site .flight-detail-card,
html.dark-theme body.flight-site .flight-ad-strip article,
body.dark-theme.flight-site .flight-ad-strip article,
html.dark-theme body.flight-site .flight-commercial-blocks article,
body.dark-theme.flight-site .flight-commercial-blocks article {
  background: #101a24 !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: #f6f8f3 !important;
}

html.dark-theme body.flight-site .flight-detail-copy h1,
body.dark-theme.flight-site .flight-detail-copy h1,
html.dark-theme body.flight-site .flight-detail-copy h2,
body.dark-theme.flight-site .flight-detail-copy h2,
html.dark-theme body.flight-site .flight-detail-copy h3,
body.dark-theme.flight-site .flight-detail-copy h3,
html.dark-theme body.flight-site .flight-detail-copy p,
body.dark-theme.flight-site .flight-detail-copy p,
html.dark-theme body.flight-site .flight-product-angle,
body.dark-theme.flight-site .flight-product-angle,
html.dark-theme body.flight-site .flight-buy-panel p,
body.dark-theme.flight-site .flight-buy-panel p,
html.dark-theme body.flight-site .flight-buy-panel small,
body.dark-theme.flight-site .flight-buy-panel small,
html.dark-theme body.flight-site .flight-detail-card p,
body.dark-theme.flight-site .flight-detail-card p,
html.dark-theme body.flight-site .flight-detail-card li,
body.dark-theme.flight-site .flight-detail-card li,
html.dark-theme body.flight-site .flight-ad-strip p,
body.dark-theme.flight-site .flight-ad-strip p,
html.dark-theme body.flight-site .flight-commercial-blocks p,
body.dark-theme.flight-site .flight-commercial-blocks p,
html.dark-theme body.flight-site .flight-commercial-blocks li,
body.dark-theme.flight-site .flight-commercial-blocks li {
  color: #f6f8f3 !important;
}

html.dark-theme body.flight-site .flight-detail-copy .eyebrow,
body.dark-theme.flight-site .flight-detail-copy .eyebrow,
html.dark-theme body.flight-site .flight-detail-card span,
body.dark-theme.flight-site .flight-detail-card span,
html.dark-theme body.flight-site .flight-ad-strip span,
body.dark-theme.flight-site .flight-ad-strip span {
  color: #6bbdff !important;
}

html.dark-theme body.flight-site .flight-detail-highlights span,
body.dark-theme.flight-site .flight-detail-highlights span {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(107, 189, 255, 0.42) !important;
  color: #f6f8f3 !important;
}

html:not(.dark-theme) body.flight-site .flight-product-page,
html:not(.dark-theme) body.flight-site .flight-detail-copy,
html:not(.dark-theme) body.flight-site .flight-detail-card,
html:not(.dark-theme) body.flight-site .flight-buy-panel,
html:not(.dark-theme) body.pimax-site .pimax-page,
html:not(.dark-theme) body.pimax-site .vr-config-page,
html:not(.dark-theme) body.pimax-site .vr-option-card,
html:not(.dark-theme) body.pimax-site .pimax-model-card {
  color: #0b0d0b !important;
}

.catalog-empty-state {
  background: color-mix(in srgb, var(--surface) 82%, transparent);
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--text);
  margin-top: 22px;
  padding: 22px;
}

.catalog-empty-state strong {
  display: block;
  font-size: clamp(18px, 2vw, 24px);
  margin-bottom: 8px;
}

.catalog-empty-state p {
  color: var(--muted);
  margin: 0;
  max-width: 720px;
}

/* Store brand selector: centered showroom-style entry point. */
.store-hero .brand-catalog-intro {
  align-items: center !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin: 36px auto 0 !important;
  max-width: 780px !important;
  text-align: center !important;
}

.store-hero .brand-catalog-intro strong {
  font-size: clamp(1.3rem, 2.3vw, 2rem) !important;
  line-height: 1.05 !important;
}

.store-hero .brand-catalog-intro span {
  color: var(--muted) !important;
  font-size: 1rem !important;
  line-height: 1.45 !important;
  max-width: 620px !important;
}

.brand-catalog-grid {
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: repeat(2, minmax(280px, 1fr)) !important;
  margin: 26px auto 0 !important;
  max-width: 980px !important;
  width: min(100%, 980px) !important;
}

.brand-catalog-card {
  align-content: start !important;
  background:
    radial-gradient(circle at 50% 18%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 38%),
    linear-gradient(180deg, color-mix(in srgb, var(--surface) 94%, white), color-mix(in srgb, var(--surface) 86%, var(--bg))) !important;
  border: 1px solid color-mix(in srgb, var(--line) 86%, var(--accent)) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  display: grid !important;
  gap: 10px !important;
  justify-items: center !important;
  min-height: 320px !important;
  padding: 24px !important;
  text-align: center !important;
}

.brand-catalog-card::before {
  background: linear-gradient(90deg, var(--green), var(--yellow), var(--blue));
  content: "" !important;
  height: 4px !important;
  left: 18px !important;
  opacity: 0.72 !important;
  position: absolute !important;
  right: 18px !important;
  top: 14px !important;
}

.brand-catalog-card:hover,
.brand-catalog-card.is-active {
  border-color: var(--accent) !important;
  box-shadow: 0 18px 46px rgba(8, 24, 39, 0.12) !important;
  transform: translateY(-3px) !important;
}

.brand-catalog-card.is-active {
  outline: 2px solid color-mix(in srgb, var(--accent) 28%, transparent) !important;
  outline-offset: 3px !important;
}

.brand-logo-frame {
  align-items: center !important;
  aspect-ratio: 16 / 6 !important;
  background: color-mix(in srgb, white 92%, var(--surface)) !important;
  border: 1px solid color-mix(in srgb, var(--line) 76%, transparent) !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  display: flex !important;
  justify-content: center !important;
  margin: 14px 0 6px !important;
  max-height: 156px !important;
  min-height: 128px !important;
  padding: 20px !important;
  width: 100% !important;
}

.brand-logo-mode {
  aspect-ratio: auto !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: block !important;
  filter: none !important;
  height: auto !important;
  max-height: 92px !important;
  max-width: 86% !important;
  object-fit: contain !important;
  padding: 0 !important;
  width: auto !important;
}

.brand-logo-mode-dark {
  display: none !important;
}

html.dark-theme body .brand-logo-frame,
body.dark-theme .brand-logo-frame {
  background: #050607 !important;
}

html.dark-theme body .brand-logo-mode-light,
body.dark-theme .brand-logo-mode-light {
  display: none !important;
}

html.dark-theme body .brand-logo-mode-dark,
body.dark-theme .brand-logo-mode-dark {
  display: block !important;
}

.brand-catalog-card > img {
  aspect-ratio: 16 / 9 !important;
  background: color-mix(in srgb, white 92%, var(--surface)) !important;
  border: 1px solid color-mix(in srgb, var(--line) 76%, transparent) !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  height: auto !important;
  margin-top: 12px !important;
  max-height: 142px !important;
  object-fit: contain !important;
  padding: 12px !important;
  width: 100% !important;
}

.brand-catalog-card span {
  color: var(--accent) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

.brand-catalog-card strong {
  font-family: Inter, Arial, sans-serif !important;
  font-size: clamp(1.35rem, 2vw, 1.8rem) !important;
  font-weight: 900 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.08 !important;
  max-width: 390px !important;
}

.brand-catalog-card small {
  color: var(--muted) !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 1.42 !important;
  max-width: 390px !important;
}

.catalog-empty-state {
  margin: 24px auto 0 !important;
  max-width: 820px !important;
  text-align: center !important;
}

/* Configurator first step: brand-led ecosystem choice. */
.ecosystem-card .ecosystem-logo-frame {
  align-items: center !important;
  aspect-ratio: 16 / 5 !important;
  background: color-mix(in srgb, white 94%, var(--surface)) !important;
  border: 1px solid color-mix(in srgb, var(--line) 76%, transparent) !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
  display: flex !important;
  justify-content: center !important;
  margin: 0 !important;
  min-height: 88px !important;
  overflow: hidden !important;
  padding: 18px 22px !important;
  width: 100% !important;
}

.ecosystem-card .ecosystem-logo {
  display: block !important;
  filter: none !important;
  height: auto !important;
  max-height: 62px !important;
  max-width: 82% !important;
  object-fit: contain !important;
  width: auto !important;
}

.ecosystem-card .ecosystem-logo-dark {
  display: none !important;
}

.ecosystem-card > .ecosystem-visual {
  display: none !important;
}

html.dark-theme body .ecosystem-card .ecosystem-logo-frame,
body.dark-theme .ecosystem-card .ecosystem-logo-frame {
  background: #050607 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

html.dark-theme body .ecosystem-card .ecosystem-logo-light,
body.dark-theme .ecosystem-card .ecosystem-logo-light {
  display: none !important;
}

html.dark-theme body .ecosystem-card .ecosystem-logo-dark,
body.dark-theme .ecosystem-card .ecosystem-logo-dark {
  display: block !important;
}

.ecosystem-card[data-ecosystem="fanatec"] .ecosystem-logo {
  max-height: 48px !important;
}

.ecosystem-card[data-ecosystem="simagic"] .ecosystem-logo {
  max-height: 72px !important;
  max-width: 94% !important;
}

@media (max-width: 980px) {
  .brand-catalog-grid {
    grid-template-columns: repeat(2, minmax(210px, 1fr)) !important;
  }
}

@media (max-width: 620px) {
  .brand-catalog-grid {
    grid-template-columns: 1fr !important;
  }

  .brand-catalog-card {
    min-height: 0 !important;
  }
}

/* Safe header/navigation normalization across Race, Flight, VR, catalog and configurators. */
.site-header,
.front-header {
  align-items: center !important;
  box-sizing: border-box !important;
  min-height: 88px !important;
  padding: 0 clamp(18px, 4vw, 54px) !important;
}

body:not(.flight-site):not(.pimax-site):not(.vr-config-site) .site-header,
.front-header {
  display: grid !important;
  grid-template-columns: minmax(150px, 230px) minmax(0, 1fr) minmax(140px, 220px) !important;
  gap: clamp(16px, 2.5vw, 30px) !important;
}

body:not(.flight-site):not(.pimax-site):not(.vr-config-site) .site-header .brand,
.front-header .front-brand {
  justify-self: start !important;
}

body:not(.flight-site):not(.pimax-site):not(.vr-config-site) .site-header nav,
.front-header nav {
  justify-self: center !important;
}

body:not(.flight-site):not(.pimax-site):not(.vr-config-site) .site-header .header-actions,
.front-header .front-actions {
  justify-self: end !important;
}

html:not(.dark-theme) body .site-header,
html:not(.dark-theme) .front-header {
  background: #ffffff !important;
}

.site-header nav,
.front-header nav {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: clamp(20px, 2.4vw, 34px) !important;
  justify-content: center !important;
}

body:not(.flight-site):not(.pimax-site):not(.vr-config-site) .site-header nav a,
.front-header nav a {
  color: #645d50 !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: clamp(14px, 1vw, 16px) !important;
  font-weight: 750 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-transform: none !important;
}

body:not(.flight-site):not(.pimax-site):not(.vr-config-site) .site-header nav a:hover,
.front-header nav a:hover {
  color: #11140f !important;
}

html.dark-theme body:not(.flight-site):not(.pimax-site):not(.vr-config-site) .site-header nav a,
html.dark-theme .front-header nav a,
body.dark-theme:not(.flight-site):not(.pimax-site):not(.vr-config-site) .site-header nav a,
body.dark-theme .front-header nav a {
  color: rgba(248, 244, 232, 0.78) !important;
}

html.dark-theme body:not(.flight-site):not(.pimax-site):not(.vr-config-site) .site-header nav a:hover,
html.dark-theme .front-header nav a:hover,
body.dark-theme:not(.flight-site):not(.pimax-site):not(.vr-config-site) .site-header nav a:hover,
body.dark-theme .front-header nav a:hover {
  color: #ffffff !important;
}

.site-header nav a[href*="kits-prontos"],
.front-header nav a[href*="kits-prontos"],
body.flight-site .site-header nav a[href*="kits-voo"] {
  font-size: calc(clamp(14px, 1vw, 16px) + 1px) !important;
  font-weight: 900 !important;
}

body.flight-site .site-header {
  background: color-mix(in srgb, var(--flight-panel) 88%, transparent);
}

body.flight-site .site-header,
body.pimax-site .site-header,
body.vr-config-site .site-header {
  display: grid !important;
  gap: clamp(16px, 2.5vw, 30px) !important;
  grid-template-columns: minmax(170px, 245px) minmax(0, 1fr) minmax(150px, 230px) !important;
}

body.flight-site .site-header .brand,
body.pimax-site .site-header .brand,
body.vr-config-site .site-header .brand {
  justify-self: start !important;
}

body.flight-site .site-header nav,
body.pimax-site .site-header nav,
body.vr-config-site .site-header nav {
  justify-self: center !important;
}

body.flight-site .site-header .header-actions,
body.pimax-site .site-header .header-actions,
body.vr-config-site .site-header .header-actions {
  justify-self: end !important;
}

body.flight-site nav a[href="kits-voo.html"] {
  background: transparent !important;
  color: var(--flight-muted) !important;
}

body.flight-site nav a[href="kits-voo.html"]:hover {
  background: var(--flight-blue) !important;
  color: #ffffff !important;
}

body.pimax-site .site-header,
body.vr-config-site .site-header {
  background: color-mix(in srgb, var(--pimax-panel) 88%, transparent);
}

body.pimax-site nav,
body.vr-config-site nav {
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--pimax-panel) 92%, transparent), color-mix(in srgb, var(--pimax-soft) 88%, transparent)) !important;
  border: 1px solid var(--pimax-line) !important;
  border-radius: 999px !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pimax-cyan) 10%, transparent) !important;
  gap: 4px !important;
  padding: 5px !important;
}

body.pimax-site nav a,
body.vr-config-site nav a {
  border-radius: 999px !important;
  color: var(--pimax-muted) !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  min-height: 34px !important;
  padding: 9px 13px !important;
  text-transform: none !important;
}

body.pimax-site nav a:hover,
body.pimax-site nav a[href="pimax-brasil.html"],
body.vr-config-site nav a:hover,
body.vr-config-site nav a[href="configurador-vr.html"] {
  background: linear-gradient(135deg, var(--pimax-blue), var(--pimax-cyan)) !important;
  color: #ffffff !important;
}

body.vr-config-site nav a[href="pimax-brasil.html"] {
  background: transparent !important;
  color: var(--pimax-muted) !important;
}

body.flight-site .brand small {
  text-transform: none !important;
}

html:not(.dark-theme) body .site-header .brand-logo-light,
html:not(.dark-theme) .front-header .front-logo-light {
  display: block !important;
}

html:not(.dark-theme) body .site-header .brand-logo-dark,
html:not(.dark-theme) .front-header .front-logo-dark {
  display: none !important;
}

.header-actions,
.front-actions {
  align-items: center !important;
  display: flex !important;
  gap: 12px !important;
}

.theme-toggle {
  border-radius: 6px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  min-height: 38px !important;
  padding: 0 14px !important;
  text-transform: none !important;
}

@media (max-width: 760px) {
  .site-header,
  .front-header {
    display: flex !important;
    flex-wrap: wrap !important;
    height: auto !important;
    min-height: 76px !important;
    padding: 12px 16px !important;
  }

  .site-header nav,
  .front-header nav {
    gap: 14px !important;
    justify-content: flex-start !important;
    overflow-x: auto !important;
    padding-bottom: 2px !important;
    width: 100% !important;
  }

  .site-header nav a,
  .front-header nav a {
    flex: 0 0 auto !important;
    font-size: 14px !important;
  }
}

/* Flight product pages: keep the VR-style stable layout without text leaking out of panels. */
body.flight-site .flight-product-page {
  overflow-x: hidden !important;
}

body.flight-site .flight-detail-hero {
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.82fr) !important;
  max-width: 1260px !important;
}

body.flight-site .flight-detail-copy,
body.flight-site .flight-detail-visual,
body.flight-site .flight-buy-panel,
body.flight-site .flight-detail-card,
body.flight-site .flight-ad-strip article,
body.flight-site .flight-commercial-blocks article {
  box-sizing: border-box !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

body.flight-site .flight-buy-panel {
  align-content: start !important;
  grid-column: 1 / -1 !important;
  max-width: 100% !important;
  width: 100% !important;
}

body.flight-site .flight-detail-price {
  font-size: clamp(2.2rem, 8vw, 5rem) !important;
  line-height: 0.95 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  white-space: normal !important;
  text-align: center !important;
}

body.flight-site .flight-buy-panel p,
body.flight-site .flight-buy-panel small,
body.flight-site .flight-buy-panel span,
body.flight-site .flight-buy-panel a,
body.flight-site .flight-detail-copy p,
body.flight-site .flight-product-angle,
body.flight-site .flight-detail-card p,
body.flight-site .flight-detail-card li {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

body.flight-site .flight-buy-panel .button {
  box-sizing: border-box !important;
  max-width: 100% !important;
  min-width: 0 !important;
  white-space: normal !important;
}

/* Flight product performance pass.
   Keep the product pages visually premium, but remove the expensive layered effects
   that made them feel heavier than the Simagic product pages. */








body.flight-site .flight-detail-visual::after,
body.flight-site .flight-store-visual::after {
  display: none !important;
}



body.flight-site .flight-detail-hero,
body.flight-site .flight-detail-section,
body.flight-site .flight-ad-strip,
body.flight-site .flight-commercial-blocks,
body.flight-site .flight-product-gallery {
  content-visibility: auto;
  contain-intrinsic-size: 780px;
}

body.flight-site .flight-detail-hero {
  align-items: start !important;
}



body.flight-site .flight-gallery-feature,
body.flight-site .flight-gallery-rail figure {
  min-height: 0 !important;
}



.checkout-coupon {
  border-top: 1px solid var(--line, rgba(120, 130, 120, 0.25));
  display: grid;
  gap: 10px;
  margin: 16px 0 6px;
  padding-top: 16px;
}

.checkout-coupon label {
  color: var(--muted, #6f766f);
  font-size: 0.82rem;
  font-weight: 900;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.checkout-coupon > div {
  align-items: center;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(0, 1fr) auto;
}

.checkout-coupon input {
  background: var(--panel-soft, rgba(255, 255, 255, 0.06));
  border: 1px solid var(--line, rgba(120, 130, 120, 0.24));
  border-radius: 999px;
  color: var(--text, #111);
  font: inherit;
  font-weight: 800;
  min-width: 0;
  padding: 13px 16px;
  text-transform: uppercase;
}

.checkout-coupon button {
  border-radius: 999px;
  cursor: pointer;
  font-weight: 900;
  min-height: 46px;
  padding: 0 18px;
  white-space: nowrap;
}

.checkout-coupon #cart-page-coupon-button {
  background: var(--accent, #119653);
  border: 1px solid var(--accent, #119653);
  color: #fff;
}

.checkout-coupon-remove {
  background: transparent;
  border: 0;
  color: var(--muted, #6f766f);
  justify-self: start;
  min-height: 0 !important;
  padding: 0 !important;
  text-decoration: underline;
}

.cart-page-row.coupon-row strong {
  color: var(--accent, #119653);
}

html.dark-theme .checkout-coupon input,
body.dark-theme .checkout-coupon input {
  color: #f7fbf7;
}

@media (max-width: 720px) {
  .checkout-coupon > div {
    grid-template-columns: 1fr;
  }
}

.checkout-coupon-compact {
  align-items: flex-end;
  border-top: 1px solid var(--line, rgba(120, 130, 120, 0.25));
  display: flex;
  justify-content: flex-end;
  margin-top: 14px;
  padding-top: 14px;
}

.checkout-coupon-toggle {
  background: transparent;
  border: 1px solid var(--line, rgba(120, 130, 120, 0.28));
  border-radius: 999px;
  color: var(--text, #111);
  cursor: pointer;
  font: 900 0.78rem/1 Inter, Arial, sans-serif;
  letter-spacing: 0.01em;
  padding: 9px 13px;
  white-space: nowrap;
}

.checkout-coupon-toggle:hover {
  border-color: var(--accent, #119653);
  color: var(--accent, #119653);
}

.checkout-coupon-compact .checkout-coupon {
  background: var(--panel-soft, rgba(255, 255, 255, 0.05));
  border: 1px solid var(--line, rgba(120, 130, 120, 0.22));
  border-radius: 14px;
  margin: 0;
  padding: 12px;
  width: 100%;
}

.checkout-coupon-compact .checkout-coupon[hidden] {
  display: none !important;
}

.checkout-coupon-compact:has(.checkout-coupon:not([hidden])) {
  align-items: stretch;
  display: block;
}

.checkout-coupon-compact:has(.checkout-coupon:not([hidden])) .checkout-coupon-toggle {
  margin-bottom: 10px;
}

@media (max-width: 820px) {
  body.flight-site .flight-detail-hero,
  body.flight-site .flight-detail-section,
  body.flight-site .flight-ad-strip,
  body.flight-site .flight-commercial-blocks,
  body.flight-site .flight-product-gallery {
    content-visibility: visible;
    contain-intrinsic-size: auto;
  }


}

/* Lightweight racing configurator pass. The builder was getting expensive on desktop
   because many cards, shadows and sticky repaints were active at the same time. */
body.configurator-lite-page {
  overflow-x: clip !important;
}

body.configurator-lite-page .configurator-hero,
body.configurator-lite-page .config-line-switch,
body.configurator-lite-page .ecosystem-stage,
body.configurator-lite-page .option-group,
body.configurator-lite-page .option-card,
body.configurator-lite-page .summary,
body.configurator-lite-page .upgrade-grid article,
body.configurator-lite-page .advantage-grid article,
body.configurator-lite-page .customer-card,
body.configurator-lite-page .contact {
  box-shadow: none !important;
  transform: none !important;
  transition: border-color 100ms ease, background-color 100ms ease, color 100ms ease !important;
  will-change: auto !important;
}

body.configurator-lite-page .configurator-hero,
body.configurator-lite-page .config-line-switch,
body.configurator-lite-page .ecosystem-stage,
body.configurator-lite-page .configurator,
body.configurator-lite-page .upgrade-guide,
body.configurator-lite-page .advantages,
body.configurator-lite-page .customers,
body.configurator-lite-page .contact {
  contain: layout paint !important;
}

body.configurator-lite-page .configurator-section {
  content-visibility: visible !important;
  contain: layout paint !important;
  contain-intrinsic-size: auto !important;
}

body.configurator-lite-page .upgrade-guide,
body.configurator-lite-page .advantages,
body.configurator-lite-page .customers,
body.configurator-lite-page .contact {
  content-visibility: auto !important;
  contain-intrinsic-size: 640px !important;
}

body.configurator-lite-page .configurator-hero {
  margin-bottom: 22px !important;
  padding-block: clamp(18px, 3vw, 32px) !important;
}

body.configurator-lite-page .configurator-hero h1 {
  font-size: clamp(2.1rem, 4.2vw, 4.4rem) !important;
  line-height: 0.98 !important;
}

body.configurator-lite-page .config-line-switch {
  padding-block: clamp(18px, 3vw, 28px) !important;
}

body.configurator-lite-page .ecosystem-stage {
  background: var(--panel) !important;
  border-radius: 12px !important;
}

body.configurator-lite-page .ecosystem-stage-header h3 {
  font-size: clamp(1.7rem, 3.2vw, 3.2rem) !important;
}

body.configurator-lite-page .ecosystem-card {
  border-width: 1px !important;
  border-radius: 12px !important;
  gap: 10px !important;
  min-height: 0 !important;
  padding: 14px !important;
}

body.configurator-lite-page .ecosystem-card:hover,
body.configurator-lite-page .ecosystem-card.is-active,
body.configurator-lite-page .option-card:hover,
body.configurator-lite-page .option-card.selected {
  transform: none !important;
}

body.configurator-lite-page .ecosystem-card strong {
  font-size: clamp(1.25rem, 2.1vw, 1.9rem) !important;
  line-height: 1.08 !important;
}

body.configurator-lite-page .ecosystem-card ul {
  gap: 5px !important;
}

body.configurator-lite-page .ecosystem-visual {
  aspect-ratio: 16 / 6.8 !important;
  background: color-mix(in srgb, var(--panel) 86%, #ffffff) !important;
  max-height: 190px !important;
}

html.dark-theme body.configurator-lite-page .ecosystem-visual,
body.dark-theme.configurator-lite-page .ecosystem-visual {
  background: #0c1218 !important;
}

body.configurator-lite-page .ecosystem-visual img,
body.configurator-lite-page .product-photo img {
  filter: none !important;
  transform: none !important;
  will-change: auto !important;
}

body.configurator-lite-page .simagic-visual img:first-child,
body.configurator-lite-page .simagic-visual img:last-child {
  transform: none !important;
}

body.configurator-lite-page .option-grid {
  grid-template-columns: repeat(auto-fit, minmax(185px, 1fr)) !important;
}

body.configurator-lite-page .option-card {
  border-radius: 8px !important;
  min-height: 0 !important;
  padding: 12px !important;
}

body.configurator-lite-page .product-photo {
  background: #0b1015 !important;
  height: 118px !important;
  margin-bottom: 10px !important;
  padding: 10px !important;
}

body.configurator-lite-page .option-card strong {
  font-size: 15px !important;
  margin-bottom: 6px !important;
}

body.configurator-lite-page .option-card p {
  font-size: 12.5px !important;
  line-height: 1.35 !important;
  margin-bottom: 10px !important;
}

body.configurator-lite-page .detail-bubble {
  display: none !important;
}

body.configurator-lite-page .select-copy,
body.configurator-lite-page .product-link {
  min-height: 32px !important;
}

body.configurator-lite-page .summary {
  position: sticky !important;
  top: 96px !important;
  max-height: calc(100vh - 116px) !important;
  overflow: auto !important;
  overscroll-behavior: contain !important;
}

body.configurator-lite-page .summary.updating {
  animation: none !important;
}

body.configurator-lite-page .summary-scroll-button {
  align-items: center !important;
  appearance: none !important;
  background: linear-gradient(135deg, #19d978, #0c8c55) !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-radius: 999px !important;
  box-shadow: 0 14px 34px rgba(7, 95, 55, 0.28) !important;
  color: #06100b !important;
  cursor: pointer !important;
  display: none !important;
  font-size: 22px !important;
  font-weight: 950 !important;
  height: 44px !important;
  justify-content: center !important;
  line-height: 1 !important;
  margin: 12px auto 0 !important;
  padding: 0 !important;
  position: sticky !important;
  bottom: 0 !important;
  width: 44px !important;
  z-index: 4 !important;
}

body.configurator-lite-page .summary-scroll-button.is-visible {
  display: flex !important;
}

body.configurator-lite-page .summary-scroll-button:hover,
body.configurator-lite-page .summary-scroll-button:focus-visible {
  transform: translateY(-1px) !important;
  box-shadow: 0 18px 42px rgba(7, 95, 55, 0.36) !important;
}

body.configurator-lite-page .summary-scroll-button:focus-visible {
  outline: 3px solid rgba(248, 208, 0, 0.55) !important;
  outline-offset: 3px !important;
}

body.configurator-lite-page .customer-strip {
  contain: layout paint !important;
}

@media (min-width: 1180px) {
  body.configurator-lite-page main {
    box-sizing: border-box !important;
    padding-right: 0 !important;
    width: calc(100vw - var(--summary-drawer-width, 390px) - 50px) !important;
  }

  body.configurator-lite-page .configurator-section,
  body.configurator-lite-page .configurator {
    contain: none !important;
    overflow: visible !important;
  }

  body.configurator-lite-page .configurator {
    grid-template-columns: minmax(0, 1fr) !important;
    padding-right: 0 !important;
  }

  body.configurator-lite-page .summary {
    border-radius: 18px !important;
    bottom: 22px !important;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.18) !important;
    max-height: none !important;
    overflow: auto !important;
    overscroll-behavior: contain !important;
    padding: 20px 20px 72px !important;
    position: fixed !important;
    right: 22px !important;
    top: 96px !important;
    width: var(--summary-drawer-width, 390px) !important;
    z-index: 9 !important;
  }

  body.configurator-lite-page .summary-scroll-button {
    bottom: 34px !important;
    margin: 0 !important;
    position: fixed !important;
    right: 42px !important;
    z-index: 12 !important;
  }

  body.configurator-lite-page .summary h2 {
    font-size: 25px !important;
    line-height: 1.05 !important;
  }

  body.configurator-lite-page .summary-list {
    gap: 9px !important;
  }

  body.configurator-lite-page .summary-list div {
    padding-bottom: 9px !important;
  }

  body.configurator-lite-page .kit-insight,
  body.configurator-lite-page .compatibility-panel,
  body.configurator-lite-page .total-box {
    padding: 14px !important;
  }
}

@media (max-width: 1020px) {
  body.configurator-lite-page .configurator {
    grid-template-columns: 1fr !important;
  }

  body.configurator-lite-page .summary {
    max-height: none !important;
    position: static !important;
  }
}

/* Lightweight store/catalog pass. Render and paint only what is being browsed. */
body.store-lite-page {
  overflow-x: clip !important;
}

body.store-lite-page .store-page,
body.store-lite-page .store-section,
body.store-lite-page .brand-catalog-grid,
body.store-lite-page .store-grid {
  contain: layout paint !important;
}

body.store-lite-page .store-hero {
  background:
    linear-gradient(120deg, color-mix(in srgb, var(--bg) 92%, transparent), color-mix(in srgb, var(--panel) 88%, transparent)),
    radial-gradient(circle at 92% 18%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 30%) !important;
  min-height: auto !important;
  padding-block: clamp(42px, 6vw, 78px) !important;
}

html.dark-theme body.store-lite-page .store-hero,
body.dark-theme.store-lite-page .store-hero {
  background:
    linear-gradient(120deg, #07110e, #0d171d 62%, #07100d),
    radial-gradient(circle at 88% 12%, rgba(30, 212, 122, 0.12), transparent 28%) !important;
}

body.store-lite-page.store-brand-is-open .store-hero {
  min-height: auto !important;
  padding-block: 36px !important;
}

body.store-lite-page .brand-catalog-card,
body.store-lite-page .store-card,
body.store-lite-page .catalog-brand-switcher,
body.store-lite-page .store-category-note {
  box-shadow: none !important;
  transform: none !important;
  transition: border-color 100ms ease, background-color 100ms ease, color 100ms ease !important;
  will-change: auto !important;
}

body.store-lite-page .brand-catalog-card:hover,
body.store-lite-page .brand-catalog-card.is-active,
body.store-lite-page .store-card:hover {
  transform: none !important;
}

body.store-lite-page .brand-catalog-card {
  min-height: 0 !important;
}

body.store-lite-page .brand-logo-frame,
body.store-lite-page .brand-catalog-card img {
  filter: none !important;
  transform: none !important;
}

body.store-lite-page .catalog-brand-switcher {
  backdrop-filter: none !important;
  background: var(--panel) !important;
  border-color: var(--line) !important;
}

body.store-lite-page .store-section {
  content-visibility: auto !important;
  contain-intrinsic-size: 980px !important;
  padding-block: clamp(42px, 6vw, 68px) !important;
  scroll-margin-top: 104px !important;
}

body.store-lite-page .store-grid {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
}

body.store-lite-page .store-card figure {
  background: #080b0f !important;
  min-height: 190px !important;
}

body.store-lite-page .store-card img {
  filter: none !important;
  max-height: 168px !important;
  transform: none !important;
  will-change: auto !important;
}

body.store-lite-page .store-card-copy {
  gap: 8px !important;
}

body.store-lite-page .store-card p {
  line-height: 1.38 !important;
}

.catalog-loading-state {
  background: var(--panel) !important;
  border: 1px solid var(--line) !important;
  border-radius: 12px !important;
  color: var(--muted) !important;
  font-weight: 850 !important;
  grid-column: 1 / -1 !important;
  padding: 22px !important;
}

@media (max-width: 720px) {
  body.store-lite-page .store-hero {
    padding-block: 28px !important;
  }

  body.store-lite-page .brand-catalog-grid {
    gap: 10px !important;
  }

  body.store-lite-page .store-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  html body .theme-toggle {
    gap: 0 !important;
    height: 46px !important;
    min-height: 46px !important;
    min-width: 46px !important;
    padding: 0 !important;
    width: 46px !important;
  }



  html body .theme-toggle-icon {
    height: 22px !important;
    width: 22px !important;
  }

  html body .theme-toggle-icon svg {
    height: 16px !important;
    width: 16px !important;
  }
}

/* Stock states: loja, cards e paginas de produto. */
.store-card figure,
.product-ad-media,
.product-buy-panel {
  position: relative;
}

.stock-ribbon {
  background: #151515;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  color: #ffffff;
  font-size: 11px;
  font-weight: 900;
  left: 14px;
  letter-spacing: 0.04em;
  line-height: 1;
  padding: 8px 10px;
  position: absolute;
  text-transform: uppercase;
  top: 14px;
  z-index: 2;
}

.store-card.is-out-of-stock figure img {
  filter: grayscale(0.55) opacity(0.62) !important;
}

.store-stock-label {
  align-self: flex-start;
  background: rgba(18, 140, 78, 0.11);
  border: 1px solid rgba(18, 140, 78, 0.25);
  border-radius: 999px;
  color: #0b8a4a;
  display: inline-flex;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  margin: 4px 0 0;
  padding: 7px 10px;
  text-transform: uppercase;
}

.store-stock-label.is-out-of-stock,
.store-variant-option.is-out-of-stock,
.product-variant-choice.is-out-of-stock,
.variant-choice.is-out-of-stock,
.option-card.is-out-of-stock,
.vr-option-card.is-out-of-stock {
  background: rgba(120, 120, 120, 0.12) !important;
  border-color: rgba(120, 120, 120, 0.38) !important;
  color: #898f8b !important;
}

.store-variant-option.is-out-of-stock,
.variant-choice.is-out-of-stock,
.option-card.is-out-of-stock,
.vr-option-card.is-out-of-stock {
  opacity: 0.72;
}

.store-variant-option.is-out-of-stock small,
.product-variant-choice.is-out-of-stock em,
.variant-choice.is-out-of-stock span {
  color: #b44a43;
  display: block;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  margin-top: 4px;
  text-transform: uppercase;
}

.option-card.is-out-of-stock .select-copy {
  background: #ffe8dc !important;
  color: #7c2412 !important;
}

html.dark-theme body .option-card.is-out-of-stock .select-copy,
body.dark-theme .option-card.is-out-of-stock .select-copy {
  background: rgba(255, 126, 86, 0.16) !important;
  color: #ffe7dc !important;
}

.store-cart-button:disabled,
#product-mp-button:disabled {
  cursor: not-allowed !important;
  opacity: 0.58 !important;
}

.stock-notify-button,
.product-stock-notify {
  display: none;
}

.stock-notify-button.is-visible,
.product-stock-notify:not([hidden]) {
  display: inline-flex;
}

.stock-notify-button {
  align-items: center;
  background: transparent;
  border: 1px solid rgba(201, 142, 30, 0.62);
  border-radius: 999px;
  color: #c88d15;
  cursor: pointer;
  font: inherit;
  font-size: 13px;
  font-weight: 900;
  justify-content: center;
  min-height: 42px;
  padding: 0 16px;
  text-transform: uppercase;
}

html.dark-theme .store-stock-label,
body.dark-theme .store-stock-label {
  color: #2ee58a;
}

html.dark-theme .stock-notify-button,
body.dark-theme .stock-notify-button {
  border-color: rgba(238, 191, 69, 0.7);
  color: #f0c85a;
}

.stock-notify-open {
  overflow: hidden;
}

.stock-notify-modal[hidden] {
  display: none !important;
}

.stock-notify-modal {
  align-items: center;
  display: flex;
  inset: 0;
  justify-content: center;
  padding: 18px;
  position: fixed;
  z-index: 9998;
}

/* Home ready kits alignment: keep old bundle-row rules away from the new kit picker. */




















@media (max-width: 1280px) {

}

@media (max-width: 860px) {





}

/* Kits prontos: painel de foto isolado para hover dos itens. */
@media (hover: hover) and (min-width: 861px) {
  body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item {
    contain: none !important;
    min-height: 132px !important;
    overflow: hidden !important;
    position: relative !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item > .ready-kit-hover-panel {
    background: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid rgba(16, 24, 20, 0.12) !important;
    border-radius: 16px !important;
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.18) !important;
    color: #111 !important;
    display: grid !important;
    gap: 14px !important;
    grid-template-columns: 128px minmax(0, 1fr) !important;
    inset: 8px !important;
    opacity: 0 !important;
    overflow: hidden !important;
    padding: 12px !important;
    pointer-events: none !important;
    position: absolute !important;
    text-decoration: none !important;
    transform: translateY(8px) scale(0.98) !important;
    transition: opacity 160ms ease, transform 160ms ease !important;
    z-index: 80 !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item:hover > .ready-kit-hover-panel,
  body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item:focus-within > .ready-kit-hover-panel {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(0) scale(1) !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-hover-panel > img {
    align-self: center !important;
    background: #fff !important;
    border: 1px solid rgba(16, 24, 20, 0.08) !important;
    border-radius: 14px !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.10) !important;
    display: block !important;
    height: 108px !important;
    object-fit: contain !important;
    padding: 10px !important;
    width: 128px !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-hover-panel .ready-kit-hover-copy {
    align-self: center !important;
    background: transparent !important;
    border: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    padding: 0 !important;
    position: static !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-hover-panel .ready-kit-hover-copy span {
    color: #d7a900 !important;
    font-size: 0.68rem !important;
    font-weight: 950 !important;
    letter-spacing: 0.08em !important;
    margin-bottom: 4px !important;
    text-transform: uppercase !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-hover-panel .ready-kit-hover-copy strong {
    color: #101412 !important;
    font-size: 0.96rem !important;
    line-height: 1.16 !important;
    white-space: normal !important;
    word-break: normal !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-hover-panel .ready-kit-hover-copy p {
    color: rgba(16, 20, 18, 0.72) !important;
    font-size: 0.78rem !important;
    line-height: 1.3 !important;
    margin: 5px 0 9px !important;
    white-space: normal !important;
    word-break: normal !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-hover-panel .ready-kit-hover-copy small {
    align-self: flex-start !important;
    background: #050806 !important;
    border-radius: 999px !important;
    color: #fff !important;
    display: inline-flex !important;
    font-size: 0.68rem !important;
    font-weight: 950 !important;
    padding: 7px 10px !important;
  }

  html.dark-theme body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-hover-panel,
  body.dark-theme.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-hover-panel {
    background: rgba(9, 14, 17, 0.98) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
  }

  html.dark-theme body.ready-race-page .ready-kits-section .ready-kit-hover-panel .ready-kit-hover-copy strong,
  body.dark-theme.ready-race-page .ready-kits-section .ready-kit-hover-panel .ready-kit-hover-copy strong {
    color: #fff !important;
  }

  html.dark-theme body.ready-race-page .ready-kits-section .ready-kit-hover-panel .ready-kit-hover-copy p,
  body.dark-theme.ready-race-page .ready-kits-section .ready-kit-hover-panel .ready-kit-hover-copy p {
    color: rgba(255, 255, 255, 0.72) !important;
  }
}

/* Kits prontos: hover visual final. Mantem os 5 cards e faz a foto abrir no hover. */
@media (hover: hover) and (min-width: 861px) {
  body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item {
    overflow: hidden !important;
    position: relative !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item > .ready-kit-item-info {
    opacity: 1 !important;
    position: static !important;
    transform: none !important;
    visibility: visible !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item > .ready-kit-item-visual {
    align-items: center !important;
    background: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid rgba(255, 204, 0, 0.42) !important;
    border-radius: 16px !important;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.22) !important;
    display: grid !important;
    gap: 14px !important;
    grid-template-columns: 112px minmax(0, 1fr) !important;
    inset: 10px !important;
    min-height: 0 !important;
    min-width: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    padding: 12px !important;
    pointer-events: none !important;
    position: absolute !important;
    text-decoration: none !important;
    transform: translateY(8px) scale(0.985) !important;
    transition: opacity 160ms ease, transform 160ms ease !important;
    visibility: visible !important;
    width: auto !important;
    z-index: 80 !important;
  }



  body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item > .ready-kit-item-visual > img {
    align-self: center !important;
    background: #fff !important;
    border-radius: 12px !important;
    display: block !important;
    height: 96px !important;
    max-height: 96px !important;
    max-width: 112px !important;
    object-fit: contain !important;
    padding: 8px !important;
    width: 112px !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-hover-copy {
    align-self: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    justify-content: center !important;
    min-width: 0 !important;
    padding: 0 !important;
    position: static !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-hover-copy span,
  body.ready-race-page .ready-kits-section .ready-kit-hover-copy strong,
  body.ready-race-page .ready-kits-section .ready-kit-hover-copy p {
    display: block !important;
    max-width: none !important;
    overflow-wrap: normal !important;
    white-space: normal !important;
    word-break: normal !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-hover-copy span {
    color: #d7a900 !important;
    font-size: 0.68rem !important;
    font-weight: 950 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-hover-copy strong {
    color: #101010 !important;
    font-size: 0.94rem !important;
    line-height: 1.12 !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-hover-copy p {
    color: rgba(17, 17, 17, 0.74) !important;
    font-size: 0.78rem !important;
    line-height: 1.28 !important;
    margin: 0 !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-hover-copy small {
    align-self: flex-start !important;
    background: #050806 !important;
    border-radius: 999px !important;
    color: #fff !important;
    display: inline-flex !important;
    font-size: 0.68rem !important;
    font-weight: 950 !important;
    margin-top: 4px !important;
    padding: 7px 10px !important;
    width: auto !important;
  }

  html.dark-theme body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item > .ready-kit-item-visual,
  body.dark-theme.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item > .ready-kit-item-visual {
    background: rgba(9, 14, 17, 0.98) !important;
    border-color: rgba(255, 204, 0, 0.28) !important;
  }

  html.dark-theme body.ready-race-page .ready-kits-section .ready-kit-hover-copy strong,
  body.dark-theme.ready-race-page .ready-kits-section .ready-kit-hover-copy strong {
    color: #fff !important;
  }

  html.dark-theme body.ready-race-page .ready-kits-section .ready-kit-hover-copy p,
  body.dark-theme.ready-race-page .ready-kits-section .ready-kit-hover-copy p {
    color: rgba(255, 255, 255, 0.72) !important;
  }
}

/* Ready-to-race item hover preview restore. Keep this scoped to kits-prontos. */
@media (min-width: 861px) {
  body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item {
    position: relative !important;
    overflow: visible !important;
    min-height: 112px !important;
    isolation: isolate !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item > .ready-kit-item-info {
    position: relative !important;
    z-index: 1 !important;
    padding-right: 170px !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item > .ready-kit-item-visual {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    width: min(46%, 330px) !important;
    min-width: 250px !important;
    height: auto !important;
    display: grid !important;
    grid-template-columns: 118px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 12px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255, 204, 0, 0.42) !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 22px 54px rgba(0, 0, 0, 0.26) !important;
    color: #111111 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    text-decoration: none !important;
    transform: translateY(8px) scale(0.98) !important;
    transition: opacity 160ms ease, transform 160ms ease, box-shadow 160ms ease !important;
    z-index: 20 !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item:hover > .ready-kit-item-visual,
  body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item:focus-within > .ready-kit-item-visual {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(0) scale(1) !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item > .ready-kit-item-visual > img {
    display: block !important;
    width: 118px !important;
    height: 88px !important;
    object-fit: contain !important;
    border-radius: 12px !important;
    background: #ffffff !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-hover-copy {
    position: static !important;
    display: grid !important;
    gap: 5px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #111111 !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-hover-copy span,
  body.ready-race-page .ready-kits-section .ready-kit-hover-copy strong,
  body.ready-race-page .ready-kits-section .ready-kit-hover-copy p {
    display: block !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-hover-copy span {
    color: #0b8f45 !important;
    font-size: 0.72rem !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-hover-copy strong {
    color: #111111 !important;
    font-size: 0.98rem !important;
    line-height: 1.08 !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-hover-copy p {
    color: #4d463a !important;
    font-size: 0.78rem !important;
    line-height: 1.28 !important;
    margin: 0 !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-hover-copy small {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: fit-content !important;
    min-height: 30px !important;
    margin-top: 2px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    background: #111111 !important;
    color: #ffffff !important;
    font-size: 0.72rem !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
  }
}

@media (max-width: 860px) {

}

/* Home flow cards: readable in both themes. The previous mixed surface token
   made day mode render dark cards with dark copy. */
html:not(.dark-theme) body .front-system-strip article {
  background: #ffffff !important;
  border-color: rgba(18, 24, 32, 0.14) !important;
  box-shadow: 0 16px 38px rgba(18, 24, 32, 0.08) !important;
}

html:not(.dark-theme) body .front-system-strip strong {
  color: #111827 !important;
}

html:not(.dark-theme) body .front-system-strip p {
  color: #4f4638 !important;
}

html.dark-theme body .front-system-strip article,
body.dark-theme .front-system-strip article {
  background: #111a23 !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
}

html.dark-theme body .front-system-strip strong,
body.dark-theme .front-system-strip strong {
  color: #fff7ea !important;
}

html.dark-theme body .front-system-strip p,
body.dark-theme .front-system-strip p {
  color: #c9d0ca !important;
}

/* Desktop wide parity: Flight/Pimax use the same compact single-row header as SR. */
@media (min-width: 1680px) {



}

/* Shared header final polish: compact ready links and no duplicated universe switch in page body. */


@media (min-width: 981px) {
  html body .site-header.header-system,
  html body .front-header.header-system,
  html body .site-header.header-system.has-site-search,
  html body .front-header.header-system.has-site-search {
    grid-template-rows: 44px 24px !important;
    min-height: 84px !important;
    row-gap: 6px !important;
  }

  html body .site-header.header-system > nav > a,
  html body .front-header.header-system > nav > a {
    font-size: 14px !important;
  }

  html body .site-header.header-system > nav > a[href*="kits-prontos"],
  html body .front-header.header-system > nav > a[href*="kits-prontos"],
  html body .site-header.header-system > nav > a[href*="kits-voo"],
  html body .front-header.header-system > nav > a[href*="kits-voo"] {
    align-items: center !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    font-size: 14px !important;
    line-height: 1 !important;
    min-height: 24px !important;
    padding: 5px 10px !important;
  }








}

/* Home flow cards: final theme override. */
















/* Pimax comparator and QLED product polish - 2026-06-22 */


body.pimax-compare-page .vr-guide-card-qled-50 { order: 1; }
body.pimax-compare-page .vr-guide-card-qled-57 { order: 2; }
body.pimax-compare-page .vr-guide-card-qled-ultra { order: 3; }
body.pimax-compare-page .vr-guide-card-light { order: 4; }
body.pimax-compare-page .vr-guide-card-oled { order: 5; }
body.pimax-compare-page .vr-guide-card-air { order: 6; }















html:not(.dark-theme) body.pimax-compare-page .vr-guide-grid > article {
  color: #07120d !important;
}

html:not(.dark-theme) body.pimax-compare-page .vr-guide-grid > article h3,
html:not(.dark-theme) body.pimax-compare-page .vr-guide-grid > article strong,
html:not(.dark-theme) body.pimax-compare-page .vr-guide-grid > article p {
  color: #07120d !important;
}

html:not(.dark-theme) body.pimax-compare-page .vr-guide-grid > article {
  background: #f7fff8 !important;
}































@media (max-width: 900px) {

}

@media (max-width: 760px) {

}

/* EOF override: Pimax Brasil stock/action layout must win over older card rules. */








/* Pimax Brasil: polished stock/actions, last-mile override 2026-06-24 */
body.pimax-lite .pimax-launch-card [data-stock-cell],
body.pimax-lite .pimax-super-options [data-stock-cell],
body.pimax-lite .pimax-dream-panel [data-stock-cell],
body.pimax-lite .pimax-accessory-grid [data-stock-cell] {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 14px auto 10px !important;
  width: 100% !important;
}

body.pimax-lite .pimax-launch-card .stock-table-action,
body.pimax-lite .pimax-super-options .stock-table-action,
body.pimax-lite .pimax-dream-panel .stock-table-action,
body.pimax-lite .pimax-accessory-grid .stock-table-action {
  min-width: 132px !important;
  min-height: 34px !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  font-size: 0.72rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.045em !important;
  line-height: 1 !important;
  text-align: center !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

body.pimax-lite .pimax-launch-card .stock-table-action.is-in,
body.pimax-lite .pimax-super-options .stock-table-action.is-in,
body.pimax-lite .pimax-dream-panel .stock-table-action.is-in,
body.pimax-lite .pimax-accessory-grid .stock-table-action.is-in {
  background: rgba(37, 222, 126, 0.12) !important;
  border: 1px solid rgba(37, 222, 126, 0.34) !important;
  color: #07914b !important;
}

body.pimax-lite .pimax-launch-card .stock-table-action.is-out,
body.pimax-lite .pimax-super-options .stock-table-action.is-out,
body.pimax-lite .pimax-dream-panel .stock-table-action.is-out,
body.pimax-lite .pimax-accessory-grid .stock-table-action.is-out {
  background: rgba(245, 178, 28, 0.14) !important;
  border: 1px solid rgba(245, 178, 28, 0.42) !important;
  color: #9b6500 !important;
}

html.dark-theme body.pimax-lite .pimax-launch-card .stock-table-action.is-in,
body.dark-theme.pimax-lite .pimax-launch-card .stock-table-action.is-in,
html.dark-theme body.pimax-lite .pimax-super-options .stock-table-action.is-in,
body.dark-theme.pimax-lite .pimax-super-options .stock-table-action.is-in,
html.dark-theme body.pimax-lite .pimax-dream-panel .stock-table-action.is-in,
body.dark-theme.pimax-lite .pimax-dream-panel .stock-table-action.is-in,
html.dark-theme body.pimax-lite .pimax-accessory-grid .stock-table-action.is-in,
body.dark-theme.pimax-lite .pimax-accessory-grid .stock-table-action.is-in {
  background: rgba(37, 222, 126, 0.13) !important;
  border-color: rgba(37, 222, 126, 0.34) !important;
  color: #32df86 !important;
}

html.dark-theme body.pimax-lite .pimax-launch-card .stock-table-action.is-out,
body.dark-theme.pimax-lite .pimax-launch-card .stock-table-action.is-out,
html.dark-theme body.pimax-lite .pimax-super-options .stock-table-action.is-out,
body.dark-theme.pimax-lite .pimax-super-options .stock-table-action.is-out,
html.dark-theme body.pimax-lite .pimax-dream-panel .stock-table-action.is-out,
body.dark-theme.pimax-lite .pimax-dream-panel .stock-table-action.is-out,
html.dark-theme body.pimax-lite .pimax-accessory-grid .stock-table-action.is-out,
body.dark-theme.pimax-lite .pimax-accessory-grid .stock-table-action.is-out {
  background: rgba(245, 178, 28, 0.16) !important;
  border-color: rgba(245, 178, 28, 0.42) !important;
  color: #d59a25 !important;
}

body.pimax-lite .pimax-card-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
  margin-top: 8px !important;
  width: 100% !important;
}

body.pimax-lite .pimax-card-actions a,
body.pimax-lite .pimax-card-actions button {
  width: 148px !important;
  min-width: 148px !important;
  min-height: 50px !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  border-radius: 999px !important;
  padding: 12px 16px !important;
  font-size: 0.88rem !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: normal !important;
}

body.pimax-lite .pimax-card-actions a[data-stock-buy-action],
body.pimax-lite .pimax-card-actions button[data-stock-notify-row] {
  border: 1px solid transparent !important;
  background: linear-gradient(135deg, #27df72, #caff3d) !important;
  color: #04110a !important;
  box-shadow: 0 16px 30px rgba(26, 198, 96, 0.18) !important;
}







html:not(.dark-theme) body.pimax-lite .pimax-card-actions a:not([data-stock-buy-action]) {
  border-color: rgba(11, 93, 55, 0.18) !important;
  background: rgba(255, 255, 255, 0.72) !important;
  color: #102119 !important;
}



body.pimax-lite .pimax-super-options article.is-out-of-stock .pimax-card-actions a:not([data-stock-buy-action]),
body.pimax-lite .pimax-super-options article:has(button[data-stock-notify-row]) .pimax-card-actions a:not([data-stock-buy-action]) {
  width: 148px !important;
}











@media (max-width: 720px) {

}

/* Final override: Pimax Brasil stock/action layout. */
















@media (max-width: 720px) {

}

/* Pimax Brasil: estoque controla a compra sem poluir o card. */
body.pimax-lite .pimax-launch-card [data-stock-cell],
body.pimax-lite .pimax-super-options [data-stock-cell],
body.pimax-lite .pimax-dream-panel [data-stock-cell] {
  display: flex;
  align-items: center;
  min-height: 34px;
}

body.pimax-lite .pimax-launch-card .stock-table-action,
body.pimax-lite .pimax-super-options .stock-table-action,
body.pimax-lite .pimax-dream-panel .stock-table-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 32px;
  border-radius: 999px;
  padding: 7px 12px;
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1;
}

body.pimax-lite .pimax-launch-card .stock-table-action.is-in,
body.pimax-lite .pimax-super-options .stock-table-action.is-in,
body.pimax-lite .pimax-dream-panel .stock-table-action.is-in {
  background: rgba(33, 211, 118, 0.14);
  border: 1px solid rgba(33, 211, 118, 0.38);
  color: #0a7d3b;
}

body.pimax-lite .pimax-launch-card .stock-table-action.is-out,
body.pimax-lite .pimax-super-options .stock-table-action.is-out,
body.pimax-lite .pimax-dream-panel .stock-table-action.is-out {
  background: rgba(255, 191, 69, 0.18);
  border: 1px solid rgba(255, 191, 69, 0.45);
  color: #805100;
}

body.pimax-lite .pimax-card-actions {
  display: grid;
  grid-template-columns: minmax(120px, auto) minmax(120px, auto);
  justify-content: start;
  align-items: center;
  gap: 10px;
  margin-top: 6px;
}

body.pimax-lite .pimax-card-actions a,
body.pimax-lite .pimax-card-actions button {
  min-height: 42px;
  border-radius: 999px;
  padding: 11px 16px;
  font: inherit;
  font-size: 0.82rem;
  font-weight: 950;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
}

body.pimax-lite .pimax-card-actions a[data-stock-buy-action],
body.pimax-lite .pimax-card-actions button[data-stock-notify-row] {
  border: 1px solid transparent;
  background: linear-gradient(135deg, #20df72, #d6ff4a);
  color: #04110a;
  box-shadow: 0 14px 26px rgba(24, 191, 103, 0.18);
}

body.pimax-lite .pimax-card-actions a:not([data-stock-buy-action]) {
  border: 1px solid rgba(21, 128, 79, 0.24);
  background: rgba(255, 255, 255, 0.58);
  color: var(--pimax-text);
}

html.dark-theme body.pimax-lite .pimax-launch-card .stock-table-action.is-in,
body.dark-theme.pimax-lite .pimax-launch-card .stock-table-action.is-in,
html.dark-theme body.pimax-lite .pimax-super-options .stock-table-action.is-in,
body.dark-theme.pimax-lite .pimax-super-options .stock-table-action.is-in {
  color: #baffd1;
  background: rgba(33, 211, 118, 0.14);
}

html.dark-theme body.pimax-lite .pimax-card-actions a:not([data-stock-buy-action]),
body.dark-theme.pimax-lite .pimax-card-actions a:not([data-stock-buy-action]) {
  background: rgba(255, 255, 255, 0.04);
  color: #eef8f0;
  border-color: rgba(255, 255, 255, 0.18);
}

@media (max-width: 720px) {
  body.pimax-lite .pimax-card-actions {
    grid-template-columns: 1fr;
  }
}

/* Pimax VR configurator: discount bridge to full Racing/Flight kits. */
body.vr-config-site .vr-bundle-discount {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto 28px;
  padding: 24px;
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) auto;
  gap: 22px;
  align-items: center;
  border: 1px solid rgba(34, 226, 123, 0.24);
  border-radius: 22px;
  background: color-mix(in srgb, var(--pimax-panel, #ffffff) 88%, var(--pimax-soft, #e8f7ed));
  box-shadow: 0 18px 44px rgba(8, 90, 40, 0.1);
}

body.vr-config-site .vr-bundle-discount h2 {
  margin: 6px 0 10px;
  max-width: 820px;
  color: var(--pimax-text, #07140d);
  font-size: clamp(1.55rem, 2.4vw, 2.45rem);
  line-height: 0.98;
  letter-spacing: 0;
}

body.vr-config-site .vr-bundle-discount p {
  margin: 0;
  max-width: 760px;
  color: var(--pimax-muted, #526b5b);
  font-size: 1rem;
  line-height: 1.55;
}

body.vr-config-site .vr-bundle-discount-actions {
  display: grid;
  gap: 10px;
  min-width: min(320px, 100%);
}

body.vr-config-site .vr-bundle-discount-actions .button {
  justify-content: center;
  text-align: center;
  white-space: normal;
}

html.dark-theme body.vr-config-site .vr-bundle-discount,
body.dark-theme.vr-config-site .vr-bundle-discount {
  background: linear-gradient(135deg, rgba(14, 40, 25, 0.94), rgba(8, 20, 14, 0.94));
  border-color: rgba(34, 226, 123, 0.28);
  box-shadow: none;
}

@media (max-width: 820px) {
  body.vr-config-site .vr-bundle-discount {
    width: min(100% - 28px, 560px);
    grid-template-columns: 1fr;
    padding: 20px;
  }

  body.vr-config-site .vr-bundle-discount-actions {
    width: 100%;
  }
}

/* Home cross-site callouts: make each brand block carry its own color. */
html:not(.dark-theme) body.race-home .flight-callout {
  background:
    linear-gradient(90deg, #e8f4ff 0%, #f4fbff 58%, rgba(232, 244, 255, 0.82) 100%),
    radial-gradient(circle at 86% 44%, rgba(38, 128, 219, 0.16), transparent 32%),
    url("assets/products/pimax-super.webp") right center / contain no-repeat !important;
  border-color: rgba(45, 126, 204, 0.24) !important;
}

html:not(.dark-theme) body.race-home .flight-callout span {
  color: #1264b7 !important;
}

html:not(.dark-theme) body.race-home .flight-callout h2 {
  color: #071522 !important;
}

html:not(.dark-theme) body.race-home .flight-callout p {
  color: #3d5368 !important;
}

html:not(.dark-theme) body.race-home .pimax-front-callout {
  background:
    linear-gradient(135deg, #eaf9ef 0%, #f5fff8 52%, #e6f7ee 100%),
    radial-gradient(circle at 82% 42%, rgba(0, 168, 92, 0.16), transparent 36%) !important;
  border-color: rgba(0, 144, 78, 0.22) !important;
}

html:not(.dark-theme) body.race-home .pimax-front-callout span {
  color: #078a50 !important;
}

html:not(.dark-theme) body.race-home .pimax-front-callout h2 {
  color: #07160f !important;
}

html:not(.dark-theme) body.race-home .pimax-front-callout p {
  color: #3f5f4b !important;
}

html.dark-theme body.race-home .flight-callout,
body.dark-theme.race-home .flight-callout {
  background:
    linear-gradient(90deg, #071424 0%, #0a1f37 58%, rgba(7, 20, 36, 0.9) 100%),
    radial-gradient(circle at 86% 44%, rgba(40, 150, 255, 0.18), transparent 34%),
    url("assets/products/pimax-super.webp") right center / contain no-repeat !important;
  border-color: rgba(70, 160, 255, 0.26) !important;
}

html.dark-theme body.race-home .pimax-front-callout,
body.dark-theme.race-home .pimax-front-callout {
  background:
    linear-gradient(135deg, #06150f 0%, #082218 55%, #06150f 100%),
    radial-gradient(circle at 82% 42%, rgba(20, 220, 126, 0.14), transparent 38%) !important;
  border-color: rgba(20, 220, 126, 0.26) !important;
}

/* Home technical chips: clearer contrast on light theme. */
html:not(.dark-theme) body.race-home .under-cover-points small {
  background: #fff4c6 !important;
  border-color: rgba(214, 164, 0, 0.52) !important;
  box-shadow: 0 10px 22px rgba(88, 64, 0, 0.08) !important;
  color: #231b08 !important;
}

html:not(.dark-theme) body.race-home .under-cover-points small:nth-child(2) {
  background: #eef8f0 !important;
  border-color: rgba(21, 145, 83, 0.34) !important;
}

html:not(.dark-theme) body.race-home .under-cover-points small:nth-child(4) {
  background: #eef5ff !important;
  border-color: rgba(34, 93, 190, 0.28) !important;
}

html.dark-theme body.race-home .under-cover-points small,
body.dark-theme.race-home .under-cover-points small {
  background: rgba(255, 203, 44, 0.12) !important;
  border-color: rgba(255, 203, 44, 0.34) !important;
  color: #fff7df !important;
}

html body.pimax-compare-page .vr-product-name-link {
  color: inherit !important;
  text-decoration: none !important;
}

html body.pimax-compare-page .vr-product-name-link:hover,
html body.pimax-compare-page .vr-product-name-link:focus-visible {
  color: #0c9d5c !important;
  text-decoration: underline !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 4px !important;
}

html.dark-theme body.pimax-compare-page .vr-product-name-link:hover,
body.dark-theme.pimax-compare-page .vr-product-name-link:hover,
html.dark-theme body.pimax-compare-page .vr-product-name-link:focus-visible,
body.dark-theme.pimax-compare-page .vr-product-name-link:focus-visible {
  color: #25e860 !important;
}

/* Pimax comparator: wider guided cards on desktop so the copy does not feel squeezed. */
@media (min-width: 981px) {
  html body.pimax-compare-page .vr-guide-grid {
    display: grid !important;
    gap: 18px !important;
    grid-template-columns: repeat(3, minmax(300px, 1fr)) !important;
    margin-inline: auto !important;
    max-width: 1180px !important;
  }

  html body.pimax-compare-page .vr-guide-grid > article {
    min-height: 280px !important;
    padding: 22px !important;
  }
}

@media (min-width: 1440px) {
  html body.pimax-compare-page .vr-guide-grid {
    grid-template-columns: repeat(3, minmax(340px, 1fr)) !important;
    max-width: 1280px !important;
  }
}

/* Final menu active state: regular pages use an underline, ready kits keep their colored pill. */
html body .site-header.header-system > nav > a.is-active:not([href*="kits-prontos"]):not([href*="kits-voo"]),
html body .front-header.header-system > nav > a.is-active:not([href*="kits-prontos"]):not([href*="kits-voo"]),
html body .site-header > nav > a.is-active:not([href*="kits-prontos"]):not([href*="kits-voo"]),
html body .front-header > nav > a.is-active:not([href*="kits-prontos"]):not([href*="kits-voo"]) {
  background: transparent !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: inset 0 -2px 0 rgba(19, 148, 91, 0.55) !important;
  color: #2f2a22 !important;
}

html.dark-theme body .site-header.header-system > nav > a.is-active:not([href*="kits-prontos"]):not([href*="kits-voo"]),
html.dark-theme body .front-header.header-system > nav > a.is-active:not([href*="kits-prontos"]):not([href*="kits-voo"]),
body.dark-theme .site-header.header-system > nav > a.is-active:not([href*="kits-prontos"]):not([href*="kits-voo"]),
body.dark-theme .front-header.header-system > nav > a.is-active:not([href*="kits-prontos"]):not([href*="kits-voo"]) {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: inset 0 -2px 0 rgba(255, 203, 44, 0.7) !important;
  color: #fff7df !important;
}

/* Racing menu visual parity: front page and ready kits share the same menu tone. */
html body.race-home header.header-system > nav > a,
html body.ready-race-page header.header-system > nav > a,
html body.race-home header.front-header > nav > a,
html body.ready-race-page header.front-header > nav > a {
  color: #6e675b !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-transform: none !important;
}

html body.race-home header.header-system > nav > a:hover,
html body.ready-race-page header.header-system > nav > a:hover,
html body.race-home header.front-header > nav > a:hover,
html body.ready-race-page header.front-header > nav > a:hover,
html body.race-home header.header-system > nav > a.is-active,
html body.ready-race-page header.header-system > nav > a.is-active,
html body.race-home header.front-header > nav > a.is-active,
html body.ready-race-page header.front-header > nav > a.is-active {
  color: #3f392f !important;
}

html body.race-home header.header-system > nav > a.is-active:not([href*="kits-prontos"]),
html body.ready-race-page header.header-system > nav > a.is-active:not([href*="kits-prontos"]),
html body.race-home header.front-header > nav > a.is-active:not([href*="kits-prontos"]),
html body.ready-race-page header.front-header > nav > a.is-active:not([href*="kits-prontos"]) {
  background: rgba(16, 16, 16, 0.045) !important;
  border: 1px solid rgba(63, 57, 47, 0.16) !important;
  border-radius: 999px !important;
  color: #3f392f !important;
}

html body.race-home header.header-system > nav > a[href*="kits-prontos"],
html body.ready-race-page header.header-system > nav > a[href*="kits-prontos"],
html body.race-home header.front-header > nav > a[href*="kits-prontos"],
html body.ready-race-page header.front-header > nav > a[href*="kits-prontos"] {
  background: rgba(255, 203, 44, 0.18) !important;
  border: 1px solid rgba(255, 203, 44, 0.42) !important;
  border-radius: 999px !important;
  color: #5f511c !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  min-height: 26px !important;
  padding: 5px 9px !important;
}

html.dark-theme body.race-home header.header-system > nav > a,
html.dark-theme body.ready-race-page header.header-system > nav > a,
body.dark-theme.race-home header.header-system > nav > a,
body.dark-theme.ready-race-page header.header-system > nav > a {
  color: rgba(245, 242, 231, 0.76) !important;
}

html.dark-theme body.race-home header.header-system > nav > a[href*="kits-prontos"],
html.dark-theme body.ready-race-page header.header-system > nav > a[href*="kits-prontos"],
body.dark-theme.race-home header.header-system > nav > a[href*="kits-prontos"],
body.dark-theme.ready-race-page header.header-system > nav > a[href*="kits-prontos"] {
  color: #ffe58a !important;
}

html.dark-theme body.race-home header.header-system > nav > a.is-active:not([href*="kits-prontos"]),
html.dark-theme body.ready-race-page header.header-system > nav > a.is-active:not([href*="kits-prontos"]),
body.dark-theme.race-home header.header-system > nav > a.is-active:not([href*="kits-prontos"]),
body.dark-theme.ready-race-page header.header-system > nav > a.is-active:not([href*="kits-prontos"]) {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: #fff7df !important;
}

/* Absolute final lock for the site switcher logos.
   Older blocks in this file also touch these classes; keep this at EOF. */
html body .site-universe-logo,
html body .mobile-universe-logo {
  align-items: center !important;
  display: grid !important;
  height: 24px !important;
  justify-items: center !important;
  overflow: hidden !important;
  position: relative !important;
  width: 58px !important;
}

html body .site-universe-logo img,
html body .mobile-universe-logo img {
  display: block !important;
  height: 100% !important;
  inset: 0 !important;
  margin: auto !important;
  max-height: 24px !important;
  max-width: 58px !important;
  object-fit: contain !important;
  position: absolute !important;
  width: 100% !important;
}

html:not(.dark-theme) body .site-universe-logo .site-universe-logo-dark,
body:not(.dark-theme) .site-universe-logo .site-universe-logo-dark,
html:not(.dark-theme) body .mobile-universe-logo .mobile-universe-logo-dark,
body:not(.dark-theme) .mobile-universe-logo .mobile-universe-logo-dark,
html.dark-theme body .site-universe-logo .site-universe-logo-light,
body.dark-theme .site-universe-logo .site-universe-logo-light,
html.dark-theme body .mobile-universe-logo .mobile-universe-logo-light,
body.dark-theme .mobile-universe-logo .mobile-universe-logo-light {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

html:not(.dark-theme) body .site-universe-logo .site-universe-logo-light,
body:not(.dark-theme) .site-universe-logo .site-universe-logo-light,
html:not(.dark-theme) body .mobile-universe-logo .mobile-universe-logo-light,
body:not(.dark-theme) .mobile-universe-logo .mobile-universe-logo-light,
html.dark-theme body .site-universe-logo .site-universe-logo-dark,
body.dark-theme .site-universe-logo .site-universe-logo-dark,
html.dark-theme body .mobile-universe-logo .mobile-universe-logo-dark,
body.dark-theme .mobile-universe-logo .mobile-universe-logo-dark {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Final final lock: keep Flight/Pimax desktop headers aligned with SR. */
@media (min-width: 1680px) {



}

/* Universe switcher v2: logo cards for Racing / Flight / Pimax. */
.site-header,
.front-header {
  display: grid !important;
  grid-template-columns: minmax(170px, 250px) minmax(0, 1fr) auto auto !important;
}

.site-header .brand,
.front-header .front-brand,
.front-header .brand {
  grid-column: 1 !important;
}



.site-universe-switch {
  align-self: center !important;
  background: rgba(255, 255, 255, 0.72) !important;
  border: 1px solid rgba(16, 20, 18, 0.12) !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 28px rgba(8, 14, 12, 0.08) !important;
  display: inline-grid !important;
  gap: 6px !important;
  grid-column: 3 !important;
  grid-template-columns: repeat(3, minmax(74px, 88px)) !important;
  justify-self: end !important;
  padding: 6px !important;
  white-space: normal !important;
  text-align: center !important;
  width: auto !important;
}

.site-universe-switch a {
  align-items: center !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  color: #151711 !important;
  display: grid !important;
  gap: 4px !important;
  justify-items: center !important;
  min-height: 58px !important;
  min-width: 0 !important;
  padding: 6px 7px !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease !important;
}

.site-universe-switch a:hover {
  background: rgba(255, 214, 56, 0.16) !important;
  border-color: rgba(202, 159, 0, 0.34) !important;
  color: #11130e !important;
  transform: translateY(-1px) !important;
}

.site-universe-switch a.is-active {
  background: #fff4b8 !important;
  border-color: rgba(202, 159, 0, 0.34) !important;
  box-shadow: none !important;
  color: #11130e !important;
}

.site-universe-switch a.flight.is-active {
  background: #dff2ff !important;
  border-color: rgba(45, 139, 230, 0.34) !important;
  color: #061521 !important;
}

.site-universe-switch a.pimax.is-active {
  background: #dcffe8 !important;
  border-color: rgba(0, 164, 84, 0.34) !important;
  color: #06150c !important;
}

.site-universe-logo {
  align-items: center !important;
  display: grid !important;
  height: 24px !important;
  justify-items: center !important;
  width: 74px !important;
}









.site-universe-logo-dark,
.mobile-universe-logo-dark {
  display: none !important;
}

.site-universe-switch a strong {
  color: currentColor !important;
  font-size: 0.76rem !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
}



html.dark-theme body .site-universe-switch,
body.dark-theme .site-universe-switch {
  background: rgba(10, 18, 24, 0.88) !important;
  border-color: rgba(255, 255, 255, 0.13) !important;
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.22) !important;
}

html.dark-theme body .site-universe-switch a,
body.dark-theme .site-universe-switch a {
  color: rgba(248, 246, 237, 0.82) !important;
}

html.dark-theme body .site-universe-switch a:hover,
body.dark-theme .site-universe-switch a:hover {
  background: rgba(255, 214, 56, 0.12) !important;
  border-color: rgba(255, 214, 56, 0.24) !important;
  color: #fff7d6 !important;
}

html.dark-theme body .site-universe-switch a.is-active,
body.dark-theme .site-universe-switch a.is-active {
  background: rgba(255, 214, 56, 0.17) !important;
  border-color: rgba(255, 214, 56, 0.34) !important;
  color: #fff7d6 !important;
}

html.dark-theme body .site-universe-switch a.flight.is-active,
body.dark-theme .site-universe-switch a.flight.is-active {
  background: rgba(53, 181, 255, 0.18) !important;
  border-color: rgba(53, 181, 255, 0.36) !important;
  color: #dff4ff !important;
}

html.dark-theme body .site-universe-switch a.pimax.is-active,
body.dark-theme .site-universe-switch a.pimax.is-active {
  background: rgba(35, 224, 95, 0.16) !important;
  border-color: rgba(35, 224, 95, 0.34) !important;
  color: #dffff0 !important;
}

html.dark-theme body .site-universe-logo-light,
body.dark-theme .site-universe-logo-light,
html.dark-theme body .mobile-universe-logo-light,
body.dark-theme .mobile-universe-logo-light {
  display: none !important;
}

html.dark-theme body .site-universe-logo-dark,
body.dark-theme .site-universe-logo-dark,
html.dark-theme body .mobile-universe-logo-dark,
body.dark-theme .mobile-universe-logo-dark {
  display: block !important;
}

@media (max-width: 1320px) {
  .site-header,
  .front-header {
    grid-template-columns: minmax(142px, 220px) minmax(0, 1fr) auto auto !important;
    gap: 12px !important;
  }



  .site-universe-logo {
    width: 58px !important;
  }

  .site-universe-logo img {
    max-width: 58px !important;
  }

  .site-universe-switch a strong {
    font-size: 0.7rem !important;
  }
}

/* Header parity: Flight and Pimax use the same desktop rhythm as Speed Race. */
@media (min-width: 981px) {












  @media (min-width: 1680px) {
    html body.flight-site .site-header.has-site-search,
    html body.flight-site .front-header.has-site-search,
    html body.pimax-site .site-header.has-site-search,
    html body.pimax-site .front-header.has-site-search {
      grid-template-areas: "brand search nav switcher actions" !important;
      grid-template-columns: minmax(150px, 210px) minmax(300px, 360px) minmax(420px, 1fr) minmax(260px, auto) auto !important;
      grid-template-rows: auto !important;
      min-height: 88px !important;
      padding-bottom: 10px !important;
      padding-top: 10px !important;
    }

    html body.flight-site .site-header.has-site-search > .site-universe-switch,
    html body.flight-site .front-header.has-site-search > .site-universe-switch,
    html body.pimax-site .site-header.has-site-search > .site-universe-switch,
    html body.pimax-site .front-header.has-site-search > .site-universe-switch {
      justify-self: end !important;
    }
  }
}

@media (max-width: 980px) {


  .site-universe-switch {
    background: rgba(255, 255, 255, 0.72) !important;
    display: grid !important;
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    justify-self: stretch !important;
    order: 3 !important;
    padding: 5px !important;
    width: 100% !important;
  }

  .site-universe-switch a {
    min-height: 48px !important;
    padding: 5px !important;
  }





  .site-universe-switch a strong {
    font-size: 0.68rem !important;
  }
}

@media (max-width: 760px) {
  .site-header,
  .front-header {
    padding-bottom: 10px !important;
  }

  .site-universe-switch {
    margin-top: 8px !important;
  }

  html body.mobile-menu-open .site-header nav .mobile-universe-switch,
  html body.mobile-menu-open .front-header nav .mobile-universe-switch {
    grid-template-columns: 1fr !important;
  }

  html body.mobile-menu-open .site-header nav .mobile-universe-switch a,
  html body.mobile-menu-open .front-header nav .mobile-universe-switch a {
    grid-template-columns: 96px minmax(0, 1fr) !important;
    justify-items: start !important;
    min-height: 62px !important;
  }

  html body.mobile-menu-open .site-header nav .mobile-universe-switch a strong,
  html body.mobile-menu-open .front-header nav .mobile-universe-switch a strong {
    grid-column: 2 !important;
  }

  html body.mobile-menu-open .site-header nav .mobile-universe-switch a small,
  html body.mobile-menu-open .front-header nav .mobile-universe-switch a small {
    grid-column: 2 !important;
  }

  .mobile-universe-logo {
    align-items: center !important;
    display: grid !important;
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    height: 34px !important;
    justify-items: center !important;
    width: 88px !important;
  }

  .mobile-universe-logo img {
    display: block !important;
    max-height: 34px !important;
    max-width: 88px !important;
    object-fit: contain !important;
  }
}

.stock-notify-confirmation {
  align-items: center !important;
  display: flex !important;
  inset: 0 !important;
  justify-content: center !important;
  left: 0 !important;
  margin: 0 !important;
  right: 0 !important;
  top: 0 !important;
  z-index: 10030;
}

.stock-notify-backdrop {
  background: rgba(5, 10, 12, 0.72);
  inset: 0;
  position: absolute;
}

.stock-notify-dialog {
  background: var(--panel, #fffdf7);
  border: 1px solid var(--line, rgba(120, 130, 120, 0.24));
  border-radius: 22px;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.28);
  color: var(--text, #111);
  display: grid;
  gap: 13px;
  max-width: 440px;
  padding: 24px;
  position: relative;
  width: min(440px, 100%);
  z-index: 1;
}

.stock-notify-dialog > span {
  color: var(--accent, #119653);
  font-size: 0.76rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.stock-notify-dialog h2 {
  font-size: clamp(1.35rem, 5vw, 2rem);
  line-height: 1;
  margin: 0;
}

.stock-notify-dialog p {
  color: var(--muted, #66736d);
  font-weight: 700;
  line-height: 1.45;
  margin: 0 0 4px;
}

.stock-notify-success {
  justify-items: center;
  max-width: 480px;
  min-height: 0;
  padding: clamp(26px, 5vw, 34px);
  text-align: center;
}

.stock-notify-success::before {
  align-items: center;
  background: #19d978;
  border-radius: 999px;
  color: #06100b;
  content: "✓";
  display: inline-flex;
  font-size: 30px;
  font-weight: 950;
  height: 56px;
  justify-content: center;
  margin: 0 auto 4px;
  width: 56px;
}

.stock-notify-success p strong {
  color: var(--text, #111);
}

.stock-notify-success .button {
  margin-top: 4px;
  width: 100%;
}

.stock-notify-dialog label {
  color: var(--text, #111);
  display: grid;
  font-size: 0.82rem;
  font-weight: 900;
  gap: 7px;
}

.stock-notify-dialog label small {
  color: var(--muted, #66736d);
  font-size: 0.74rem;
  font-weight: 800;
  margin-left: 4px;
}

.stock-notify-dialog input {
  background: var(--panel-soft, rgba(255, 255, 255, 0.06));
  border: 1px solid var(--line, rgba(120, 130, 120, 0.24));
  border-radius: 14px;
  color: var(--text, #111);
  font: inherit;
  font-weight: 800;
  min-height: 48px;
  padding: 0 14px;
}

.stock-notify-close {
  align-items: center;
  background: transparent;
  border: 1px solid var(--line, rgba(120, 130, 120, 0.24));
  border-radius: 999px;
  color: var(--muted, #66736d);
  cursor: pointer;
  display: inline-flex;
  font-weight: 950;
  height: 34px;
  justify-content: center;
  position: absolute;
  right: 14px;
  top: 14px;
  width: 34px;
}

html.dark-theme .stock-notify-dialog,
body.dark-theme .stock-notify-dialog {
  /* Keep modal tokens independent from light product-page palettes. */
  --text: #f7fbf7;
  --muted: #c0ccc7;
  --panel-soft: #1d2b31;
  --line: #82948c;
  background: #101a20;
  color: #f7fbf7;
  color-scheme: dark;
}

html.dark-theme .stock-notify-dialog input,
body.dark-theme .stock-notify-dialog input {
  color: #f7fbf7;
  caret-color: #f7fbf7;
}

.stock-notify-dialog input::placeholder {
  color: var(--muted, #66736d);
  opacity: 1;
}

html.dark-theme .stock-notify-dialog input:autofill,
body.dark-theme .stock-notify-dialog input:autofill {
  -webkit-text-fill-color: #f7fbf7;
  box-shadow: 0 0 0 1000px #1d2b31 inset;
}

html.dark-theme .stock-notify-success p strong,
body.dark-theme .stock-notify-success p strong {
  color: #f7fbf7;
}

.flight-resource-actions {
  display: grid;
  gap: 10px;
  margin-top: 18px;
}

.flight-resource-button {
  align-items: center;
  background: rgba(18, 113, 196, 0.08);
  border: 1px solid rgba(18, 113, 196, 0.24);
  border-radius: 16px;
  color: #0d2034;
  display: grid;
  gap: 3px;
  min-height: 68px;
  padding: 14px 48px 14px 16px;
  position: relative;
  text-decoration: none;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.flight-resource-button::after {
  align-items: center;
  border: 1px solid currentColor;
  border-radius: 999px;
  content: ">";
  display: inline-flex;
  font-size: 0.86rem;
  font-weight: 950;
  height: 28px;
  justify-content: center;
  opacity: 0.7;
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
}

.flight-resource-button small {
  color: #0969b8;
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.flight-resource-button strong {
  color: inherit;
  font-size: 0.98rem;
  font-weight: 950;
  line-height: 1.15;
}

.flight-resource-button:hover,
.flight-resource-button:focus-visible {
  border-color: rgba(18, 113, 196, 0.62);
  box-shadow: 0 16px 34px rgba(18, 113, 196, 0.16);
  transform: translateY(-1px);
}

.flight-resource-button.is-primary {
  background: linear-gradient(135deg, #0c78d4, #29b8ef);
  border-color: rgba(41, 184, 239, 0.72);
  color: #ffffff;
}

.flight-resource-button.is-primary small,
.flight-resource-button.is-primary strong {
  color: #ffffff;
}

html.dark-theme body.flight-site .flight-resource-button,
body.dark-theme.flight-site .flight-resource-button {
  background: rgba(35, 167, 255, 0.08);
  border-color: rgba(93, 183, 255, 0.26);
  color: #f7fbff;
}

html.dark-theme body.flight-site .flight-resource-button small,
body.dark-theme.flight-site .flight-resource-button small {
  color: #65c7ff;
}

html.dark-theme body.flight-site .flight-resource-button.is-primary,
body.dark-theme.flight-site .flight-resource-button.is-primary {
  background: linear-gradient(135deg, #0d72c9, #27c2f0);
  border-color: rgba(83, 205, 255, 0.75);
  color: #ffffff;
}

html.dark-theme body.flight-site .flight-resource-button.is-primary small,
html.dark-theme body.flight-site .flight-resource-button.is-primary strong,
body.dark-theme.flight-site .flight-resource-button.is-primary small,
body.dark-theme.flight-site .flight-resource-button.is-primary strong {
  color: #ffffff;
}

@media (max-width: 760px) {
  .store-stock-label {
    font-size: 10px;
    padding: 6px 8px;
  }

  .stock-ribbon {
    font-size: 10px;
    left: 10px;
    top: 10px;
  }

  .stock-notify-button {
    min-height: 38px;
    padding: 0 12px;
  }
}

/* Mobile header polish: compact theme and Instagram controls. */
@media (max-width: 760px) {
  html body .site-header,
  html body .front-header {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 8px !important;
    padding-left: max(12px, env(safe-area-inset-left)) !important;
    padding-right: max(10px, env(safe-area-inset-right)) !important;
  }

  html body .site-header .brand,
  html body .front-header .front-brand,
  html body .front-header .brand {
    max-width: calc(100vw - 214px) !important;
  }

  html body .site-header .brand-logo,
  html body .front-header .brand-logo {
    flex: 0 0 auto !important;
    height: 58px !important;
    width: 58px !important;
  }

  html body .site-header .brand strong,
  html body .front-header .brand strong,
  html body .front-header .front-brand strong {
    font-size: clamp(18px, 5vw, 24px) !important;
    line-height: 1 !important;
  }

  html body .site-header .brand small,
  html body .front-header .brand small,
  html body .front-header .front-brand small {
    font-size: clamp(13px, 3.6vw, 17px) !important;
    line-height: 1.1 !important;
  }

  html body .site-header .header-actions,
  html body .front-header .front-actions {
    gap: 7px !important;
  }

  html body .theme-toggle {
    align-items: center !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    height: 46px !important;
    justify-content: center !important;
    min-height: 46px !important;
    min-width: 46px !important;
    padding: 0 !important;
    width: 46px !important;
  }

  html body .theme-toggle #theme-toggle-label,
  html body .theme-toggle span:not(.theme-toggle-icon) {
    display: none !important;
  }

  html body .theme-toggle-icon {
    align-items: center !important;
    display: inline-flex !important;
    font-size: 20px !important;
    height: 1em !important;
    justify-content: center !important;
    line-height: 1 !important;
    margin: 0 !important;
    width: 1em !important;
  }

  html body .instagram-action {
    align-items: center !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    height: 46px !important;
    justify-content: center !important;
    min-height: 46px !important;
    min-width: 46px !important;
    padding: 0 !important;
    width: 46px !important;
  }

  html body .instagram-action span {
    display: none !important;
  }

  html body .instagram-action svg {
    height: 20px !important;
    width: 20px !important;
  }

  html body .mobile-menu-toggle {
    height: 46px !important;
    min-height: 46px !important;
    min-width: 88px !important;
  }
}

@media (max-width: 390px) {
  html body .site-header .brand,
  html body .front-header .front-brand,
  html body .front-header .brand {
    max-width: calc(100vw - 198px) !important;
  }

  html body .site-header .brand-logo,
  html body .front-header .brand-logo {
    height: 52px !important;
    width: 52px !important;
  }

  html body .theme-toggle,
  html body .instagram-action {
    height: 42px !important;
    min-height: 42px !important;
    min-width: 42px !important;
    width: 42px !important;
  }

  html body .mobile-menu-toggle {
    height: 42px !important;
    min-height: 42px !important;
    min-width: 78px !important;
    padding: 0 9px !important;
  }
}

/* Mobile catalog brand picker: compact chips instead of huge logo cards. */
@media (max-width: 760px) {
  html body .store-hero .brand-catalog-intro {
    margin-top: 28px !important;
    text-align: left !important;
  }

  html body .store-hero .brand-catalog-intro strong {
    font-size: clamp(22px, 7vw, 30px) !important;
    line-height: 1.05 !important;
  }

  html body .store-hero .brand-catalog-intro span {
    font-size: 1rem !important;
    line-height: 1.35 !important;
    margin-inline: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
  }

  html body .brand-catalog-grid {
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin-top: 18px !important;
  }

  html body .brand-catalog-card {
    align-content: center !important;
    align-items: center !important;
    border-radius: 14px !important;
    display: grid !important;
    gap: 8px !important;
    min-height: 118px !important;
    overflow: hidden !important;
    padding: 12px !important;
    text-align: center !important;
  }

  html body .brand-catalog-card::before,
  html body .brand-catalog-card::after {
    display: none !important;
  }

  html body .brand-catalog-card:hover,
  html body .brand-catalog-card.is-active {
    box-shadow: none !important;
    transform: none !important;
  }

  html body .brand-catalog-card.is-active {
    outline-offset: 1px !important;
  }

  html body .brand-logo-frame {
    aspect-ratio: 16 / 7 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    margin: 0 !important;
    max-height: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
  }

  html body .brand-logo-mode {
    max-height: 34px !important;
    max-width: 82% !important;
  }

  html body .brand-catalog-card[data-brand-target="pimax"] .brand-logo-mode,
  html body .brand-catalog-card[data-brand-target="fanatec"] .brand-logo-mode,
  html body .brand-catalog-card[data-brand-target="simagic"] .brand-logo-mode,
  html body .brand-catalog-card[data-brand-target="moza"] .brand-logo-mode {
    max-height: 34px !important;
    max-width: 86% !important;
  }

  html body .brand-catalog-card span {
    color: var(--accent, #20d878) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
  }

  html body .brand-catalog-card strong {
    font-size: clamp(15px, 4.4vw, 18px) !important;
    line-height: 1.05 !important;
    margin: 0 auto !important;
    max-width: 12ch !important;
  }

  html body .brand-catalog-card small {
    display: none !important;
  }
}

/* Social CTAs in the global header. */
.instagram-action,
.whatsapp-action {
  align-items: center !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.55)) !important;
  border: 1px solid color-mix(in srgb, var(--line, #d8cfbd) 72%, #e1306c) !important;
  border-radius: 999px !important;
  color: var(--text, #10100f) !important;
  display: inline-flex !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 0.84rem !important;
  font-weight: 900 !important;
  gap: 7px !important;
  justify-content: center !important;
  letter-spacing: 0 !important;
  min-height: 38px !important;
  padding: 0 14px !important;
  text-decoration: none !important;
  transition: border-color 140ms ease, background-color 140ms ease, transform 140ms ease, box-shadow 140ms ease !important;
  white-space: normal !important;
  text-align: center !important;
}

.instagram-action svg,
.whatsapp-action svg {
  display: block !important;
  fill: currentColor !important;
  height: 18px !important;
  width: 18px !important;
}

.whatsapp-action {
  border-color: color-mix(in srgb, var(--line, #d8cfbd) 68%, #25d366) !important;
  color: #0b7e3c !important;
}

.instagram-action:hover,
.instagram-action:focus-visible {
  border-color: #e1306c !important;
  box-shadow: 0 10px 24px rgba(225, 48, 108, 0.16) !important;
  color: #c9145a !important;
  outline: none !important;
  transform: translateY(-1px) !important;
}

.whatsapp-action:hover,
.whatsapp-action:focus-visible {
  border-color: #25d366 !important;
  box-shadow: 0 10px 24px rgba(37, 211, 102, 0.16) !important;
  color: #07843d !important;
  outline: none !important;
  transform: translateY(-1px) !important;
}

html.dark-theme body .instagram-action,
body.dark-theme .instagram-action,
html.dark-theme body .whatsapp-action,
body.dark-theme .whatsapp-action {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #f8f4f0 !important;
}

html.dark-theme body .instagram-action,
body.dark-theme .instagram-action {
  border-color: rgba(225, 48, 108, 0.46) !important;
}

html.dark-theme body .whatsapp-action,
body.dark-theme .whatsapp-action {
  border-color: rgba(37, 211, 102, 0.48) !important;
}

html.dark-theme body .instagram-action:hover,
body.dark-theme .instagram-action:hover,
html.dark-theme body .instagram-action:focus-visible,
body.dark-theme .instagram-action:focus-visible {
  background: rgba(225, 48, 108, 0.13) !important;
  border-color: #f25c94 !important;
  color: #ffffff !important;
}

html.dark-theme body .whatsapp-action:hover,
body.dark-theme .whatsapp-action:hover,
html.dark-theme body .whatsapp-action:focus-visible,
body.dark-theme .whatsapp-action:focus-visible {
  background: rgba(37, 211, 102, 0.13) !important;
  border-color: #25d366 !important;
  color: #ffffff !important;
}

@media (max-width: 760px) {
  .instagram-action,
  .whatsapp-action {
    border-radius: 999px !important;
    height: 40px !important;
    min-height: 40px !important;
    min-width: 40px !important;
    padding: 0 !important;
    width: 40px !important;
  }

  .instagram-action span,
  .whatsapp-action span {
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    overflow: hidden !important;
    position: absolute !important;
    white-space: normal !important;
  text-align: center !important;
    width: 1px !important;
  }
}

/* Configurator line switch: Racing / Flight / Pimax VR. */
.config-line-switch {
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--surface, #ffffff) 94%, transparent), color-mix(in srgb, var(--bg, #f7f4ec) 94%, transparent)) !important;
  border-bottom: 1px solid color-mix(in srgb, var(--line, #d9d1bf) 78%, transparent) !important;
  border-top: 1px solid color-mix(in srgb, var(--line, #d9d1bf) 64%, transparent) !important;
  display: grid !important;
  gap: 22px !important;
  margin: 0 !important;
  padding: clamp(24px, 4vw, 42px) clamp(18px, 4vw, 64px) !important;
}

.config-line-copy,
.config-line-grid {
  margin-inline: auto !important;
  max-width: 1180px !important;
  width: 100% !important;
}

.config-line-copy {
  display: grid !important;
  gap: 8px !important;
}

.config-line-copy h2 {
  color: var(--text, #111) !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: clamp(1.55rem, 3vw, 2.7rem) !important;
  letter-spacing: 0 !important;
  line-height: 1.02 !important;
  margin: 0 !important;
  max-width: 760px !important;
}

.config-line-copy p:not(.eyebrow) {
  color: var(--muted, #6f685b) !important;
  font-size: clamp(0.95rem, 1.2vw, 1.08rem) !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  max-width: 760px !important;
}

.config-line-grid {
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.config-line-card {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--surface, #fff) 96%, white), color-mix(in srgb, var(--surface, #fff) 88%, var(--bg, #f7f4ec))) !important;
  border: 1px solid color-mix(in srgb, var(--line, #d9d1bf) 86%, transparent) !important;
  border-radius: 12px !important;
  color: var(--text, #111) !important;
  display: grid !important;
  gap: 9px !important;
  min-height: 150px !important;
  padding: 20px !important;
  position: relative !important;
  text-decoration: none !important;
  transition: background-color 140ms ease, border-color 140ms ease, transform 140ms ease, box-shadow 140ms ease !important;
}

.config-line-card::before {
  background: var(--accent, #009a53) !important;
  border-radius: 999px !important;
  content: "" !important;
  height: 4px !important;
  left: 20px !important;
  opacity: 0.72 !important;
  position: absolute !important;
  right: 20px !important;
  top: 14px !important;
}

.config-line-card:hover,
.config-line-card:focus-visible {
  border-color: var(--accent, #009a53) !important;
  box-shadow: 0 16px 38px rgba(6, 20, 16, 0.12) !important;
  outline: none !important;
  transform: translateY(-2px) !important;
}

.config-line-card.is-active {
  border-color: var(--accent, #009a53) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent, #009a53) 36%, transparent) !important;
}

.config-line-card span {
  color: var(--accent, #009a53) !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.06em !important;
  margin-top: 8px !important;
  text-transform: uppercase !important;
}

.config-line-card strong {
  color: var(--text, #111) !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: clamp(1.18rem, 1.7vw, 1.55rem) !important;
  letter-spacing: 0 !important;
  line-height: 1.08 !important;
}

.config-line-card small {
  color: var(--muted, #6f685b) !important;
  display: block !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  line-height: 1.42 !important;
}

body.flight-site .config-line-card::before,
body.flight-site .config-line-card.is-active,
body.flight-site .config-line-card:hover,
body.flight-site .config-line-card:focus-visible {
  --accent: #2fb7ff;
}

body.pimax-site .config-line-card::before,
body.pimax-site .config-line-card.is-active,
body.pimax-site .config-line-card:hover,
body.pimax-site .config-line-card:focus-visible {
  --accent: #2ee86f;
}

html.dark-theme body .config-line-switch,
body.dark-theme .config-line-switch {
  background:
    linear-gradient(135deg, rgba(7, 16, 22, 0.96), rgba(4, 11, 11, 0.96)) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

html.dark-theme body .config-line-copy h2,
body.dark-theme .config-line-copy h2,
html.dark-theme body .config-line-card strong,
body.dark-theme .config-line-card strong {
  color: #f7f8f3 !important;
}

html.dark-theme body .config-line-copy p:not(.eyebrow),
body.dark-theme .config-line-copy p:not(.eyebrow),
html.dark-theme body .config-line-card small,
body.dark-theme .config-line-card small {
  color: rgba(247, 248, 243, 0.72) !important;
}

html.dark-theme body .config-line-card,
body.dark-theme .config-line-card {
  background:
    linear-gradient(180deg, rgba(15, 26, 35, 0.96), rgba(8, 16, 22, 0.96)) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: #f7f8f3 !important;
}

html.dark-theme body.flight-site .config-line-switch,
body.dark-theme.flight-site .config-line-switch {
  background:
    linear-gradient(135deg, rgba(6, 17, 30, 0.96), rgba(5, 13, 22, 0.96)) !important;
}

@media (max-width: 820px) {
  .config-line-switch {
    gap: 12px !important;
    padding: 18px 14px !important;
  }

  .config-line-grid {
    gap: 10px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .config-line-copy {
    gap: 5px !important;
  }

  .config-line-copy h2 {
    font-size: clamp(1.25rem, 7vw, 1.75rem) !important;
    max-width: 100% !important;
  }

  .config-line-copy p:not(.eyebrow) {
    font-size: 0.92rem !important;
    line-height: 1.35 !important;
  }

  .config-line-card {
    gap: 5px !important;
    align-content: center !important;
    min-height: 82px !important;
    padding: 14px 8px !important;
    text-align: center !important;
  }

  .config-line-card::before {
    left: 16px !important;
    right: 16px !important;
    top: 10px !important;
  }

  .config-line-card span {
    font-size: 0.76rem !important;
    margin-top: 6px !important;
  }

  .config-line-card strong {
    font-size: 0.78rem !important;
    line-height: 1.12 !important;
  }

  .config-line-card small {
    display: none !important;
  }
}

/* Pimax configurator accessories: visible detail links without adding heavy effects. */
.vr-option-card {
  position: relative;
}

.vr-option-card .vr-option-link {
  align-self: end;
  border: 1px solid color-mix(in srgb, var(--pimax-cyan) 44%, var(--pimax-line));
  border-radius: 999px;
  color: var(--pimax-text);
  display: inline-flex;
  font-size: 12px;
  font-weight: 900;
  justify-content: center;
  letter-spacing: 0;
  padding: 10px 12px;
  text-decoration: none;
  text-transform: uppercase;
}

.vr-option-card .vr-option-link:hover {
  background: var(--pimax-cyan);
  border-color: var(--pimax-cyan);
  color: #051013;
}

html:not(.dark-theme) body.pimax-site .vr-option-card .vr-option-link {
  color: #07100b;
}

@media (max-width: 1180px) {
  body.flight-site .flight-detail-hero {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 820px) {
  body.flight-site .flight-detail-hero,
  body.flight-site .flight-detail-section,
  body.flight-site .flight-commercial-blocks,
  body.flight-site .flight-ad-strip,
  body.flight-site .flight-product-gallery {
    grid-template-columns: 1fr !important;
  }

body.flight-site .flight-detail-price {
    font-size: clamp(2.25rem, 13vw, 4rem) !important;
  }
}

/* Final catalog theme: Glass Motorsport by day, Carbon Noturno by night. */
html:not(.dark-theme) body .store-hero {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.93), rgba(255, 255, 255, 0.74)),
    url("assets/fanatec-gt-dd-pro-hero.webp") center / cover !important;
  color: #090b08 !important;
}

html:not(.dark-theme) body .store-hero h1,
html:not(.dark-theme) body .store-hero p,
html:not(.dark-theme) body .store-hero .brand-catalog-intro strong {
  color: #090b08 !important;
}

html:not(.dark-theme) body .store-hero .brand-catalog-intro span,
html:not(.dark-theme) body .store-hero > p {
  color: #625d52 !important;
}

html:not(.dark-theme) body .brand-catalog-card {
  background: rgba(255, 255, 255, 0.74) !important;
  border-color: rgba(16, 19, 15, 0.16) !important;
  color: #090b08 !important;
}

html:not(.dark-theme) body .brand-catalog-card strong {
  color: #090b08 !important;
}

html:not(.dark-theme) body .brand-catalog-card small {
  color: #625d52 !important;
}

html.dark-theme body .store-hero,
body.dark-theme .store-hero {
  background:
    radial-gradient(circle at 16% 0%, rgba(0, 155, 78, 0.18), transparent 30%),
    radial-gradient(circle at 86% 18%, rgba(0, 71, 186, 0.14), transparent 30%),
    linear-gradient(180deg, #070b0e, #111819) !important;
  color: #f8f4e8 !important;
}

html.dark-theme body .store-hero h1,
html.dark-theme body .store-hero p,
html.dark-theme body .store-hero .brand-catalog-intro strong,
body.dark-theme .store-hero h1,
body.dark-theme .store-hero p,
body.dark-theme .store-hero .brand-catalog-intro strong {
  color: #f8f4e8 !important;
}

html.dark-theme body .store-hero .brand-catalog-intro span,
html.dark-theme body .store-hero > p,
body.dark-theme .store-hero .brand-catalog-intro span,
body.dark-theme .store-hero > p {
  color: rgba(248, 244, 232, 0.7) !important;
}

html.dark-theme body .brand-catalog-card,
body.dark-theme .brand-catalog-card {
  background: #0a0f12 !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  color: #f8f4e8 !important;
}

html.dark-theme body .brand-catalog-card strong,
body.dark-theme .brand-catalog-card strong {
  color: #f8f4e8 !important;
}

html.dark-theme body .brand-catalog-card small,
body.dark-theme .brand-catalog-card small {
  color: rgba(248, 244, 232, 0.68) !important;
}

html.dark-theme body .brand-logo-frame,
body.dark-theme .brand-logo-frame {
  background: #030405 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

.theme-toggle-icon {
  align-items: center !important;
  background: rgba(16, 43, 92, 0.12) !important;
  border-radius: 999px !important;
  color: #102b5c !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  font-size: 0 !important;
  font-weight: 900 !important;
  height: 22px !important;
  justify-content: center !important;
  line-height: 1 !important;
  width: 22px !important;
}

.theme-toggle-icon svg {
  fill: none !important;
  height: 15px !important;
  stroke: currentColor !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  stroke-width: 2.2px !important;
  width: 15px !important;
}

html.dark-theme body .theme-toggle-icon,
body.dark-theme .theme-toggle-icon {
  background: rgba(248, 208, 0, 0.14) !important;
  color: #f8d000 !important;
}

.theme-toggle {
  background: rgba(16, 43, 92, 0.08) !important;
  border: 1px solid rgba(16, 43, 92, 0.24) !important;
  color: #102b5c !important;
}

html.dark-theme body .theme-toggle,
body.dark-theme .theme-toggle {
  background: rgba(248, 208, 0, 0.1) !important;
  border-color: rgba(248, 208, 0, 0.34) !important;
  color: #f8d000 !important;
}

.theme-toggle[data-theme-state="light"] .theme-toggle-icon,
html:not(.dark-theme) body .theme-toggle-icon {
  background: rgba(16, 43, 92, 0.12) !important;
  color: #102b5c !important;
}

.theme-toggle[data-theme-state="dark"] .theme-toggle-icon,
html.dark-theme body .theme-toggle-icon,
body.dark-theme .theme-toggle-icon {
  background: rgba(248, 208, 0, 0.14) !important;
  color: #f8d000 !important;
}

body .site-header nav a[href$="kits-prontos.html"],
body .front-header nav a[href$="kits-prontos.html"],
body .site-header nav a[href*="kits-prontos"] {
  font-size: 17px !important;
  font-weight: 900 !important;
}

/* Full cart page */
body.cart-page {
  background:
    linear-gradient(135deg, rgba(15, 143, 79, 0.1), transparent 34%),
    linear-gradient(180deg, var(--bg), color-mix(in srgb, var(--bg) 86%, #fff)) !important;
  color: var(--text) !important;
}

body.cart-page .cart-fab {
  display: none !important;
}

html.dark-theme body.cart-page,
body.dark-theme.cart-page {
  background:
    linear-gradient(135deg, rgba(30, 212, 122, 0.08), transparent 36%),
    linear-gradient(180deg, #070b10, #0b1118 48%, #101821) !important;
}

.cart-page-shell {
  padding: clamp(92px, 9vw, 128px) clamp(18px, 5vw, 64px) clamp(52px, 8vw, 98px) !important;
}

.cart-page-hero {
  align-items: end !important;
  display: grid !important;
  gap: 24px !important;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 390px) !important;
  margin: 0 auto clamp(26px, 5vw, 58px) !important;
  max-width: 1220px !important;
}

.cart-page-hero h1 {
  font-size: clamp(2.45rem, 5vw, 5.2rem) !important;
  line-height: 0.96 !important;
  margin: 0 !important;
}

.cart-page-hero p:not(.eyebrow) {
  color: var(--muted) !important;
  font-size: clamp(1rem, 1.35vw, 1.18rem) !important;
  line-height: 1.55 !important;
  margin: 18px 0 0 !important;
  max-width: 720px !important;
}

.cart-page-hero figure {
  background: var(--panel) !important;
  border: 1px solid var(--line) !important;
  border-radius: 18px !important;
  display: grid !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 24px !important;
  text-align: center !important;
}

.cart-page-hero figure img {
  background: #ffffff !important;
  border-radius: 14px !important;
  display: block !important;
  margin: 0 auto !important;
  max-height: 82px !important;
  max-width: 260px !important;
  object-fit: contain !important;
  padding: 14px 20px !important;
  width: 100% !important;
}

.cart-page-hero figcaption {
  color: var(--muted) !important;
  font-size: 0.92rem !important;
  font-weight: 750 !important;
}

.cart-page-layout {
  align-items: start !important;
  display: grid !important;
  gap: 22px !important;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 420px) !important;
  margin: 0 auto !important;
  max-width: 1220px !important;
}

.cart-page-items,
.cart-page-summary {
  background: color-mix(in srgb, var(--panel) 94%, transparent) !important;
  border: 1px solid var(--line) !important;
  border-radius: 18px !important;
  box-shadow: var(--shadow) !important;
}

.cart-page-items {
  padding: clamp(18px, 3vw, 30px) !important;
}



.cart-page-line {
  align-items: center !important;
  background: color-mix(in srgb, var(--panel-strong) 86%, transparent) !important;
  border: 1px solid var(--line) !important;
  border-radius: 14px !important;
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: 96px minmax(0, 1fr) auto !important;
  min-height: 126px !important;
  padding: 14px !important;
}

.cart-page-line img,
.cart-page-line .cart-line-placeholder {
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid var(--line) !important;
  border-radius: 12px !important;
  display: flex !important;
  height: 96px !important;
  justify-content: center !important;
  object-fit: contain !important;
  padding: 8px !important;
  width: 96px !important;
}

.cart-page-line strong {
  color: var(--text) !important;
  display: block !important;
  font-size: clamp(1.05rem, 1.5vw, 1.35rem) !important;
  line-height: 1.1 !important;
}

.cart-page-line small {
  color: var(--muted) !important;
  display: block !important;
  font-size: 0.95rem !important;
  margin-top: 5px !important;
}

.cart-page-line em {
  color: var(--accent) !important;
  display: block !important;
  font-size: 1.15rem !important;
  font-style: normal !important;
  font-weight: 950 !important;
  margin-top: 9px !important;
}

.cart-page-line-actions {
  align-items: center !important;
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: 38px auto 38px !important;
  justify-items: center !important;
}

.cart-page-line-actions button {
  background: transparent !important;
  border: 1px solid var(--line) !important;
  border-radius: 999px !important;
  color: var(--text) !important;
  cursor: pointer !important;
  font-weight: 950 !important;
  min-height: 38px !important;
  min-width: 38px !important;
}

.cart-page-line-actions button:last-child {
  grid-column: 1 / -1 !important;
  padding: 0 18px !important;
}

.cart-page-line-actions span {
  color: var(--text) !important;
  font-weight: 900 !important;
}

.cart-page-summary {
  display: grid !important;
  gap: 16px !important;
  padding: clamp(20px, 3vw, 30px) !important;
  position: sticky !important;
  top: 96px !important;
}

.cart-page-summary h2 {
  font-size: 2rem !important;
  margin: 0 !important;
}

.cart-page-row,
.cart-page-total {
  align-items: center !important;
  border-top: 1px solid var(--line) !important;
  display: flex !important;
  gap: 16px !important;
  justify-content: space-between !important;
  padding-top: 15px !important;
}

.cart-page-row span,
.cart-page-total span {
  color: var(--muted) !important;
  font-weight: 750 !important;
}

.cart-page-row strong {
  color: var(--text) !important;
  font-size: 1.02rem !important;
}

.cart-page-total strong {
  color: var(--accent) !important;
  font-size: clamp(1.75rem, 3vw, 2.7rem) !important;
  line-height: 1 !important;
  overflow-wrap: anywhere !important;
}

.cart-page-shipping {
  border-top: 1px solid var(--line) !important;
  display: grid !important;
  gap: 10px !important;
  padding-top: 16px !important;
}

.cart-page-shipping label {
  color: var(--text) !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
}

.cart-page-shipping > div:first-of-type {
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: 1fr auto !important;
}

.cart-page-shipping input {
  background: color-mix(in srgb, var(--panel-strong) 86%, transparent) !important;
  border: 1px solid var(--line) !important;
  border-radius: 999px !important;
  color: var(--text) !important;
  font: inherit !important;
  font-weight: 850 !important;
  min-height: 48px !important;
  padding: 0 16px !important;
}

.cart-page-clear {
  background: transparent !important;
  border: 0 !important;
  color: var(--muted) !important;
  cursor: pointer !important;
  font-weight: 900 !important;
  min-height: 36px !important;
  text-decoration: underline !important;
}

.cart-page-summary small {
  color: var(--muted) !important;
  line-height: 1.45 !important;
}

.cart-page-empty {
  background: color-mix(in srgb, var(--panel-strong) 88%, transparent) !important;
  border: 1px dashed var(--line) !important;
  border-radius: 14px !important;
  display: grid !important;
  gap: 12px !important;
  justify-items: start !important;
  padding: 26px !important;
}

@media (max-width: 960px) {
  .cart-page-hero,
  .cart-page-layout {
    grid-template-columns: 1fr !important;
  }


}

@media (max-width: 620px) {
  .cart-page-shell {
    padding-inline: 12px !important;
  }

  .cart-page-line {
    grid-template-columns: 74px minmax(0, 1fr) !important;
  }

  .cart-page-line img,
  .cart-page-line .cart-line-placeholder {
    height: 74px !important;
    width: 74px !important;
  }

  .cart-page-line-actions {
    grid-column: 1 / -1 !important;
    grid-template-columns: 38px auto 38px minmax(100px, auto) !important;
    justify-content: start !important;
  }

  .cart-page-line-actions button:last-child {
    grid-column: auto !important;
  }

  .cart-page-shipping > div:first-of-type {
    grid-template-columns: 1fr !important;
  }
}

/* Nossa História */
body.story-page {
  background:
    linear-gradient(135deg, rgba(15, 143, 79, 0.1), transparent 32%),
    linear-gradient(180deg, var(--bg), color-mix(in srgb, var(--bg) 86%, #fff));
  color: var(--text);
}

html.dark-theme body.story-page,
body.dark-theme.story-page {
  background:
    linear-gradient(135deg, rgba(30, 212, 122, 0.08), transparent 34%),
    linear-gradient(180deg, #070b10, #0b1118 52%, #101821);
}

.story-hero {
  position: relative;
  min-height: min(760px, calc(100vh - 84px));
  display: grid;
  align-items: end;
  overflow: hidden;
  border-bottom: 1px solid var(--line);
}

.story-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(7, 11, 16, 0.9), rgba(7, 11, 16, 0.46) 42%, rgba(7, 11, 16, 0.18)),
    linear-gradient(0deg, rgba(7, 11, 16, 0.84), transparent 44%);
  pointer-events: none;
}

.story-hero > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.story-hero-copy {
  position: relative;
  z-index: 1;
  width: min(860px, calc(100% - 48px));
  margin: 0 auto;
  padding: 96px 0 86px;
  color: #fff;
  transform: translateX(-18%);
}

.story-hero-copy h1 {
  max-width: 780px;
  margin: 0;
  font-size: clamp(2.55rem, 6vw, 6.3rem);
  line-height: 0.92;
  letter-spacing: 0;
}

.story-hero-copy p:not(.eyebrow) {
  max-width: 680px;
  margin: 24px 0 0;
  color: rgba(255, 255, 255, 0.82);
  font-size: clamp(1rem, 1.35vw, 1.22rem);
  line-height: 1.6;
}

.story-intro,
.story-checklist,
.story-final {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
}

.story-intro {
  display: grid;
  grid-template-columns: minmax(260px, 0.72fr) 1fr;
  gap: clamp(28px, 6vw, 88px);
  padding: clamp(58px, 8vw, 112px) 0;
  align-items: start;
}

.story-intro span,
.story-check-grid span {
  display: inline-flex;
  color: var(--accent);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0;
}

.story-intro h2,
.story-emotion h2,
.story-final h2 {
  margin: 10px 0 0;
  font-size: clamp(2rem, 4.5vw, 4.8rem);
  line-height: 0.98;
  letter-spacing: 0;
}

.story-intro p {
  margin: 0;
  color: var(--muted);
  font-size: clamp(1.05rem, 1.5vw, 1.32rem);
  line-height: 1.75;
}

.story-split {
  width: min(1320px, calc(100% - 40px));
  margin: 0 auto clamp(64px, 8vw, 118px);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.story-split article {
  background: var(--panel);
  border: 1px solid var(--line);
  overflow: hidden;
  box-shadow: var(--shadow);
}

.story-split img {
  width: 100%;
  aspect-ratio: 16 / 9;
  display: block;
  object-fit: cover;
}

.story-split div {
  padding: clamp(24px, 4vw, 44px);
}

.story-split h2 {
  margin: 8px 0 14px;
  font-size: clamp(1.8rem, 3vw, 3.1rem);
  line-height: 1;
}

.story-split p:not(.eyebrow) {
  margin: 0;
  color: var(--muted);
  line-height: 1.65;
  font-size: 1rem;
}

.story-checklist {
  padding: clamp(54px, 8vw, 96px) 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.story-check-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 30px;
}

.story-check-grid article {
  min-height: 220px;
  padding: 26px;
  background: color-mix(in srgb, var(--panel) 88%, transparent);
  border: 1px solid var(--line);
}

.story-check-grid h3 {
  margin: 28px 0 12px;
  font-size: 1.25rem;
  line-height: 1.12;
}

.story-check-grid p {
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

.story-emotion {
  width: min(1320px, calc(100% - 40px));
  margin: clamp(64px, 9vw, 126px) auto;
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: clamp(24px, 5vw, 72px);
  align-items: center;
}

.story-emotion img {
  width: 100%;
  min-height: 420px;
  object-fit: cover;
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
}

.story-emotion p:not(.eyebrow) {
  color: var(--muted);
  line-height: 1.7;
  font-size: 1.05rem;
}

.story-final {
  margin-bottom: clamp(56px, 8vw, 110px);
  padding: clamp(34px, 6vw, 70px);
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--accent) 14%, transparent), transparent 42%),
    var(--panel);
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
}

.story-final p:not(.eyebrow) {
  max-width: 760px;
  color: var(--muted);
  line-height: 1.65;
  font-size: 1.05rem;
}

@media (max-width: 980px) {
  .story-hero-copy {
    width: min(720px, calc(100% - 32px));
    transform: none;
    padding: 84px 0 58px;
  }

  .story-intro,
  .story-split,
  .story-emotion,
  .story-check-grid {
    grid-template-columns: 1fr;
  }

  .story-emotion img {
    min-height: 280px;
  }
}

@media (max-width: 640px) {
  .story-hero {
    min-height: 620px;
  }

  .story-hero::after {
    background:
      linear-gradient(0deg, rgba(7, 11, 16, 0.92), rgba(7, 11, 16, 0.34)),
      linear-gradient(90deg, rgba(7, 11, 16, 0.62), transparent);
  }

  .story-hero-copy h1 {
    font-size: clamp(2.25rem, 13vw, 4.2rem);
  }

  .story-check-grid article {
    min-height: auto;
  }

  .story-final {
    padding: 28px 20px;
  }
}

body:not(.flight-site):not(.pimax-site):not(.vr-config-site) .site-header nav a,
.front-header nav a {
  border-radius: 999px !important;
  padding: 10px 12px !important;
  transition: background-color 160ms ease, color 160ms ease, transform 160ms ease !important;
}

body:not(.flight-site):not(.pimax-site):not(.vr-config-site) .site-header nav a:hover,
.front-header nav a:hover {
  background: #f8d000 !important;
  color: #0b0d0b !important;
  transform: translateY(-1px) !important;
}

/* Brand cards logo polish after theme overrides. */
html.dark-theme body .brand-logo-frame,
body.dark-theme .brand-logo-frame {
  background: rgba(0, 0, 0, 0.28) !important;
  border-color: rgba(248, 244, 232, 0.16) !important;
}

html.dark-theme body .brand-logo-mode,
body.dark-theme .brand-logo-mode {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  filter: none !important;
  padding: 0 !important;
}

body .brand-catalog-card[data-brand-target="simagic"] .brand-logo-mode {
  max-height: 108px !important;
  max-width: 96% !important;
}

body .brand-catalog-card[data-brand-target="fanatec"] .brand-logo-mode {
  max-height: 62px !important;
  max-width: 90% !important;
}

body .brand-catalog-card[data-brand-target="pimax"] .brand-logo-mode-light {
  max-height: 82px !important;
  max-width: 90% !important;
}

body .brand-catalog-card[data-brand-target="pimax"] .brand-logo-mode-dark {
  max-height: 82px !important;
  max-width: 90% !important;
}

/* Cart system */
.cart-fab {
  align-items: center !important;
  background: #0f8f4f !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 999px !important;
  bottom: 18px !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.24) !important;
  color: #ffffff !important;
  cursor: pointer !important;
  display: inline-flex !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  gap: 10px !important;
  min-height: 48px !important;
  padding: 0 14px 0 18px !important;
  position: fixed !important;
  right: 18px !important;
  text-transform: uppercase !important;
  transform-origin: center !important;
  transition: transform 160ms ease, box-shadow 160ms ease, background-color 160ms ease !important;
  z-index: 80 !important;
}

.cart-fab:hover {
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.3) !important;
  transform: translateY(-1px) !important;
}

.cart-fab.is-bumping {
  animation: speedrace-cart-bump 620ms cubic-bezier(0.2, 0.9, 0.2, 1) !important;
}

.cart-fab.is-receiving::after {
  animation: speedrace-cart-ring 820ms ease-out !important;
  border: 2px solid rgba(47, 229, 138, 0.72) !important;
  border-radius: inherit !important;
  content: "" !important;
  inset: -7px !important;
  pointer-events: none !important;
  position: absolute !important;
}

.cart-fab-icon {
  fill: none !important;
  flex: 0 0 auto !important;
  height: 22px !important;
  stroke: currentColor !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  stroke-width: 2.2 !important;
  width: 22px !important;
}

.cart-fab strong {
  align-items: center !important;
  background: #ffffff !important;
  border-radius: 999px !important;
  color: #0a0f12 !important;
  display: inline-flex !important;
  height: 26px !important;
  justify-content: center !important;
  line-height: 1 !important;
  min-width: 26px !important;
  padding: 0 7px !important;
}

.cart-fab:not(.has-items) {
  opacity: 0.86 !important;
}

@keyframes speedrace-cart-bump {
  0% {
    transform: translateY(0) scale(1);
  }

  38% {
    transform: translateY(-8px) scale(1.08);
  }

  68% {
    transform: translateY(0) scale(0.98);
  }

  100% {
    transform: translateY(0) scale(1);
  }
}

@keyframes speedrace-cart-ring {
  0% {
    opacity: 0.9;
    transform: scale(0.95);
  }

  100% {
    opacity: 0;
    transform: scale(1.24);
  }
}

.store-cart-button,
#product-mp-button,
#flight-product-cart-button,
.cart-config-button,
.configurator-cart-button {
  position: relative !important;
}

.store-cart-button.is-adding-to-cart,
#product-mp-button.is-adding-to-cart,
#flight-product-cart-button.is-adding-to-cart,
.cart-config-button.is-adding-to-cart,
.configurator-cart-button.is-adding-to-cart {
  animation: speedrace-button-send 260ms ease-out !important;
}

.store-cart-button.is-added-to-cart::after,
#product-mp-button.is-added-to-cart::after,
#flight-product-cart-button.is-added-to-cart::after,
.cart-config-button.is-added-to-cart::after,
.configurator-cart-button.is-added-to-cart::after {
  align-items: center !important;
  animation: speedrace-added-chip 1050ms ease forwards !important;
  background: #101a12 !important;
  border: 1px solid rgba(47, 229, 138, 0.5) !important;
  border-radius: 999px !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22) !important;
  color: #9bffc5 !important;
  content: "Foi pro carrinho" !important;
  display: inline-flex !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  gap: 6px !important;
  justify-content: center !important;
  left: 50% !important;
  letter-spacing: 0.01em !important;
  line-height: 1 !important;
  padding: 9px 12px !important;
  pointer-events: none !important;
  position: absolute !important;
  text-transform: uppercase !important;
  top: -44px !important;
  transform: translateX(-50%) translateY(8px) scale(0.94) !important;
  white-space: normal !important;
  text-align: center !important;
  z-index: 12 !important;
}

html:not(.dark-theme) body .store-cart-button.is-added-to-cart::after,
html:not(.dark-theme) body #product-mp-button.is-added-to-cart::after,
html:not(.dark-theme) body #flight-product-cart-button.is-added-to-cart::after,
html:not(.dark-theme) body .cart-config-button.is-added-to-cart::after,
html:not(.dark-theme) body .configurator-cart-button.is-added-to-cart::after {
  background: #fffdf3 !important;
  color: #0b7d43 !important;
}

.cart-line-detail-list {
  display: grid !important;
  gap: 4px !important;
  list-style: none !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
}

.cart-line-detail-list li {
  align-items: baseline !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  line-height: 1.25 !important;
}

.cart-line-detail-list span {
  color: inherit !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.cart-line-detail-list small {
  font-size: 11px !important;
  opacity: 0.72 !important;
}

@keyframes speedrace-button-send {
  0% {
    transform: translateY(0) scale(1);
  }

  55% {
    transform: translateY(-3px) scale(0.985);
  }

  100% {
    transform: translateY(0) scale(1);
  }
}

@keyframes speedrace-added-chip {
  0% {
    opacity: 0;
    transform: translateX(-50%) translateY(8px) scale(0.94);
  }

  18%,
  72% {
    opacity: 1;
    transform: translateX(-50%) translateY(0) scale(1);
  }

  100% {
    opacity: 0;
    transform: translateX(-50%) translateY(-8px) scale(0.98);
  }
}

.cart-backdrop {
  background: rgba(0, 0, 0, 0.46) !important;
  inset: 0 !important;
  position: fixed !important;
  z-index: 88 !important;
}

.cart-drawer {
  background: var(--panel) !important;
  border-left: 1px solid var(--line) !important;
  box-shadow: -18px 0 42px rgba(0, 0, 0, 0.24) !important;
  color: var(--text) !important;
  display: grid !important;
  grid-template-rows: auto 1fr auto !important;
  height: 100dvh !important;
  max-width: min(420px, 100vw) !important;
  position: fixed !important;
  right: 0 !important;
  top: 0 !important;
  width: 420px !important;
  z-index: 90 !important;
}

html:not(.dark-theme) body .cart-drawer {
  background: #fffaf1 !important;
  color: #12100b !important;
}

.cart-drawer[hidden],
.cart-backdrop[hidden],
.cart-toast[hidden] {
  display: none !important;
}

.cart-drawer header,
.cart-drawer footer {
  padding: 20px !important;
}

.cart-drawer header {
  align-items: center !important;
  border-bottom: 1px solid var(--line) !important;
  display: flex !important;
  justify-content: space-between !important;
}

.cart-drawer footer {
  display: grid !important;
  flex-direction: initial !important;
  gap: 10px !important;
  justify-content: stretch !important;
}

.cart-heading {
  align-items: center !important;
  display: flex !important;
  gap: 12px !important;
  min-width: 0 !important;
}

.cart-logo {
  display: block !important;
  height: 42px !important;
  object-fit: contain !important;
  width: 62px !important;
}

.cart-logo-dark {
  display: none !important;
}

html.dark-theme body .cart-logo-light,
body.dark-theme .cart-logo-light {
  display: none !important;
}

html.dark-theme body .cart-logo-dark,
body.dark-theme .cart-logo-dark {
  display: block !important;
}

.cart-drawer header span {
  color: var(--accent) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

.cart-drawer h2 {
  color: var(--text) !important;
  font-size: 1.9rem !important;
  line-height: 1 !important;
  margin: 4px 0 0 !important;
}

html:not(.dark-theme) body .cart-drawer h2 {
  color: #12100b !important;
}

.cart-close,
.cart-clear {
  background: transparent !important;
  border: 1px solid var(--line) !important;
  border-radius: 999px !important;
  color: var(--text) !important;
  cursor: pointer !important;
  font-weight: 900 !important;
}

.cart-drawer-actions {
  display: grid !important;
  gap: 10px !important;
}

.cart-mp-button,
.cart-page-mp {
  align-items: center !important;
  background: #00b1ea !important;
  border: 0 !important;
  color: #06131d !important;
  display: inline-flex !important;
  gap: 10px !important;
  justify-content: center !important;
}

.cart-mp-button span,
.cart-page-mp span {
  color: #06131d !important;
  font-weight: 950 !important;
}

.cart-mp-button img,
.cart-page-mp img {
  background: #ffffff !important;
  border-radius: 999px !important;
  height: 28px !important;
  max-width: 154px !important;
  object-fit: contain !important;
  padding: 5px 10px !important;
}

.cart-go-page {
  background: color-mix(in srgb, var(--accent) 10%, transparent) !important;
  border-color: color-mix(in srgb, var(--accent) 34%, var(--line)) !important;
  color: var(--text) !important;
}

.cart-close {
  height: 36px !important;
  width: 36px !important;
}

.cart-items {
  align-content: start !important;
  display: grid !important;
  gap: 10px !important;
  grid-auto-rows: max-content !important;
  min-height: 0 !important;
  overflow: auto !important;
  padding: 14px 18px !important;
  overscroll-behavior: contain !important;
}

.cart-empty {
  border: 1px dashed var(--line) !important;
  border-radius: 12px !important;
  padding: 18px !important;
}

.cart-empty p,
.cart-drawer footer p {
  color: var(--muted) !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  margin: 8px 0 0 !important;
}

.cart-status {
  background: color-mix(in srgb, var(--panel-2) 82%, transparent) !important;
  border: 1px solid var(--line) !important;
  border-radius: 10px !important;
  color: var(--muted) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  margin: 10px 0 0 !important;
  padding: 10px 12px !important;
}

.cart-status[data-tone="warning"] {
  background: rgba(245, 158, 11, 0.12) !important;
  border-color: rgba(245, 158, 11, 0.36) !important;
  color: #9a5a00 !important;
}

html.dark-theme body .cart-status[data-tone="warning"],
body.dark-theme .cart-status[data-tone="warning"] {
  color: #ffd28a !important;
}

.cart-status[data-tone="success"] {
  background: rgba(16, 185, 129, 0.12) !important;
  border-color: rgba(16, 185, 129, 0.34) !important;
  color: #08744c !important;
}

html.dark-theme body .cart-status[data-tone="success"],
body.dark-theme .cart-status[data-tone="success"] {
  color: #8ff0c0 !important;
}

.cart-status[data-tone="info"] {
  background: rgba(59, 130, 246, 0.12) !important;
  border-color: rgba(59, 130, 246, 0.32) !important;
  color: #1654a6 !important;
}

html.dark-theme body .cart-status[data-tone="info"],
body.dark-theme .cart-status[data-tone="info"] {
  color: #9fc8ff !important;
}

.cart-line {
  align-self: start !important;
  border: 1px solid var(--line) !important;
  border-radius: 12px !important;
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: 1fr !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: 10px 12px !important;
}

.cart-line-main {
  align-items: start !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: 70px minmax(0, 1fr) !important;
  min-width: 0 !important;
}

html:not(.dark-theme) body .cart-line {
  background: #fffdf8 !important;
  border-color: #ead7b8 !important;
}

.cart-line img,
.cart-line-placeholder {
  align-items: center !important;
  aspect-ratio: 1 !important;
  background: color-mix(in srgb, var(--panel-2) 80%, transparent) !important;
  border-radius: 10px !important;
  display: flex !important;
  font-weight: 900 !important;
  justify-content: center !important;
  object-fit: contain !important;
  padding: 8px !important;
  flex: 0 0 70px !important;
  height: 70px !important;
  max-height: 70px !important;
  max-width: 70px !important;
  width: 70px !important;
}

.cart-line-copy,
.cart-line > div:not(.cart-line-main):not(.cart-line-actions) {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
  overflow: visible !important;
}

.cart-line strong,
.cart-line small,
.cart-line em {
  display: block !important;
}

.cart-line strong {
  color: var(--text) !important;
  font-size: 0.98rem !important;
  line-height: 1.15 !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

html:not(.dark-theme) body .cart-line strong {
  color: #17130d !important;
}

.cart-line small {
  color: var(--muted) !important;
  line-height: 1.15 !important;
  margin-top: 0 !important;
  overflow-wrap: anywhere !important;
}

.cart-line em {
  color: var(--accent) !important;
  font-style: normal !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  margin-top: 4px !important;
}

.cart-line-actions {
  align-items: center !important;
  display: grid !important;
  gap: 6px !important;
  grid-template-columns: 32px auto 32px minmax(74px, auto) !important;
  justify-content: start !important;
  margin-left: 80px !important;
  margin-top: 2px !important;
  min-width: 0 !important;
  position: relative !important;
  z-index: 1 !important;
}

.cart-line-actions button {
  background: var(--panel-2) !important;
  border: 1px solid var(--line) !important;
  border-radius: 999px !important;
  color: var(--text) !important;
  cursor: pointer !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  min-height: 32px !important;
  min-width: 32px !important;
  padding: 0 10px !important;
  white-space: normal !important;
  text-align: center !important;
}

.cart-line-actions span {
  color: var(--text) !important;
  font-weight: 900 !important;
  min-width: 18px !important;
  text-align: center !important;
}

.cart-total {
  align-items: end !important;
  border-top: 1px solid var(--line) !important;
  display: flex !important;
  justify-content: space-between !important;
  margin-bottom: 12px !important;
  padding-top: 16px !important;
}

.cart-total span {
  color: var(--muted) !important;
  font-size: 13px !important;
}

.cart-total strong {
  color: var(--accent) !important;
  font-size: 1.35rem !important;
  text-align: right !important;
}

html:not(.dark-theme) body .cart-total strong {
  color: #0b8f4d !important;
}

.cart-shipping {
  border-top: 1px solid var(--line) !important;
  display: grid !important;
  gap: 10px !important;
  margin: 0 0 12px !important;
  padding-top: 14px !important;
}

.cart-shipping > label {
  color: var(--text) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

.cart-shipping > div:first-of-type {
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: 1fr auto !important;
}

.cart-shipping input#cart-cep {
  background: var(--panel-2) !important;
  border: 1px solid var(--line) !important;
  border-radius: 10px !important;
  color: var(--text) !important;
  font: 800 14px/1 Inter, Arial, sans-serif !important;
  min-height: 42px !important;
  padding: 0 12px !important;
  width: 100% !important;
}

.cart-shipping input#cart-cep::placeholder {
  color: var(--muted) !important;
}

.cart-shipping #cart-shipping-button {
  min-height: 42px !important;
  padding-inline: 14px !important;
}

.cart-shipping-options {
  display: grid !important;
  gap: 8px !important;
}

.cart-shipping-option {
  align-items: center !important;
  background: color-mix(in srgb, var(--panel-2) 84%, transparent) !important;
  border: 1px solid var(--line) !important;
  border-radius: 12px !important;
  cursor: pointer !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: auto 1fr auto !important;
  padding: 10px 12px !important;
}

.cart-shipping-option input {
  accent-color: var(--accent) !important;
}

.cart-shipping-option span,
.cart-shipping-option strong,
.cart-shipping-option small,
.cart-shipping-option em {
  display: block !important;
}

.cart-shipping-option strong {
  color: var(--text) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

.cart-shipping-option small {
  color: var(--muted) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  margin-top: 2px !important;
}

.cart-shipping-option em {
  color: var(--accent) !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 900 !important;
  text-align: right !important;
}

.cart-shipping-option:has(input:checked),
.cart-shipping-option.is-selected {
  border-color: color-mix(in srgb, var(--accent) 58%, var(--line)) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent) !important;
}

.cart-drawer button:disabled {
  cursor: wait !important;
  opacity: 0.72 !important;
}

.cart-drawer .button.full,
.cart-drawer .button.primary.full,
.cart-drawer .button.secondary.full,
.cart-drawer #cart-whatsapp,
.cart-drawer #cart-checkout {
  box-sizing: border-box !important;
  display: flex !important;
  justify-content: center !important;
  max-width: 100% !important;
  min-height: 48px !important;
  text-align: center !important;
  white-space: normal !important;
  width: 100% !important;
}

.cart-clear {
  margin-top: 10px !important;
  min-height: 38px !important;
  width: 100% !important;
}

.cart-toast {
  background: #101820 !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 999px !important;
  bottom: 26px !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  padding: 12px 16px !important;
  position: fixed !important;
  right: 172px !important;
  z-index: 100 !important;
}

@media (max-width: 760px) {
  .cart-toast {
    bottom: calc(72px + env(safe-area-inset-bottom)) !important;
    left: 14px !important;
    max-width: min(260px, calc(100vw - 150px)) !important;
    right: auto !important;
  }
}

.store-card {
  position: relative !important;
}

.store-grid:has(> .store-card:only-child) {
  align-items: stretch !important;
  display: grid !important;
  grid-template-columns: minmax(0, min(760px, 100%)) !important;
  justify-content: center !important;
}

.store-grid:has(> .store-card:only-child) > .store-card {
  align-items: stretch !important;
  display: grid !important;
  grid-template-columns: minmax(190px, 280px) minmax(0, 1fr) !important;
  min-height: 0 !important;
  padding: 0 !important;
}

.store-grid:has(> .store-card:only-child) > .store-card figure {
  aspect-ratio: auto !important;
  border-bottom: 0 !important;
  border-right: 1px solid var(--line) !important;
  min-height: 220px !important;
}

.store-grid:has(> .store-card:only-child) > .store-card img {
  max-height: 210px !important;
  object-fit: contain !important;
  padding: 22px !important;
}

.store-grid:has(> .store-card:only-child) > .store-card div {
  align-content: center !important;
  display: grid !important;
  gap: 8px !important;
  padding: clamp(20px, 3vw, 34px) !important;
}

.store-grid:has(> .store-card:only-child) > .store-card strong {
  font-size: clamp(1.35rem, 2.2vw, 1.9rem) !important;
  line-height: 1.04 !important;
}

.store-grid:has(> .store-card:only-child) > .store-card p {
  font-size: 0.98rem !important;
  line-height: 1.45 !important;
  max-width: 440px !important;
}

.store-grid:has(> .store-card:only-child) > .store-card em {
  margin-top: 4px !important;
}

.store-variant-picker {
  cursor: default !important;
  display: grid !important;
  gap: 7px !important;
  margin: 6px 0 2px !important;
  max-width: 100% !important;
  position: relative !important;
  z-index: 3 !important;
}

.store-variant-picker > span {
  color: var(--accent) !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: 0.08em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.store-variant-options {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
}

.store-variant-option {
  background: color-mix(in srgb, var(--panel-2) 80%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--accent) 24%, var(--line)) !important;
  border-radius: 999px !important;
  color: var(--text) !important;
  cursor: pointer !important;
  font: 900 11px/1 Inter, Arial, sans-serif !important;
  min-height: 34px !important;
  padding: 0 11px !important;
  transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease, transform 140ms ease !important;
}

.store-variant-option:hover,
.store-variant-option.is-selected {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: #07100b !important;
  transform: translateY(-1px) !important;
}

html.dark-theme body .store-variant-option,
body.dark-theme .store-variant-option {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #f7f8f3 !important;
}

html.dark-theme body .store-variant-option.is-selected,
body.dark-theme .store-variant-option.is-selected {
  background: #1ed47a !important;
  border-color: #1ed47a !important;
  color: #07100b !important;
}

.store-variant-note {
  background: color-mix(in srgb, var(--accent) 9%, var(--panel-2)) !important;
  border: 1px solid color-mix(in srgb, var(--accent) 24%, var(--line)) !important;
  border-radius: 12px !important;
  color: var(--muted) !important;
  font-size: 0.82rem !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  max-width: 520px !important;
  padding: 9px 11px !important;
}

html.dark-theme body .store-variant-note,
body.dark-theme .store-variant-note {
  background: rgba(30, 212, 122, 0.08) !important;
  border-color: rgba(30, 212, 122, 0.24) !important;
  color: rgba(248, 244, 232, 0.74) !important;
}

@media (max-width: 720px) {
  .store-grid:has(> .store-card:only-child) > .store-card {
    grid-template-columns: 1fr !important;
  }

  .store-grid:has(> .store-card:only-child) > .store-card figure {
    border-bottom: 1px solid var(--line) !important;
    border-right: 0 !important;
    min-height: 190px !important;
  }
}

.store-cart-button {
  align-items: center !important;
  background: #0f8f4f !important;
  border: 0 !important;
  border-radius: 999px !important;
  bottom: 14px !important;
  color: #ffffff !important;
  cursor: pointer !important;
  display: inline-flex !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  gap: 7px !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 0 14px 0 12px !important;
  position: absolute !important;
  right: 14px !important;
  text-transform: uppercase !important;
  z-index: 2 !important;
}

.store-cart-button::before,
.cart-config-button::before,
#flight-product-cart-button::before,
#product-mp-button[data-cart-enabled="true"]::before {
  background: currentColor !important;
  content: "" !important;
  display: inline-block !important;
  flex: 0 0 auto !important;
  height: 16px !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='8'%20cy='21'%20r='1'/%3E%3Ccircle%20cx='19'%20cy='21'%20r='1'/%3E%3Cpath%20d='M2.05%202.05h2l2.66%2012.42a2%202%200%200%200%202%201.58h9.78a2%202%200%200%200%201.95-1.57l1.65-7.43H5.12'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='8'%20cy='21'%20r='1'/%3E%3Ccircle%20cx='19'%20cy='21'%20r='1'/%3E%3Cpath%20d='M2.05%202.05h2l2.66%2012.42a2%202%200%200%200%202%201.58h9.78a2%202%200%200%200%201.95-1.57l1.65-7.43H5.12'/%3E%3C/svg%3E") center / contain no-repeat !important;
  width: 16px !important;
}

.cart-config-button,
#flight-product-cart-button,
#product-mp-button[data-cart-enabled="true"] {
  align-items: center !important;
  display: inline-flex !important;
  gap: 8px !important;
  justify-content: center !important;
}

html.dark-theme body .cart-fab,
body.dark-theme .cart-fab,
html.dark-theme body .store-cart-button,
body.dark-theme .store-cart-button {
  background: #1ed47a !important;
  color: #07100b !important;
}

.store-product-card {
  align-content: stretch !important;
  cursor: pointer !important;
}

.store-product-card .store-card-copy {
  align-content: start !important;
  display: grid !important;
  gap: 10px !important;
}

.store-category-divider {
  align-items: center !important;
  display: grid !important;
  gap: 12px !important;
  grid-column: 1 / -1 !important;
  grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr) !important;
  margin: clamp(12px, 2vw, 26px) 0 2px !important;
}

.store-category-divider:first-child {
  margin-top: 0 !important;
}

.store-category-divider::before,
.store-category-divider::after {
  background: color-mix(in srgb, var(--line) 82%, transparent) !important;
  content: "" !important;
  height: 1px !important;
}

.store-category-divider span {
  color: var(--accent) !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.store-category-note {
  background: color-mix(in srgb, var(--panel) 82%, transparent) !important;
  border: 1px dashed color-mix(in srgb, var(--accent) 42%, var(--line)) !important;
  border-radius: 18px !important;
  grid-column: 1 / -1 !important;
  padding: 18px !important;
}

.store-category-note strong {
  color: var(--text) !important;
  display: block !important;
  font-size: clamp(1rem, 1.4vw, 1.2rem) !important;
  line-height: 1.15 !important;
  margin-bottom: 6px !important;
}

.store-category-note p {
  color: var(--muted) !important;
  margin: 0 !important;
  max-width: 760px !important;
}

.store-category-row {
  display: grid !important;
  gap: clamp(14px, 1.8vw, 22px) !important;
  grid-column: 1 / -1 !important;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important;
  width: 100% !important;
}

.store-section[data-brand-group="pimax"] .store-category-row-headsets {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.store-section[data-brand-group="pimax"] .store-category-row-accessories {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important;
}

@media (max-width: 1100px) {
  .store-section[data-brand-group="pimax"] .store-category-row-headsets {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  .store-category-row,
  .store-section[data-brand-group="pimax"] .store-category-row-headsets,
  .store-section[data-brand-group="pimax"] .store-category-row-accessories {
    grid-template-columns: 1fr !important;
  }
}

.store-card-actions {
  align-items: stretch !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(auto-fit, minmax(175px, 1fr)) !important;
  margin-top: 8px !important;
  width: 100% !important;
}

.store-card-actions .store-cart-button,
.store-card-actions .store-info-button {
  align-items: center !important;
  border-radius: 999px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  gap: 7px !important;
  justify-content: center !important;
  line-height: 1.08 !important;
  min-height: 48px !important;
  min-width: 0 !important;
  overflow: hidden !important;
  overflow-wrap: anywhere !important;
  padding: 9px 12px !important;
  position: static !important;
  text-align: center !important;
  text-transform: uppercase !important;
  white-space: normal !important;
  width: 100% !important;
}

.store-card-actions .store-cart-button::before {
  flex: 0 0 16px !important;
}

.store-card-actions .store-info-button {
  background: color-mix(in srgb, #f2c94c 18%, transparent) !important;
  border: 1px solid color-mix(in srgb, #f2c94c 52%, var(--line)) !important;
  color: #d39b00 !important;
}

.store-card-actions .store-info-button:hover {
  background: #f2c94c !important;
  border-color: #f2c94c !important;
  color: #11140f !important;
}

html.dark-theme body .store-card-actions .store-info-button,
body.dark-theme .store-card-actions .store-info-button {
  background: rgba(242, 201, 76, 0.11) !important;
  border-color: rgba(242, 201, 76, 0.4) !important;
  color: #f2c94c !important;
}

@media (max-width: 1180px) {
  .store-card-actions {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  .cart-fab {
    bottom: calc(86px + env(safe-area-inset-bottom)) !important;
    min-height: 48px !important;
    right: 12px !important;
  }

  .cart-fab span {
    display: none !important;
  }

  .cart-fab-icon {
    height: 24px !important;
    width: 24px !important;
  }

  .cart-drawer {
    border-left: 0 !important;
    max-width: 100vw !important;
    width: 100vw !important;
  }

  .cart-drawer header,
  .cart-drawer footer {
    padding: 16px !important;
  }

  .cart-items {
    gap: 9px !important;
    padding: 12px 10px !important;
  }

  .cart-line {
    gap: 10px !important;
    grid-template-columns: 1fr !important;
    padding: 10px !important;
  }

  .cart-line-main {
    grid-template-columns: 62px minmax(0, 1fr) !important;
  }

  .cart-line img,
  .cart-line-placeholder {
    flex-basis: 62px !important;
    height: 62px !important;
    max-height: 62px !important;
    max-width: 62px !important;
    width: 62px !important;
  }

  .cart-line strong {
    font-size: 0.9rem !important;
  }

  .cart-line small {
    font-size: 0.82rem !important;
  }

  .cart-line em {
    font-size: 0.98rem !important;
  }

  .cart-line-actions {
    grid-template-columns: 30px auto 30px minmax(70px, auto) !important;
    gap: 5px !important;
    margin-left: 72px !important;
    margin-top: 0 !important;
  }

  .cart-line-actions button {
    font-size: 0.82rem !important;
    min-height: 30px !important;
    min-width: 30px !important;
    padding: 0 8px !important;
  }

  .cart-total {
    gap: 14px !important;
  }

  .cart-total strong {
    font-size: 1.18rem !important;
    overflow-wrap: anywhere !important;
  }

  .cart-shipping > div:first-of-type {
    grid-template-columns: 1fr !important;
  }
}

/* Stronger home sections for the three Speed Race fronts. */
.showroom-switchboard,
.flight-command-deck,
.pimax-buy-flow {
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin: 0 auto !important;
  max-width: 1180px !important;
  padding: clamp(26px, 5vw, 64px) clamp(18px, 5vw, 54px) !important;
}

.showroom-switchboard article,
.flight-command-deck article,
.pimax-buy-flow article {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--panel) 94%, transparent), color-mix(in srgb, var(--panel-2) 74%, transparent)) !important;
  border: 1px solid var(--line) !important;
  border-radius: 12px !important;
  display: grid !important;
  gap: 10px !important;
  min-height: 230px !important;
  padding: clamp(18px, 2.4vw, 28px) !important;
}

.showroom-switchboard span,
.flight-command-deck span,
.pimax-buy-flow span {
  color: var(--accent) !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
}

.showroom-switchboard h2,
.flight-command-deck h2,
.pimax-buy-flow h2 {
  font-size: clamp(1.45rem, 2.2vw, 2rem) !important;
  line-height: 1.04 !important;
  margin: 0 !important;
}

.showroom-switchboard p,
.flight-command-deck p,
.pimax-buy-flow p {
  color: var(--muted) !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  margin: 0 !important;
}

.showroom-switchboard a {
  align-self: end !important;
  color: var(--accent) !important;
  font-weight: 950 !important;
  margin-top: 8px !important;
}

body.flight-site .flight-command-deck {
  max-width: 1200px !important;
}

body.flight-site .flight-command-deck article {
  border-color: color-mix(in srgb, #35b5ff 28%, var(--line)) !important;
}

body.flight-site .flight-command-deck span {
  color: #35b5ff !important;
}

html:not(.dark-theme) body.flight-site .flight-hero-panel {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(238, 248, 255, 0.96)) !important;
  border-color: rgba(0, 91, 187, 0.22) !important;
  box-shadow: 0 24px 70px rgba(0, 68, 142, 0.16) !important;
  color: #061c32 !important;
}

html:not(.dark-theme) body.flight-site .flight-hero-panel span {
  color: #005bbb !important;
}

html:not(.dark-theme) body.flight-site .flight-hero-panel strong {
  color: #061c32 !important;
}

html:not(.dark-theme) body.flight-site .flight-hero-panel li {
  border-top-color: rgba(0, 91, 187, 0.16) !important;
  color: #315574 !important;
}

html.dark-theme body.flight-site .flight-hero-panel li,
body.dark-theme.flight-site .flight-hero-panel li,
html.dark-theme body.flight-site .flight-hero p,
body.dark-theme.flight-site .flight-hero p {
  color: #d9f4ff !important;
}

/* Lightweight hero treatment for pages that were stuttering on dark mode. */
body.lite-page .fan-hero {
  align-items: center !important;
  background:
    linear-gradient(110deg, rgba(246, 248, 242, 0.98) 0 58%, rgba(232, 240, 232, 0.94) 58% 100%) !important;
  display: grid !important;
  gap: clamp(24px, 5vw, 64px) !important;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 460px) !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: clamp(96px, 11vw, 132px) clamp(18px, 6vw, 88px) clamp(36px, 6vw, 72px) !important;
}

body.lite-page {
  background: #fff7ea !important;
}

html.dark-theme body.lite-page,
body.dark-theme.lite-page {
  background: #070b10 !important;
}

html.dark-theme body.lite-page .fan-hero,
body.dark-theme.lite-page .fan-hero {
  background:
    linear-gradient(110deg, #07100e 0 58%, #0e1714 58% 100%) !important;
}

body.lite-page .fan-hero::before,
body.lite-page .fan-hero::after {
  content: none !important;
}

body.lite-page .fan-hero > img {
  align-self: stretch !important;
  border: 1px solid color-mix(in srgb, var(--accent) 18%, var(--line)) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  display: block !important;
  grid-column: 2 !important;
  height: auto !important;
  inset: auto !important;
  max-height: 420px !important;
  min-height: 300px !important;
  object-fit: cover !important;
  object-position: center !important;
  opacity: 1 !important;
  position: relative !important;
  transform: none !important;
  width: 100% !important;
}

body.lite-page .fan-hero-copy {
  grid-column: 1 !important;
  max-width: 780px !important;
  padding: 0 !important;
}

body.lite-page .fan-hero h1 {
  font-size: clamp(2.65rem, 5.8vw, 5.9rem) !important;
  letter-spacing: -0.02em !important;
  line-height: 0.96 !important;
  max-width: 840px !important;
}

body.lite-page .fan-hero p {
  font-size: clamp(1rem, 1.35vw, 1.2rem) !important;
  max-width: 620px !important;
}

body.lite-page .bundle-section,
body.lite-page .racing-style {
  padding-bottom: clamp(44px, 6vw, 72px) !important;
  padding-top: clamp(48px, 6vw, 74px) !important;
}

body.lite-page .bundle-row {
  gap: clamp(12px, 1.6vw, 18px) !important;
}

body.lite-page .bundle-row article {
  border-radius: 12px !important;
  box-shadow: none !important;
  grid-template-rows: 170px auto auto 1fr auto !important;
  min-height: 0 !important;
  transform: none !important;
}

body.lite-page .bundle-row article:hover {
  border-color: color-mix(in srgb, var(--accent) 34%, var(--line)) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08) !important;
  transform: none !important;
}

html.dark-theme body.lite-page .bundle-row article:hover,
body.dark-theme.lite-page .bundle-row article:hover {
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.22) !important;
}

body.lite-page .bundle-row img {
  filter: none !important;
  height: 170px !important;
  max-height: 170px !important;
  object-fit: contain !important;
  padding: 18px !important;
  transform: none !important;
}

body.lite-page .showroom-switchboard article,
body.lite-page .under-cover,
body.lite-page .config-band {
  box-shadow: none !important;
  transform: none !important;
}

body.lite-page .showroom-switchboard article:hover {
  transform: none !important;
}

body.flight-site.lite-page .flight-hero {
  background:
    linear-gradient(130deg, #eef8ff 0 62%, #dff2fb 62% 100%) !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: clamp(96px, 10vw, 126px) clamp(18px, 6vw, 88px) clamp(34px, 5vw, 58px) !important;
}

body.flight-site.lite-page {
  background: #eef8ff !important;
}

html.dark-theme body.flight-site.lite-page,
body.dark-theme.flight-site.lite-page {
  background: #061525 !important;
}

html.dark-theme body.flight-site.lite-page .flight-hero,
body.dark-theme.flight-site.lite-page .flight-hero {
  background:
    linear-gradient(130deg, #061525 0 62%, #0b263a 62% 100%) !important;
}

body.flight-site.lite-page .flight-hero::before,
body.flight-site.lite-page .flight-hero::after {
  content: none !important;
}

body.flight-site.lite-page .flight-hero-inner {
  align-items: center !important;
  gap: clamp(20px, 4vw, 46px) !important;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 430px) !important;
}

body.flight-site.lite-page .flight-hero-copy h1 {
  font-size: clamp(2.4rem, 5vw, 4.8rem) !important;
  line-height: 0.98 !important;
  max-width: 820px !important;
}

body.flight-site.lite-page .flight-hero-copy p {
  font-size: clamp(1rem, 1.25vw, 1.12rem) !important;
  max-width: 680px !important;
}

body.flight-site.lite-page .flight-hero-panel {
  box-shadow: none !important;
  min-height: 0 !important;
  padding: clamp(22px, 3vw, 34px) !important;
  transform: none !important;
}

body.flight-site.lite-page .flight-hero-panel strong {
  font-size: clamp(2rem, 4.5vw, 4rem) !important;
  line-height: 0.98 !important;
}

body.flight-site.lite-page .flight-trust-strip,
body.flight-site.lite-page .flight-command-deck article,
body.flight-site.lite-page .flight-card,
body.flight-site.lite-page .flight-product-card {
  box-shadow: none !important;
}

body.lite-page * {
  animation: none !important;
  scroll-behavior: auto !important;
  transition-duration: 120ms !important;
}

/* Flight page performance pass: keep the menu effects, simplify only page/body visuals. */
body.flight-site .flight-page,
body.flight-site.lite-page {
  background: #eef8ff !important;
}

html.dark-theme body.flight-site .flight-page,
body.dark-theme.flight-site .flight-page,
html.dark-theme body.flight-site.lite-page,
body.dark-theme.flight-site.lite-page {
  background: #061525 !important;
}

body.flight-site .flight-hero,
body.flight-site.lite-page .flight-hero {
  background: #0b3566 !important;
  box-shadow: none !important;
}

html.dark-theme body.flight-site .flight-hero,
body.dark-theme.flight-site .flight-hero,
html.dark-theme body.flight-site.lite-page .flight-hero,
body.dark-theme.flight-site.lite-page .flight-hero {
  background: #071827 !important;
}

body.flight-site .flight-hero::before,
body.flight-site .flight-hero::after,
body.flight-site .flight-hero-panel::after,
body.flight-site .flight-detail-visual::after,
body.flight-site .flight-store-visual::after,
body.flight-site .flight-option-group.has-selection::after {
  content: none !important;
}

body.flight-site .flight-hero-panel,
body.flight-site .flight-build-guide article,
body.flight-site .flight-command-deck article,
body.flight-site .flight-card,
body.flight-site .flight-option-group,
body.flight-site .flight-product-card,
body.flight-site .flight-summary,
body.flight-site .flight-detail-copy,
body.flight-site .flight-detail-visual,
body.flight-site .flight-detail-card,
body.flight-site .flight-product-gallery,
body.flight-site .flight-store-visual,
body.flight-site .flight-summary-insight,
body.flight-site .flight-summary-checklist,
body.flight-site .flight-total-box {
  box-shadow: none !important;
}

body.flight-site .flight-card:hover,
body.flight-site .flight-product-card:hover,
body.flight-site .flight-product-card.selected,
body.flight-site .flight-product-link:hover,
body.flight-site .flight-store-visual:hover,
body.flight-site .flight-detail-visual:hover {
  box-shadow: none !important;
  transform: none !important;
}

body.flight-site .flight-product-card,
body.flight-site .flight-card,
body.flight-site .flight-option-group,
body.flight-site .flight-product-link,
body.flight-site .flight-store-visual,
body.flight-site .flight-detail-visual,
body.flight-site .flight-detail-visual img,
body.flight-site .flight-product-visual img {
  transform: none !important;
}

body.flight-site .flight-trust-strip span {
  background: rgba(255, 255, 255, 0.1) !important;
}

body.flight-site .flight-product-visual,
body.flight-site .flight-card-topline small,
body.flight-site .flight-best-for,
body.flight-site .flight-summary-insight,
body.flight-site .flight-summary-checklist,
body.flight-site .flight-total-box {
  background: color-mix(in srgb, var(--flight-panel-soft) 92%, transparent) !important;
}

@media (max-width: 980px) {
  body.lite-page .fan-hero,
  body.flight-site.lite-page .flight-hero-inner {
    grid-template-columns: 1fr !important;
  }

  body.lite-page .fan-hero > img,
  body.lite-page .fan-hero-copy {
    grid-column: auto !important;
  }

  body.lite-page .fan-hero > img {
    max-height: 260px !important;
    min-height: 210px !important;
    order: -1 !important;
  }

  body.lite-page .bundle-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  body.lite-page .fan-hero,
  body.flight-site.lite-page .flight-hero {
    padding-top: 90px !important;
  }

  body.lite-page .fan-hero h1,
  body.flight-site.lite-page .flight-hero-copy h1 {
    font-size: clamp(2.1rem, 12vw, 3.3rem) !important;
  }

  body.lite-page .bundle-row {
    grid-template-columns: 1fr !important;
  }
}

body.pimax-site .pimax-buy-flow article {
  border-color: color-mix(in srgb, #23e05f 28%, var(--line)) !important;
}

body.pimax-site .pimax-buy-flow span {
  color: #23e05f !important;
}

@media (max-width: 900px) {
  .showroom-switchboard,
  .flight-command-deck,
  .pimax-buy-flow {
    grid-template-columns: 1fr !important;
  }

  .showroom-switchboard article,
  .flight-command-deck article,
  .pimax-buy-flow article {
    min-height: 0 !important;
  }
}

/* Unified top navigation alignment across Racing, Flight, VR and store pages. */
.site-header,
.front-header {
  align-items: center !important;
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: minmax(190px, 270px) minmax(0, 1fr) minmax(190px, 270px) !important;
  min-height: 78px !important;
  padding-left: clamp(18px, 3vw, 44px) !important;
  padding-right: clamp(18px, 3vw, 44px) !important;
}

.site-header .brand,
.front-header .front-brand,
.front-header .brand {
  justify-self: start !important;
  min-width: 0 !important;
}





@media (max-width: 760px) {

}

.site-header nav,
.front-header nav {
  align-items: center !important;
  display: flex !important;
  gap: 8px !important;
  justify-content: center !important;
  justify-self: center !important;
  min-width: 0 !important;
  width: 100% !important;
}

.site-header nav a,
.front-header nav a {
  border-radius: 999px !important;
  color: var(--muted) !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  padding: 11px 13px !important;
  text-transform: none !important;
  transition: background-color 160ms ease, color 160ms ease, transform 160ms ease !important;
  white-space: normal !important;
  text-align: center !important;
}

.site-header nav a:hover,
.front-header nav a:hover {
  transform: translateY(-1px) !important;
}

body:not(.flight-site):not(.pimax-site):not(.vr-config-site) .site-header nav a:hover,
.front-header nav a:hover {
  background: #f8d000 !important;
  color: #0b0d0b !important;
}

body.flight-site .site-header nav a:hover {
  background: #35b5ff !important;
  color: #06111d !important;
}

body.pimax-site .site-header nav a:hover,
body.vr-config-site .site-header nav a:hover {
  background: #23e05f !important;
  color: #06110a !important;
}

.site-header nav a[href$="kits-prontos.html"],
.front-header nav a[href$="kits-prontos.html"],
.site-header nav a[href*="kits-prontos"],
.site-header nav a[href$="kits-voo.html"],
.site-header nav a[href*="kits-voo"] {
  font-size: 17px !important;
  font-weight: 950 !important;
}

.header-actions,
.front-actions {
  justify-self: end !important;
  min-width: 0 !important;
}

html:not(.dark-theme) body .site-header,
html:not(.dark-theme) body .front-header {
  background: rgba(255, 255, 255, 0.96) !important;
}

html.dark-theme body .site-header nav a,
body.dark-theme .site-header nav a,
html.dark-theme body .front-header nav a,
body.dark-theme .front-header nav a {
  color: rgba(248, 244, 232, 0.78) !important;
}

@media (max-width: 980px) {
  .site-header,
  .front-header {
    grid-template-columns: 1fr auto !important;
  }

  .site-header nav,
  .front-header nav {
    grid-column: 1 / -1 !important;
    justify-content: flex-start !important;
    overflow-x: auto !important;
    padding-bottom: 2px !important;
    scrollbar-width: none !important;
  }

  .site-header nav::-webkit-scrollbar,
  .front-header nav::-webkit-scrollbar {
    display: none !important;
  }

  .site-header nav a,
  .front-header nav a {
    font-size: 14px !important;
  }

  .site-header nav a[href$="kits-prontos.html"],
  .front-header nav a[href$="kits-prontos.html"],
  .site-header nav a[href*="kits-prontos"],
  .site-header nav a[href$="kits-voo.html"],
  .site-header nav a[href*="kits-voo"] {
    font-size: 15px !important;
  }
}

@media (max-width: 640px) {
  .header-action,
  .front-cta {
    display: none !important;
  }

  .theme-toggle {
    min-height: 38px !important;
    padding: 0 10px !important;
  }
}

/* Hard lock for the ready-to-race nav item on store and configurator headers. */
body:not(.flight-site):not(.pimax-site):not(.vr-config-site) .site-header nav a[href="kits-prontos.html"],
body:not(.flight-site):not(.pimax-site):not(.vr-config-site) .front-header nav a[href="kits-prontos.html"] {
  font-size: 17px !important;
  font-weight: 950 !important;
}

/* Header system v2: centered menu independent from side actions.
   Add new menu items inside the nav; the bar keeps its center and scrolls before overlapping. */
.site-header,
.front-header {
  display: flex !important;
  justify-content: space-between !important;
  position: fixed !important;
}

.site-header nav,
.front-header nav {
  left: 50% !important;
  max-width: min(760px, calc(100vw - 560px)) !important;
  overflow-x: auto !important;
  padding: 2px 4px !important;
  position: absolute !important;
  scrollbar-width: none !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: max-content !important;
  z-index: 2 !important;
}



.site-header nav a,
.front-header nav a {
  font-size: 15px !important;
  font-weight: 850 !important;
}

.site-header nav a[href$="kits-prontos.html"],
.front-header nav a[href$="kits-prontos.html"],
.site-header nav a[href*="kits-prontos"],
.front-header nav a[href*="kits-prontos"] {
  font-size: 17px !important;
  font-weight: 950 !important;
}

.site-header .brand,
.front-header .front-brand,
.front-header .brand {
  flex: 0 0 auto !important;
  max-width: 260px !important;
  position: relative !important;
  z-index: 3 !important;
}

.header-actions,
.front-actions {
  flex: 0 0 auto !important;
  position: relative !important;
  z-index: 3 !important;
}

@media (max-width: 1180px) {
  .site-header nav,
  .front-header nav {
    left: auto !important;
    max-width: 100% !important;
    order: 3 !important;
    position: static !important;
    transform: none !important;
    width: 100% !important;
  }

  .site-header,
  .front-header {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
  }
}

/* Lighter Flight configurator: keep the Flight identity, reduce scroll/render cost. */
body.flight-site.flight-config-lite .flight-page {
  background: var(--flight-bg) !important;
}

body.flight-site.flight-config-lite .flight-hero {
  background: linear-gradient(120deg, var(--flight-navy), color-mix(in srgb, var(--flight-navy) 78%, var(--flight-blue)) 68%, var(--flight-blue)) !important;
  box-shadow: none !important;
  min-height: 0 !important;
  padding-bottom: clamp(28px, 5vw, 54px) !important;
}

body.flight-site.flight-config-lite .flight-hero::before,
body.flight-site.flight-config-lite .flight-hero::after,
body.flight-site.flight-config-lite .flight-hero-panel::after,
body.flight-site.flight-config-lite .flight-option-group.has-selection::after {
  content: none !important;
}

/* Checkout flow: cart, delivery registration and payment review. */
.checkout-page-shell {
  padding-top: clamp(104px, 9vw, 132px) !important;
}

.checkout-stepper {
  align-items: start !important;
  display: grid !important;
  gap: 0 !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin: 0 auto clamp(28px, 4vw, 48px) !important;
  max-width: 940px !important;
  position: relative !important;
}

.checkout-stepper::before {
  background: var(--line) !important;
  content: "" !important;
  height: 2px !important;
  left: 12% !important;
  position: absolute !important;
  right: 12% !important;
  top: 18px !important;
  z-index: 0 !important;
}

.checkout-stepper button {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  color: var(--muted) !important;
  cursor: pointer !important;
  display: grid !important;
  font: inherit !important;
  gap: 9px !important;
  justify-items: center !important;
  min-width: 0 !important;
  position: relative !important;
  text-align: center !important;
  z-index: 1 !important;
}

.checkout-stepper span {
  align-items: center !important;
  background: var(--panel) !important;
  border: 1px solid var(--line) !important;
  border-radius: 999px !important;
  color: var(--muted) !important;
  display: inline-flex !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  height: 36px !important;
  justify-content: center !important;
  width: 36px !important;
}

.checkout-stepper strong {
  font-size: clamp(0.92rem, 1.2vw, 1.1rem) !important;
  font-weight: 850 !important;
}

.checkout-stepper button.is-active {
  color: var(--text) !important;
}

.checkout-stepper button.is-active span,
.checkout-stepper button.is-complete span {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: var(--button-text) !important;
}

.checkout-stepper button.is-complete span::before {
  content: "✓" !important;
}

.checkout-stepper button.is-complete span {
  font-size: 0 !important;
}

.checkout-layout {
  align-items: start !important;
  display: grid !important;
  gap: clamp(20px, 3vw, 34px) !important;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 420px) !important;
  margin: 0 auto !important;
  max-width: 1220px !important;
  width: 100% !important;
}

.checkout-main,
.checkout-panel {
  min-width: 0 !important;
}

.checkout-panel,
.checkout-summary {
  background: color-mix(in srgb, var(--panel) 94%, transparent) !important;
  border: 1px solid var(--line) !important;
  border-radius: 18px !important;
  box-shadow: var(--shadow) !important;
}

.checkout-panel {
  display: grid !important;
  gap: clamp(20px, 3vw, 30px) !important;
  padding: clamp(20px, 3vw, 34px) !important;
}

.checkout-panel[hidden] {
  display: none !important;
}

.checkout-panel-heading h1 {
  color: var(--text) !important;
  font-size: clamp(2.1rem, 4.4vw, 4.35rem) !important;
  line-height: 0.96 !important;
  margin: 0 !important;
}

.checkout-panel-heading p:not(.eyebrow) {
  color: var(--muted) !important;
  font-size: clamp(0.98rem, 1.3vw, 1.12rem) !important;
  line-height: 1.55 !important;
  margin: 12px 0 0 !important;
  max-width: 680px !important;
}

.checkout-form-section {
  border-top: 1px solid var(--line) !important;
  display: grid !important;
  gap: 14px !important;
  padding-top: 20px !important;
}

.checkout-form-section h2,
.checkout-payment-methods h2 {
  color: var(--text) !important;
  font-size: clamp(1.05rem, 1.5vw, 1.24rem) !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  margin: 0 !important;
  text-transform: uppercase !important;
}

.checkout-field-grid {
  display: grid !important;
  gap: 12px !important;
  min-width: 0 !important;
}

.checkout-field-grid.two {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.checkout-field-grid.three {
  grid-template-columns: 1.25fr 1.25fr 0.5fr !important;
}

.checkout-field-grid.cep {
  align-items: end !important;
  grid-template-columns: minmax(0, 1fr) minmax(132px, auto) !important;
}

.checkout-field {
  display: grid !important;
  gap: 7px !important;
  min-width: 0 !important;
}

.checkout-field span {
  color: var(--muted) !important;
  font-size: 0.82rem !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
}

.checkout-field input,
.checkout-review textarea {
  background: color-mix(in srgb, var(--panel-strong) 88%, transparent) !important;
  border: 1px solid var(--line) !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
  color: var(--text) !important;
  font: 800 1rem/1.2 Inter, Arial, sans-serif !important;
  min-height: 54px !important;
  min-width: 0 !important;
  outline: none !important;
  padding: 0 16px !important;
  width: 100% !important;
}

.checkout-review textarea {
  min-height: 96px !important;
  padding: 14px 16px !important;
  resize: vertical !important;
}

.checkout-field input:focus,
.checkout-review textarea:focus {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent) !important;
}

.checkout-check,
.checkout-save-data {
  align-items: center !important;
  color: var(--muted) !important;
  cursor: pointer !important;
  display: inline-flex !important;
  gap: 10px !important;
  font-weight: 750 !important;
}

.checkout-check input,
.checkout-save-data input {
  accent-color: var(--accent) !important;
  height: 18px !important;
  width: 18px !important;
}

.checkout-panel-actions {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  justify-content: flex-end !important;
}

.checkout-panel-actions .button {
  min-width: min(260px, 100%) !important;
}

.checkout-review {
  display: grid !important;
  gap: 12px !important;
}

.checkout-review article {
  align-items: start !important;
  background: color-mix(in srgb, var(--panel-strong) 86%, transparent) !important;
  border: 1px solid var(--line) !important;
  border-radius: 14px !important;
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  padding: 16px !important;
}

.checkout-review article span {
  color: var(--muted) !important;
  font-size: 0.78rem !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
}

.checkout-review article strong {
  color: var(--text) !important;
  font-weight: 850 !important;
  grid-column: 1 / 2 !important;
  line-height: 1.35 !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

.checkout-review article button {
  background: transparent !important;
  border: 0 !important;
  color: var(--accent) !important;
  cursor: pointer !important;
  font-weight: 900 !important;
  grid-column: 2 / 3 !important;
  grid-row: 1 / span 2 !important;
  text-decoration: underline !important;
}

.checkout-review article:has(textarea) {
  grid-template-columns: 1fr !important;
}

.checkout-payment-methods {
  border-top: 1px solid var(--line) !important;
  display: grid !important;
  gap: 12px !important;
  padding-top: 20px !important;
}

.checkout-payment-option {
  align-items: center !important;
  background: color-mix(in srgb, var(--panel-strong) 86%, transparent) !important;
  border: 1px solid var(--line) !important;
  border-radius: 14px !important;
  color: var(--text) !important;
  cursor: pointer !important;
  display: grid !important;
  gap: 8px 14px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  min-height: 76px !important;
  padding: 16px !important;
  text-align: left !important;
}

.checkout-payment-option span {
  font-size: 1.02rem !important;
  font-weight: 950 !important;
}

.checkout-payment-option em {
  color: var(--muted) !important;
  font-style: normal !important;
  font-weight: 750 !important;
  grid-column: 1 / -1 !important;
}

.checkout-payment-option img {
  background: #ffffff !important;
  border-radius: 999px !important;
  max-height: 34px !important;
  max-width: 138px !important;
  object-fit: contain !important;
  padding: 6px 12px !important;
}

.checkout-payment-option.is-selected {
  border-color: color-mix(in srgb, var(--accent) 62%, var(--line)) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 36%, transparent) !important;
}

.checkout-summary {
  align-content: start !important;
  display: grid !important;
  gap: 16px !important;
  padding: clamp(20px, 3vw, 30px) !important;
  position: sticky !important;
  top: 96px !important;
}

.checkout-summary-items {
  border-top: 1px solid var(--line) !important;
  display: grid !important;
  gap: 10px !important;
  padding-top: 14px !important;
}

.checkout-summary-items article {
  align-items: center !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: 56px minmax(0, 1fr) auto !important;
  min-width: 0 !important;
}

.checkout-summary-items img,
.checkout-summary-items article > span {
  align-items: center !important;
  aspect-ratio: 1 !important;
  background: #ffffff !important;
  border: 1px solid var(--line) !important;
  border-radius: 10px !important;
  display: flex !important;
  font-weight: 950 !important;
  justify-content: center !important;
  object-fit: contain !important;
  padding: 6px !important;
  width: 56px !important;
}

.checkout-summary-items strong,
.checkout-summary-items small,
.checkout-summary-items em {
  display: block !important;
  min-width: 0 !important;
}

.checkout-summary-items strong {
  color: var(--text) !important;
  font-size: 0.96rem !important;
  line-height: 1.15 !important;
}

.checkout-summary-items small {
  color: var(--muted) !important;
  font-weight: 750 !important;
  margin-top: 2px !important;
}

.checkout-summary-items em {
  color: var(--text) !important;
  font-style: normal !important;
  font-weight: 900 !important;
  text-align: right !important;
  white-space: normal !important;
  text-align: center !important;
}

.checkout-summary-empty {
  color: var(--muted) !important;
  margin: 0 !important;
}

@media (max-width: 980px) {
  .checkout-layout {
    grid-template-columns: 1fr !important;
  }

  .checkout-summary {
    position: static !important;
  }
}

@media (max-width: 680px) {
  .checkout-page-shell {
    padding-inline: 12px !important;
  }

  .checkout-stepper strong {
    font-size: 0.78rem !important;
  }

  .checkout-field-grid.two,
  .checkout-field-grid.three,
  .checkout-field-grid.cep {
    grid-template-columns: 1fr !important;
  }

  .checkout-panel-actions {
    justify-content: stretch !important;
  }

  .checkout-panel-actions .button,
  .checkout-panel-actions button {
    width: 100% !important;
  }

  .checkout-review article,
  .checkout-payment-option {
    grid-template-columns: 1fr !important;
  }

  .checkout-review article button {
    grid-column: 1 !important;
    grid-row: auto !important;
    justify-self: start !important;
  }

  .checkout-summary-items article {
    grid-template-columns: 48px minmax(0, 1fr) !important;
  }

  .checkout-summary-items em {
    grid-column: 2 !important;
    text-align: left !important;
  }
}

/* Header v3: never let the main menu break into a second row.
   New links should stay in this single rail and scroll only on tight widths. */
.site-header nav,
.front-header nav {
  align-items: center !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: clamp(8px, 1.2vw, 18px) !important;
  justify-content: center !important;
  min-width: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
  white-space: normal !important;
  text-align: center !important;
}

.site-header nav::-webkit-scrollbar,
.front-header nav::-webkit-scrollbar {
  display: none !important;
}

.site-header nav a,
.front-header nav a {
  flex: 0 0 auto !important;
  font-size: clamp(13px, 0.86vw, 15px) !important;
  line-height: 1 !important;
  white-space: normal !important;
  text-align: center !important;
}

.site-header nav a[href$="kits-prontos.html"],
.front-header nav a[href$="kits-prontos.html"],
.site-header nav a[href*="kits-prontos"],
.front-header nav a[href*="kits-prontos"],
.site-header nav a[href$="kits-voo.html"],
.site-header nav a[href*="kits-voo"] {
  font-size: clamp(14px, 0.94vw, 16px) !important;
  font-weight: 950 !important;
}

@media (min-width: 1181px) {
  .site-header nav,
  .front-header nav {
    max-width: min(860px, calc(100vw - 500px)) !important;
  }
}

@media (max-width: 1180px) {
  .site-header nav,
  .front-header nav {
    grid-column: 1 / -1 !important;
    justify-content: flex-start !important;
    padding-bottom: 4px !important;
    width: 100% !important;
  }
}

/* Cart page v2: keep totals, freight form and item controls inside the cards. */
.cart-page-layout,
.cart-page-summary,
.cart-page-items,
#cart-page-items,
.cart-page-line,
.cart-page-line > *,
.cart-page-row,
.cart-page-total,
.cart-page-shipping,
.cart-page-shipping > div:first-of-type {
  box-sizing: border-box !important;
  min-width: 0 !important;
}

.cart-page-layout {
  grid-template-columns: minmax(0, 1fr) minmax(300px, 420px) !important;
  overflow: visible !important;
  width: 100% !important;
}

.cart-page-summary {
  align-content: start !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.cart-page-row,
.cart-page-total {
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, auto) !important;
  justify-content: stretch !important;
}

.cart-page-row span,
.cart-page-total span,
.cart-page-row strong,
.cart-page-total strong {
  min-width: 0 !important;
}

.cart-page-row strong,
.cart-page-total strong {
  max-width: 100% !important;
  overflow-wrap: normal !important;
  text-align: right !important;
  word-break: normal !important;
}

.cart-page-total {
  align-items: center !important;
}

.cart-page-total strong {
  font-size: clamp(2rem, 4vw, 3.35rem) !important;
  line-height: 0.95 !important;
  white-space: normal !important;
  text-align: center !important;
}

.cart-page-shipping > div:first-of-type {
  align-items: stretch !important;
  grid-template-columns: minmax(0, 1fr) minmax(112px, auto) !important;
  width: 100% !important;
}

.cart-page-shipping input,
.cart-page-shipping button,
.cart-page-summary .button,
.cart-page-mp {
  box-sizing: border-box !important;
  max-width: 100% !important;
}

.cart-page-mp {
  min-width: 0 !important;
  white-space: normal !important;
}

.cart-page-line {
  grid-template-columns: 96px minmax(0, 1fr) minmax(124px, auto) !important;
  overflow: hidden !important;
}

.cart-page-line strong,
.cart-page-line small,
.cart-page-line em {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}

.cart-page-line-actions {
  min-width: 0 !important;
}

@media (max-width: 1100px) {
  .cart-page-layout {
    grid-template-columns: minmax(0, 1fr) minmax(290px, 380px) !important;
  }

  .cart-page-total strong {
    font-size: clamp(1.7rem, 3.7vw, 2.55rem) !important;
  }
}

@media (max-width: 960px) {
  .cart-page-layout {
    grid-template-columns: 1fr !important;
  }

  .cart-page-summary {
    position: static !important;
  }
}

@media (max-width: 680px) {
  .cart-page-summary {
    border-radius: 14px !important;
    padding: 18px !important;
  }

  .cart-page-row,
  .cart-page-total {
    grid-template-columns: minmax(0, 1fr) !important;
    text-align: left !important;
  }

  .cart-page-row strong,
  .cart-page-total strong {
    text-align: left !important;
  }

  .cart-page-total strong {
    font-size: clamp(2.35rem, 14vw, 3.8rem) !important;
    white-space: normal !important;
  }

  .cart-page-line {
    grid-template-columns: 76px minmax(0, 1fr) !important;
  }

  .cart-page-line-actions {
    grid-column: 1 / -1 !important;
    grid-template-columns: 36px auto 36px minmax(94px, auto) !important;
    justify-content: start !important;
  }

  .cart-page-shipping > div:first-of-type {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 420px) {
  .cart-page-shell {
    padding-inline: 10px !important;
  }

  .cart-page-line {
    grid-template-columns: 64px minmax(0, 1fr) !important;
    padding: 10px !important;
  }

  .cart-page-line img,
  .cart-page-line .cart-line-placeholder {
    height: 64px !important;
    width: 64px !important;
  }

  .cart-page-line-actions {
    grid-template-columns: 34px auto 34px minmax(86px, auto) !important;
  }
}

/* Checkout v3: tighter cart rows and safer summary columns for long carts. */
.checkout-page-shell,
.checkout-page-shell * {
  box-sizing: border-box !important;
}

.checkout-page-shell {
  overflow-x: hidden !important;
}

.checkout-layout,
.checkout-main,
.checkout-panel,
.checkout-summary,
.checkout-panel-actions,
#cart-page-items {
  min-width: 0 !important;
}

.checkout-layout {
  grid-template-columns: minmax(0, 1fr) minmax(320px, 400px) !important;
  max-width: min(1220px, calc(100vw - 32px)) !important;
  width: 100% !important;
}

#cart-page-items {
  display: grid !important;
  gap: 12px !important;
}

.checkout-panel .cart-page-line {
  align-items: center !important;
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: 82px minmax(0, 1fr) !important;
  overflow: hidden !important;
}

.checkout-panel .cart-page-line > div:not(.cart-page-line-actions) {
  min-width: 0 !important;
}

.checkout-panel .cart-page-line img,
.checkout-panel .cart-page-line .cart-line-placeholder {
  height: 82px !important;
  object-fit: contain !important;
  width: 82px !important;
}

.checkout-panel .cart-page-line-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  grid-column: 2 !important;
  justify-content: flex-start !important;
  min-width: 0 !important;
}

.checkout-panel .cart-page-line-actions button,
.checkout-panel .cart-page-line-actions span {
  flex: 0 0 auto !important;
}

.checkout-panel .cart-page-line-actions button:last-child {
  min-width: 110px !important;
}

.checkout-summary .cart-page-row,
.checkout-summary .cart-page-total {
  align-items: center !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, max-content) !important;
}

.checkout-summary .cart-page-total strong {
  font-size: clamp(2rem, 3.8vw, 3rem) !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-align: center !important;
}

.checkout-summary .cart-page-total span {
  max-width: 150px !important;
}

.checkout-summary .cart-page-total {
  align-items: start !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
}

.checkout-summary .cart-page-total span {
  max-width: none !important;
}

.checkout-summary .cart-page-total strong {
  display: block !important;
  font-size: clamp(2.15rem, 3.25vw, 3.05rem) !important;
  font-variant-numeric: tabular-nums !important;
  line-height: 0.95 !important;
  text-align: left !important;
  white-space: normal !important;
  text-align: center !important;
}

.checkout-summary .cart-page-row {
  grid-template-columns: minmax(0, 1fr) max-content !important;
}

.checkout-summary .cart-page-row strong {
  white-space: normal !important;
  text-align: center !important;
}

.checkout-summary-items article {
  grid-template-columns: 64px minmax(0, 1fr) max-content !important;
}

.checkout-summary-items em {
  align-self: center !important;
}

.cart-page-mp img {
  max-height: 28px !important;
  width: auto !important;
}

.cart-page-clear,
.checkout-summary small {
  overflow-wrap: anywhere !important;
}

/* Checkout hardening: large totals and long product names must never overflow. */
.checkout-summary,
.cart-page-summary {
  contain: layout paint !important;
  overflow: hidden !important;
}

.front-system-strip {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: clamp(18px, 3vw, 34px) auto;
  max-width: 1180px;
  padding: 0 clamp(16px, 4vw, 34px);
}

.front-system-strip article {
  background: color-mix(in srgb, var(--surface, #101922) 88%, transparent);
  border: 1px solid color-mix(in srgb, var(--line, rgba(255,255,255,.14)) 75%, transparent);
  border-radius: 14px;
  padding: 18px;
}

.front-system-strip span {
  color: var(--accent, #19d27a);
  display: block;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .08em;
  margin-bottom: 9px;
}

.front-system-strip strong {
  display: block;
  font-size: clamp(1.1rem, 1.8vw, 1.45rem);
  line-height: 1.05;
}

.front-system-strip p {
  color: var(--muted, #aebab3);
  line-height: 1.45;
  margin: 8px 0 0;
}

.checkout-summary-items article,
.checkout-summary .cart-page-row,
.checkout-summary .cart-page-total,
.checkout-panel .cart-page-line {
  width: 100% !important;
}

.checkout-summary-items article {
  align-items: center !important;
  gap: 10px !important;
  grid-template-columns: 54px minmax(0, 1fr) minmax(86px, max-content) !important;
}

.checkout-summary-items strong,
.checkout-summary-items small {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}

.checkout-summary-items em {
  font-size: clamp(0.86rem, 1.15vw, 1rem) !important;
  max-width: 118px !important;
  overflow-wrap: anywhere !important;
  text-align: right !important;
  white-space: normal !important;
}

.checkout-summary .cart-page-total {
  display: grid !important;
  grid-template-columns: 1fr !important;
  min-width: 0 !important;
}

.checkout-summary .cart-page-total strong {
  font-size: clamp(1.65rem, 2.35vw, 2.35rem) !important;
  line-height: 1 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  white-space: normal !important;
  word-break: normal !important;
}

.checkout-summary .cart-page-row strong {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  text-align: right !important;
  white-space: normal !important;
}

.checkout-panel .cart-page-line {
  grid-template-columns: 76px minmax(0, 1fr) !important;
}

.checkout-panel .cart-page-line strong,
.checkout-panel .cart-page-line small,
.checkout-panel .cart-page-line em {
  overflow-wrap: anywhere !important;
}

@media (max-width: 1040px) {
  .checkout-layout {
    grid-template-columns: 1fr !important;
  }

  .checkout-summary {
    position: static !important;
  }
}

@media (max-width: 560px) {
  .checkout-page-shell {
    padding-inline: 10px !important;
  }

  .checkout-panel .cart-page-line {
    grid-template-columns: 62px minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 10px !important;
  }

  .checkout-panel .cart-page-line img,
  .checkout-panel .cart-page-line .cart-line-placeholder {
    height: 62px !important;
    width: 62px !important;
  }

  .checkout-panel .cart-page-line-actions {
    grid-column: 1 / -1 !important;
  }

  .checkout-summary .cart-page-total {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .checkout-summary .cart-page-total strong {
    font-size: clamp(1.9rem, 8vw, 2.55rem) !important;
    white-space: normal !important;
  }

  .checkout-summary .cart-page-row {
    grid-template-columns: 1fr !important;
  }

  .checkout-summary .cart-page-row strong {
    text-align: left !important;
  }

  .checkout-summary-items article {
    grid-template-columns: 48px minmax(0, 1fr) !important;
  }

  .checkout-summary-items em {
    grid-column: 2 !important;
    text-align: left !important;
  }
}

/* Checkout final pass: totals and summary must fit even with expensive kits. */
.site-header nav,
.front-header nav {
  align-items: center !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: clamp(12px, 1.35vw, 24px) !important;
  justify-content: center !important;
  min-width: 0 !important;
}

.site-header nav > a,
.front-header nav > a {
  flex: 0 0 auto !important;
  white-space: normal !important;
  text-align: center !important;
}

.site-header .brand,
.front-header .brand,
.front-header .front-brand {
  min-width: 0 !important;
}

.checkout-summary .cart-page-total {
  border-top: 1px solid color-mix(in srgb, var(--line, rgba(255, 255, 255, 0.16)) 90%, transparent) !important;
  margin-top: 8px !important;
  padding-top: 18px !important;
}

.checkout-summary .cart-page-total span {
  color: var(--muted, #aebab3) !important;
  font-size: clamp(0.92rem, 1.15vw, 1.05rem) !important;
  line-height: 1.15 !important;
}

.checkout-summary .cart-page-total strong {
  font-size: clamp(1.75rem, 2.25vw, 2.45rem) !important;
  letter-spacing: 0 !important;
  line-height: 1.02 !important;
}

.checkout-summary-items article {
  min-width: 0 !important;
}

.checkout-summary-items em {
  min-width: 0 !important;
}

.checkout-resumed-order {
  border: 1px solid rgba(8, 210, 120, .34);
  background: linear-gradient(135deg, rgba(8, 210, 120, .12), rgba(18, 28, 38, .92));
  border-radius: 18px;
  padding: 18px 20px;
  margin-bottom: 18px;
  color: var(--text);
}

.checkout-resumed-order span {
  display: block;
  color: var(--accent);
  font-size: .8rem;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: 6px;
}

.checkout-resumed-order strong {
  display: block;
  font-size: clamp(1.35rem, 2.5vw, 2rem);
  line-height: 1.05;
  overflow-wrap: anywhere;
  margin-bottom: 8px;
}

.checkout-resumed-order p {
  margin: 0;
  color: var(--muted);
  font-weight: 700;
}

html:not(.dark-theme) .checkout-resumed-order,
body:not(.dark-theme) .checkout-resumed-order {
  background: linear-gradient(135deg, rgba(8, 210, 120, .1), rgba(255, 255, 255, .86));
  color: #111;
}

@media (max-width: 760px) {
  .theme-toggle {
    aspect-ratio: 1 !important;
    border-radius: 999px !important;
    min-width: 40px !important;
    width: 40px !important;
    padding: 0 !important;
  }

  .theme-toggle #theme-toggle-label {
    display: none !important;
  }

  .instagram-action {
    aspect-ratio: 1 !important;
    width: 40px !important;
  }

  .instagram-action span {
    display: none !important;
  }

  .checkout-summary .cart-page-total strong {
    font-size: clamp(1.8rem, 7.2vw, 2.35rem) !important;
  }

  body.store-lite-page .brand-catalog-grid,
  html body .brand-catalog-grid {
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin-top: 22px !important;
  }

  body.store-lite-page .brand-catalog-card,
  html body .brand-catalog-card {
    align-content: center !important;
    display: grid !important;
    gap: 8px !important;
    min-height: 158px !important;
    padding: 14px !important;
    text-align: center !important;
  }

  body.store-lite-page .brand-catalog-card .brand-logo-frame,
  html body .brand-catalog-card .brand-logo-frame {
    align-items: center !important;
    display: flex !important;
    height: 58px !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 8px 10px !important;
    width: 100% !important;
  }

  body.store-lite-page .brand-catalog-card .brand-logo-mode,
  html body .brand-catalog-card .brand-logo-mode {
    max-height: 34px !important;
    max-width: 116px !important;
    object-fit: contain !important;
  }

  body.store-lite-page .brand-catalog-card span,
  html body .brand-catalog-card span {
    font-size: 11px !important;
    margin: 0 !important;
  }

  body.store-lite-page .brand-catalog-card strong,
  html body .brand-catalog-card strong {
    font-size: clamp(1rem, 4.4vw, 1.18rem) !important;
    line-height: 1.05 !important;
    margin: 0 !important;
  }

  body.store-lite-page .brand-catalog-card small,
  html body .brand-catalog-card small {
    display: none !important;
  }

  body.store-brand-is-open .store-hero {
    min-height: 0 !important;
    padding-bottom: 12px !important;
    padding-top: calc(92px + env(safe-area-inset-top)) !important;
  }

  body.store-brand-is-open .store-hero > .eyebrow,
  body.store-brand-is-open .store-hero > h1,
  body.store-brand-is-open .store-hero > p {
    display: none !important;
  }

  body.store-brand-is-open .catalog-brand-switcher {
    margin-top: 0 !important;
  }
}

/* Store deep links: when Flight or Pimax sends the user to the shop, land on products first. */
body.store-brand-is-open .store-hero {
  min-height: auto !important;
  padding-bottom: clamp(18px, 3vw, 34px) !important;
  padding-top: clamp(118px, 12vw, 148px) !important;
}

body.store-brand-is-open .catalog-empty-state {
  display: none !important;
}

body.store-brand-is-open .brand-catalog-intro,
body.store-brand-is-open .brand-catalog-grid {
  display: none !important;
}

.catalog-brand-switcher {
  display: none;
}

body.store-brand-is-open .catalog-brand-switcher {
  align-items: center;
  backdrop-filter: blur(16px);
  background: rgba(255, 250, 240, 0.9);
  border: 1px solid rgba(9, 148, 80, 0.18);
  border-radius: 18px;
  box-shadow: 0 18px 42px rgba(24, 15, 6, 0.08);
  display: flex;
  gap: 14px;
  justify-content: space-between;
  margin: clamp(16px, 3vw, 28px) auto clamp(14px, 2.6vw, 24px);
  max-width: 1180px;
  padding: 12px;
  position: sticky;
  top: 86px;
  z-index: 12;
}

body.store-brand-is-open .catalog-brand-switcher > span {
  color: #706758;
  flex: 0 0 auto;
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  padding-left: 8px;
  text-transform: uppercase;
}

body.store-brand-is-open .catalog-brand-switcher > div {
  display: grid;
  flex: 1 1 auto;
  gap: 8px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.store-brand-is-open .catalog-brand-switcher button {
  appearance: none;
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(112, 103, 88, 0.2);
  border-radius: 14px;
  color: #11100e;
  cursor: pointer;
  font: inherit;
  font-size: 0.84rem;
  font-weight: 900;
  min-height: 44px;
  padding: 10px 12px;
  text-transform: uppercase;
  transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease, transform 140ms ease;
}

body.store-brand-is-open .catalog-brand-switcher button:hover {
  border-color: rgba(251, 197, 0, 0.9);
  transform: translateY(-1px);
}

body.store-brand-is-open .catalog-brand-switcher button.is-active {
  background: #0b9556;
  border-color: #0b9556;
  color: #fff;
}

html.dark-theme body.store-brand-is-open .catalog-brand-switcher,
body.dark-theme.store-brand-is-open .catalog-brand-switcher {
  background: rgba(10, 17, 20, 0.92);
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.28);
}

html.dark-theme body.store-brand-is-open .catalog-brand-switcher > span,
body.dark-theme.store-brand-is-open .catalog-brand-switcher > span {
  color: rgba(255, 255, 255, 0.62);
}

html.dark-theme body.store-brand-is-open .catalog-brand-switcher button,
body.dark-theme.store-brand-is-open .catalog-brand-switcher button {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.13);
  color: rgba(255, 255, 255, 0.86);
}

html.dark-theme body.store-brand-is-open .catalog-brand-switcher button:hover,
body.dark-theme.store-brand-is-open .catalog-brand-switcher button:hover {
  border-color: rgba(251, 197, 0, 0.9);
  color: #fff;
}

html.dark-theme body.store-brand-is-open .catalog-brand-switcher button.is-active,
body.dark-theme.store-brand-is-open .catalog-brand-switcher button.is-active {
  background: #fbc500;
  border-color: #fbc500;
  color: #070b0e;
}

@media (max-width: 720px) {
  body.store-brand-is-open .catalog-brand-switcher {
    align-items: stretch;
    border-radius: 16px;
    flex-direction: column;
    margin-inline: 14px;
    padding: 10px;
    position: sticky;
    top: 76px;
  }

  body.store-brand-is-open .catalog-brand-switcher > span {
    padding-left: 2px;
  }

  body.store-brand-is-open .catalog-brand-switcher > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.store-brand-is-open .catalog-brand-switcher button {
    min-height: 46px;
  }
}

body.store-brand-is-open .store-hero h1 {
  font-size: clamp(2.2rem, 4vw, 4.2rem) !important;
  max-width: 860px !important;
}

body.store-brand-is-open .store-hero > p:not(.eyebrow) {
  max-width: 620px !important;
}

body.store-brand-is-open .store-section {
  scroll-margin-top: 112px !important;
}

body.flight-site.flight-config-lite .flight-hero-inner {
  gap: clamp(18px, 4vw, 36px) !important;
}

body.flight-site.flight-config-lite .flight-hero-copy h1 {
  font-size: clamp(2.35rem, 6vw, 4.8rem) !important;
  line-height: 0.98 !important;
}

body.flight-site.flight-config-lite .flight-hero-copy p {
  max-width: 640px !important;
}

body.flight-site.flight-config-lite .flight-hero-panel,
body.flight-site.flight-config-lite .flight-build-guide article,
body.flight-site.flight-config-lite .flight-card,
body.flight-site.flight-config-lite .flight-option-group,
body.flight-site.flight-config-lite .flight-product-card,
body.flight-site.flight-config-lite .flight-summary,
body.flight-site.flight-config-lite .flight-summary-insight,
body.flight-site.flight-config-lite .flight-summary-checklist,
body.flight-site.flight-config-lite .flight-total-box {
  box-shadow: none !important;
  transform: none !important;
}

body.flight-site.flight-config-lite .flight-section {
  padding-block: clamp(34px, 5vw, 56px) !important;
}

body.flight-site.flight-config-lite .flight-build-guide {
  gap: 10px !important;
  margin-bottom: 16px !important;
}

body.flight-site.flight-config-lite .flight-build-guide article {
  min-height: 0 !important;
  padding: 16px !important;
}

body.flight-site.flight-config-lite .flight-config-shortcuts {
  margin-bottom: 16px !important;
}

body.flight-site.flight-config-lite .flight-config-shortcuts a {
  transition: background-color 120ms ease, color 120ms ease, border-color 120ms ease !important;
}

body.flight-site.flight-config-lite .flight-config-shortcuts a:hover {
  transform: none !important;
}

body.flight-site.flight-config-lite .flight-configurator {
  gap: 18px !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 340px) !important;
}

body.flight-site.flight-config-lite .flight-builder {
  gap: 16px !important;
}

body.flight-site.flight-config-lite .flight-option-group {
  contain: layout paint style !important;
  content-visibility: auto !important;
  contain-intrinsic-size: 760px !important;
  padding: 18px !important;
}

body.flight-site.flight-config-lite .flight-option-group .group-title {
  margin-bottom: 12px !important;
  padding-right: 0 !important;
}

body.flight-site.flight-config-lite .flight-option-group.has-selection .group-title::after {
  background: var(--flight-blue) !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  content: attr(data-selected-count) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  margin-left: auto !important;
  padding: 7px 9px !important;
  text-transform: uppercase !important;
}

body.flight-site.flight-config-lite .flight-option-grid {
  gap: 10px !important;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
}

body.flight-site.flight-config-lite .flight-product-card {
  contain: layout paint style !important;
  gap: 7px !important;
  min-height: 0 !important;
  padding: 12px !important;
  transition: border-color 120ms ease, background-color 120ms ease !important;
}

body.flight-site.flight-config-lite .flight-product-card:hover,
body.flight-site.flight-config-lite .flight-product-card.selected {
  box-shadow: none !important;
  transform: none !important;
}

body.flight-site.flight-config-lite .flight-product-card.selected {
  background: color-mix(in srgb, var(--flight-blue) 8%, var(--flight-panel)) !important;
}

body.flight-site.flight-config-lite .flight-product-card.is-locked {
  cursor: not-allowed !important;
  opacity: 0.52 !important;
}

body.flight-site.flight-config-lite .flight-product-card.is-locked:hover {
  background: var(--flight-panel) !important;
  border-color: var(--flight-line) !important;
  box-shadow: none !important;
}

body.flight-site.flight-config-lite .flight-product-card.is-locked .flight-product-visual img {
  filter: saturate(0.72) contrast(0.9) !important;
}

body.flight-site.flight-config-lite .flight-lock-note {
  align-self: flex-start !important;
  background: color-mix(in srgb, var(--flight-blue) 12%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--flight-blue) 34%, transparent) !important;
  border-radius: 999px !important;
  color: var(--flight-text) !important;
  font-size: 0.72rem !important;
  font-style: normal !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  padding: 7px 9px !important;
  text-transform: uppercase !important;
}

body.flight-site.flight-config-lite .flight-product-visual {
  aspect-ratio: 16 / 9 !important;
  background: var(--flight-panel-soft) !important;
}

body.flight-site.flight-config-lite .flight-product-visual img {
  height: 138px !important;
  max-height: 138px !important;
  padding: 8px !important;
  transform: none !important;
}

body.flight-site.flight-config-lite .flight-product-card strong {
  font-size: 1rem !important;
  line-height: 1.08 !important;
}

body.flight-site.flight-config-lite .flight-product-card p,
body.flight-site.flight-config-lite .flight-best-for {
  display: -webkit-box !important;
  font-size: 0.86rem !important;
  line-height: 1.35 !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

body.flight-site.flight-config-lite .flight-product-card em {
  font-size: 1rem !important;
}

body.flight-site.flight-config-lite .flight-card-actions {
  margin-top: 0 !important;
}

body.flight-site.flight-config-lite .flight-card-actions > span,
body.flight-site.flight-config-lite .flight-product-link {
  min-height: 34px !important;
  padding: 8px 10px !important;
  transition: background-color 120ms ease, color 120ms ease, border-color 120ms ease !important;
}

body.flight-site.flight-config-lite .flight-summary {
  gap: 12px !important;
  padding: 18px !important;
  position: static !important;
}

body.flight-site.flight-config-lite .flight-selected-list {
  max-height: 260px !important;
  overflow: auto !important;
  overscroll-behavior: contain !important;
}

body.flight-site.flight-config-lite .flight-selected-list div {
  gap: 10px !important;
}

body.flight-site.flight-config-lite .flight-total-box {
  padding: 14px !important;
}

@media (max-width: 980px) {
  body.flight-site.flight-config-lite .flight-configurator {
    grid-template-columns: 1fr !important;
  }

  body.flight-site.flight-config-lite .flight-option-group {
    contain-intrinsic-size: 900px !important;
  }
}

@media (max-width: 640px) {
  body.flight-site.flight-config-lite .flight-hero {
    padding-top: 134px !important;
  }

  body.flight-site.flight-config-lite .flight-build-guide {
    display: none !important;
  }

  body.flight-site.flight-config-lite .flight-section {
    padding-inline: 12px !important;
  }

  body.flight-site.flight-config-lite .flight-option-group {
    padding: 14px !important;
  }

  body.flight-site.flight-config-lite .flight-option-grid {
    grid-template-columns: 1fr !important;
  }

  body.flight-site.flight-config-lite .flight-product-card {
    grid-template-columns: 92px minmax(0, 1fr) !important;
    min-height: 0 !important;
  }

  body.flight-site.flight-config-lite .flight-product-visual {
    align-self: start !important;
    aspect-ratio: 1 !important;
    grid-row: span 5 !important;
  }

  body.flight-site.flight-config-lite .flight-product-visual img {
    height: 84px !important;
    max-height: 84px !important;
  }

  body.flight-site.flight-config-lite .flight-card-actions {
    align-items: stretch !important;
    grid-column: 1 / -1 !important;
  }
}

/* Configurator ecosystem cards: keep brand logos visible and compact. */
.ecosystem-stage .ecosystem-card {
  align-content: start !important;
  grid-auto-rows: auto !important;
  min-height: 0 !important;
}

.ecosystem-stage .ecosystem-card .ecosystem-logo-frame {
  align-items: center !important;
  aspect-ratio: auto !important;
  display: flex !important;
  height: clamp(86px, 9vw, 118px) !important;
  justify-content: center !important;
  margin: 0 0 12px !important;
  max-height: 118px !important;
  min-height: 86px !important;
  overflow: hidden !important;
  padding: clamp(14px, 2vw, 20px) !important;
  width: 100% !important;
}

.ecosystem-stage .ecosystem-card .ecosystem-logo {
  display: block !important;
  filter: none !important;
  height: auto !important;
  max-width: min(78%, 460px) !important;
  object-fit: contain !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: auto !important;
}

.ecosystem-stage .ecosystem-card[data-ecosystem="fanatec"] .ecosystem-logo {
  max-height: 46px !important;
}

.ecosystem-stage .ecosystem-card[data-ecosystem="simagic"] .ecosystem-logo {
  max-height: 70px !important;
  max-width: min(86%, 460px) !important;
}

.ecosystem-stage .ecosystem-card > .ecosystem-visual {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
}

html:not(.dark-theme) body .ecosystem-stage .ecosystem-logo-light {
  display: block !important;
}

html:not(.dark-theme) body .ecosystem-stage .ecosystem-logo-dark {
  display: none !important;
}

html.dark-theme body .ecosystem-stage .ecosystem-logo-light,
body.dark-theme .ecosystem-stage .ecosystem-logo-light {
  display: none !important;
}

html.dark-theme body .ecosystem-stage .ecosystem-logo-dark,
body.dark-theme .ecosystem-stage .ecosystem-logo-dark {
  display: block !important;
}

@media (max-width: 720px) {
  .ecosystem-stage .ecosystem-card .ecosystem-logo-frame {
    height: 82px !important;
    max-height: 82px !important;
    min-height: 82px !important;
  }

  .ecosystem-stage .ecosystem-card[data-ecosystem="fanatec"] .ecosystem-logo {
    max-height: 34px !important;
  }

  .ecosystem-stage .ecosystem-card[data-ecosystem="simagic"] .ecosystem-logo {
    max-height: 52px !important;
  }
}

/* Mobile stability pass: remove horizontal drift and make configurators thumb-friendly. */
@media (max-width: 760px) {
  html,
  body {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .site-header,
  .front-header {
    box-sizing: border-box !important;
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    left: 0 !important;
    max-width: 100vw !important;
    min-height: 0 !important;
    padding: 10px 12px 12px !important;
    right: 0 !important;
    width: 100% !important;
  }

  .site-header .brand,
  .front-header .front-brand,
  .front-header .brand {
    max-width: min(62vw, 230px) !important;
  }

  .site-header nav,
  .front-header nav {
    contain: paint !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    grid-column: 1 / -1 !important;
    justify-content: flex-start !important;
    left: auto !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 2px 2px !important;
    position: static !important;
    scrollbar-width: none !important;
    transform: none !important;
    width: 100% !important;
  }

  .site-header nav a,
  .front-header nav a {
    align-items: center !important;
    border: 1px solid rgba(127, 118, 96, 0.18) !important;
    display: flex !important;
    font-size: 11px !important;
    justify-content: center !important;
    line-height: 1.08 !important;
    flex: 0 0 auto !important;
    min-height: 34px !important;
    min-width: 0 !important;
    padding: 8px 6px !important;
    text-align: center !important;
    white-space: normal !important;
    white-space: normal !important;
  text-align: center !important;
    width: auto !important;
  }

  .site-header nav a[href*="kits-prontos"],
  .front-header nav a[href*="kits-prontos"],
  .site-header nav a[href*="kits-voo"] {
    font-size: 12px !important;
  }

  .header-actions,
  .front-actions {
    align-items: center !important;
    display: flex !important;
    justify-content: flex-end !important;
    min-width: 0 !important;
  }

  .theme-toggle {
    min-height: 34px !important;
    min-width: 76px !important;
    padding: 0 8px !important;
  }

  .store-hero,
  .configurator-hero,
  .flight-hero,
  .pimax-hero,
  .vr-config-hero,
  .product-hero,
  .flight-detail-hero,
  .cart-page-hero {
    padding-top: clamp(118px, 31vw, 138px) !important;
  }

  body.store-brand-is-open .store-hero {
    padding-top: clamp(116px, 30vw, 136px) !important;
  }

  .catalog-brand-switcher {
    max-width: calc(100vw - 24px) !important;
  }

  body.store-brand-is-open .catalog-brand-switcher {
    margin-inline: 12px !important;
    top: 104px !important;
    width: auto !important;
  }

  .front-system-strip,
  .front-proof-strip,
  .front-feature-grid,
  .front-showcase-grid,
  .front-bundle-grid {
    box-sizing: border-box !important;
    grid-template-columns: minmax(0, 1fr) !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .front-system-strip article,
  .front-proof-strip article,
  .front-feature-grid article,
  .front-showcase-grid article,
  .front-bundle-grid article {
    box-sizing: border-box !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    width: 100% !important;
  }

  body.flight-site.flight-config-lite .flight-configurator,
  body.flight-site .flight-configurator {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    max-width: 100% !important;
    overflow: hidden !important;
    width: 100% !important;
  }

  body.flight-site.flight-config-lite .flight-builder,
  body.flight-site .flight-builder,
  body.flight-site.flight-config-lite .flight-option-group,
  body.flight-site .flight-option-group,
  body.flight-site.flight-config-lite .flight-option-grid,
  body.flight-site .flight-option-grid {
    box-sizing: border-box !important;
    grid-template-columns: minmax(0, 1fr) !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    width: 100% !important;
  }

  body.flight-site.flight-config-lite .flight-product-card,
  body.flight-site .flight-product-card {
    box-sizing: border-box !important;
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: 86px minmax(0, 1fr) !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 12px !important;
    width: 100% !important;
  }

  body.flight-site .flight-card-topline,
  body.flight-site .flight-product-card strong,
  body.flight-site .flight-product-card p,
  body.flight-site .flight-product-card small,
  body.flight-site .flight-product-card em {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    width: auto !important;
  }

  body.flight-site .flight-card-actions {
    align-items: stretch !important;
    display: grid !important;
    gap: 8px !important;
    grid-column: 1 / -1 !important;
    grid-template-columns: 1fr !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  body.flight-site .flight-card-actions button,
  body.flight-site .flight-card-actions a,
  .store-card-actions button,
  .store-card-actions a,
  .hero-actions .button,
  .button {
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
  }
}

/* Mobile menu system: one compact header, drawer navigation and clean WhatsApp CTA. */
.mobile-menu-toggle {
  display: none;
}

@media (max-width: 760px) {
  body {
    padding-bottom: calc(76px + env(safe-area-inset-bottom)) !important;
  }

  .site-header,
  .front-header {
    overflow: visible !important;
    position: fixed !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto !important;
    z-index: 1000 !important;
  }

  .site-header .brand,
  .front-header .front-brand,
  .front-header .brand {
    align-items: center !important;
    display: flex !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    max-width: calc(100vw - 164px) !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .site-header .brand span,
  .front-header .front-brand span,
  .front-header .brand span {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
  text-align: center !important;
  }

  .header-actions,
  .front-actions {
    align-items: center !important;
    display: flex !important;
    gap: 8px !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-content: flex-end !important;
    justify-self: end !important;
  }

  .header-action,
  .front-cta {
    display: none !important;
  }

  .theme-toggle {
    border-radius: 999px !important;
    flex: 0 0 auto !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    height: 38px !important;
    line-height: 1 !important;
    min-height: 38px !important;
    min-width: 70px !important;
    padding: 0 9px !important;
    position: static !important;
    transform: none !important;
  }

  .theme-toggle-icon {
    font-size: 14px !important;
    line-height: 1 !important;
  }

  .mobile-menu-toggle {
    align-items: center !important;
    background: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    border-radius: 999px !important;
    color: #0c1114 !important;
    cursor: pointer !important;
    display: inline-grid !important;
    flex: 0 0 auto !important;
    grid-template-columns: 14px auto !important;
    height: 38px !important;
    justify-content: center !important;
    min-width: 74px !important;
    padding: 0 10px !important;
    position: relative !important;
  }

  .mobile-menu-toggle span {
    background: currentColor !important;
    border-radius: 999px !important;
    display: block !important;
    grid-column: 1 !important;
    height: 2px !important;
    width: 14px !important;
  }

  .mobile-menu-toggle span + span {
    margin-top: 3px !important;
  }

  .mobile-menu-toggle b {
    font-size: 12px !important;
    font-weight: 950 !important;
    grid-column: 2 !important;
    grid-row: 1 / span 3 !important;
    line-height: 1 !important;
    margin-left: 7px !important;
    text-transform: none !important;
  }

  html.dark-theme body .mobile-menu-toggle,
  body.dark-theme .mobile-menu-toggle {
    background: rgba(16, 26, 34, 0.96) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    color: #f8f4e8 !important;
  }

  .site-header nav,
  .front-header nav {
    display: none !important;
  }

  body.mobile-menu-open .site-header nav,
  body.mobile-menu-open .front-header nav {
    align-items: stretch !important;
    background:
      linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(248, 245, 238, 0.96)) !important;
    border: 1px solid rgba(13, 18, 19, 0.12) !important;
    border-radius: 18px !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.22) !important;
    box-sizing: border-box !important;
    display: grid !important;
    gap: 8px !important;
    grid-column: auto !important;
    grid-template-columns: minmax(0, 1fr) !important;
    justify-content: stretch !important;
    left: 12px !important;
    max-height: calc(100dvh - 92px) !important;
    max-width: calc(100vw - 24px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 12px !important;
    position: absolute !important;
    right: 12px !important;
    top: calc(100% + 8px) !important;
    transform: none !important;
    min-width: calc(100vw - 24px) !important;
    width: calc(100vw - 24px) !important;
    z-index: 1002 !important;
  }

  html.dark-theme body.mobile-menu-open .site-header nav,
  body.dark-theme.mobile-menu-open .site-header nav,
  html.dark-theme body.mobile-menu-open .front-header nav,
  body.dark-theme.mobile-menu-open .front-header nav {
    background:
      linear-gradient(145deg, rgba(12, 20, 27, 0.98), rgba(7, 14, 18, 0.98)) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.48) !important;
  }

  body.mobile-menu-open .site-header nav a,
  body.mobile-menu-open .front-header nav a {
    align-items: center !important;
    border: 1px solid rgba(127, 118, 96, 0.16) !important;
    border-radius: 14px !important;
    color: #11140f !important;
    display: flex !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    justify-content: space-between !important;
    line-height: 1.1 !important;
    min-height: 46px !important;
    padding: 0 14px !important;
    text-align: left !important;
    white-space: normal !important;
  text-align: center !important;
    width: 100% !important;
  }

  body.mobile-menu-open .site-header nav a::after,
  body.mobile-menu-open .front-header nav a::after {
    content: "›";
    font-size: 22px;
    opacity: 0.5;
  }

  html.dark-theme body.mobile-menu-open .site-header nav a,
  body.dark-theme.mobile-menu-open .site-header nav a,
  html.dark-theme body.mobile-menu-open .front-header nav a,
  body.dark-theme.mobile-menu-open .front-header nav a {
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: rgba(255, 255, 255, 0.11) !important;
    color: #f8f4e8 !important;
  }

  body.mobile-menu-open .site-header nav a[href*="kits-prontos"],
  body.mobile-menu-open .front-header nav a[href*="kits-prontos"],
  body.mobile-menu-open .site-header nav a[href*="kits-voo"] {
    background: #f8d000 !important;
    color: #0b0d0b !important;
    font-size: 15px !important;
    font-weight: 950 !important;
  }

  body.flight-site.mobile-menu-open .site-header nav a[href*="kits-voo"] {
    background: #35b5ff !important;
    color: #06111d !important;
  }

  .mobile-whatsapp {
    align-items: center !important;
    background: linear-gradient(135deg, #12b76a, #0b8f4f) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 999px !important;
    bottom: calc(12px + env(safe-area-inset-bottom)) !important;
    box-shadow: 0 18px 44px rgba(8, 99, 52, 0.36) !important;
    box-sizing: border-box !important;
    color: #ffffff !important;
    display: flex !important;
    font-size: 0 !important;
    font-weight: 950 !important;
    gap: 8px !important;
    justify-content: center !important;
    left: 14px !important;
    letter-spacing: 0 !important;
    min-height: 56px !important;
    padding: 0 18px !important;
    position: fixed !important;
    right: 14px !important;
    text-decoration: none !important;
    z-index: 900 !important;
  }

  .mobile-whatsapp::before {
    background: rgba(255, 255, 255, 0.16) !important;
    border-radius: 999px !important;
    content: "WhatsApp" !important;
    font-size: 12px !important;
    line-height: 1 !important;
    margin: 0 !important;
    opacity: 1 !important;
    padding: 7px 9px !important;
  }

  .mobile-whatsapp::after {
    content: "Tirar dúvida" !important;
    font-size: 15px !important;
    line-height: 1 !important;
  }

  html body .site-header,
  html body .front-header,
  html body:not(.flight-site):not(.pimax-site):not(.vr-config-site) .site-header,
  html body.flight-site .site-header,
  html body.pimax-site .site-header,
  html body.vr-config-site .site-header {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto !important;
  }

  html body .site-header .brand,
  html body .front-header .front-brand,
  html body .front-header .brand {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  html body .site-header .header-actions,
  html body .front-header .front-actions {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
  }

  html body.mobile-menu-open .site-header nav,
  html body.mobile-menu-open .front-header nav {
    left: 12px !important;
    margin: 0 !important;
    max-width: calc(100vw - 24px) !important;
    min-width: calc(100vw - 24px) !important;
    right: 12px !important;
    width: calc(100vw - 24px) !important;
  }
}

/* Keep mobile showroom content completely out of desktop navigation. */
.site-header nav .mobile-menu-close,
.front-header nav .mobile-menu-close,
.site-header nav .mobile-menu-strip,
.front-header nav .mobile-menu-strip,
.site-header nav .mobile-menu-tiles,
.front-header nav .mobile-menu-tiles,
.site-header nav .mobile-menu-tile-grid,
.front-header nav .mobile-menu-tile-grid,
.site-header nav .mobile-menu-tile,
.front-header nav .mobile-menu-tile,
.site-header nav .mobile-menu-tile img,
.front-header nav .mobile-menu-tile img,
.site-header nav .mobile-menu-tile span,
.front-header nav .mobile-menu-tile span {
  display: none !important;
}

@media (min-width: 761px) {
  .site-header nav .mobile-menu-close,
  .front-header nav .mobile-menu-close,
  .site-header nav .mobile-menu-strip,
  .front-header nav .mobile-menu-strip,
  .site-header nav .mobile-menu-tiles,
  .front-header nav .mobile-menu-tiles,
  .site-header nav .mobile-menu-tile-grid,
  .front-header nav .mobile-menu-tile-grid,
  .site-header nav .mobile-menu-tile,
  .front-header nav .mobile-menu-tile,
  .site-header nav .mobile-menu-tile img,
  .front-header nav .mobile-menu-tile img,
  .site-header nav .mobile-menu-tile span,
  .front-header nav .mobile-menu-tile span {
    display: none !important;
    height: 0 !important;
    max-height: 0 !important;
    max-width: 0 !important;
    min-height: 0 !important;
    min-width: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    position: absolute !important;
    visibility: hidden !important;
    width: 0 !important;
  }
}

/* Final priority for the Fanatec-inspired mobile showroom menu. */
@media (max-width: 760px) {
  html body.mobile-menu-open .site-header nav,
  html body.mobile-menu-open .front-header nav {
    align-content: start !important;
    align-items: stretch !important;
    background: #fffdf8 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    color: #080908 !important;
    display: grid !important;
    gap: 0 !important;
    grid-template-columns: minmax(0, 1fr) !important;
    height: 100dvh !important;
    inset: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    max-height: none !important;
    max-width: none !important;
    min-height: 100dvh !important;
    min-width: 100vw !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 18px 18px calc(84px + env(safe-area-inset-bottom)) !important;
    position: fixed !important;
    right: auto !important;
    top: 0 !important;
    width: 100vw !important;
    z-index: 3000 !important;
  }

  html.dark-theme body.mobile-menu-open .site-header nav,
  body.dark-theme.mobile-menu-open .site-header nav,
  html.dark-theme body.mobile-menu-open .front-header nav,
  body.dark-theme.mobile-menu-open .front-header nav {
    background: #050607 !important;
    color: #fffdf2 !important;
  }

  html body.mobile-menu-open .site-header nav > a,
  html body.mobile-menu-open .front-header nav > a {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #080908 !important;
    display: flex !important;
    font-size: clamp(18px, 5.35vw, 25px) !important;
    font-weight: 950 !important;
    justify-content: flex-start !important;
    line-height: 1 !important;
    min-height: 43px !important;
    padding: 0 52px 0 0 !important;
    text-align: left !important;
    text-transform: uppercase !important;
    white-space: normal !important;
    width: 100% !important;
  }

  html.dark-theme body.mobile-menu-open .site-header nav > a,
  body.dark-theme.mobile-menu-open .site-header nav > a,
  html.dark-theme body.mobile-menu-open .front-header nav > a,
  body.dark-theme.mobile-menu-open .front-header nav > a {
    color: #fffdf2 !important;
  }

  html body.mobile-menu-open .site-header nav > a::after,
  html body.mobile-menu-open .front-header nav > a::after {
    content: "" !important;
  }

  html body.mobile-menu-open .site-header nav > a:first-of-type::after,
  html body.mobile-menu-open .front-header nav > a:first-of-type::after {
    content: "\203A" !important;
    display: inline-block !important;
    font-size: 1.15em !important;
    margin-left: 8px !important;
    opacity: 1 !important;
  }

  html body.mobile-menu-open .site-header nav .mobile-menu-close,
  html body.mobile-menu-open .front-header nav .mobile-menu-close {
    align-items: center !important;
    background: #fff !important;
    border: 3px solid #070807 !important;
    border-radius: 999px !important;
    color: #070807 !important;
    display: flex !important;
    font-size: 21px !important;
    font-weight: 900 !important;
    height: 40px !important;
    justify-content: center !important;
    line-height: 1 !important;
    padding: 0 !important;
    position: absolute !important;
    right: 20px !important;
    top: 20px !important;
    width: 40px !important;
    z-index: 2 !important;
  }

  html body.mobile-menu-open .site-header nav .mobile-menu-strip,
  html body.mobile-menu-open .front-header nav .mobile-menu-strip {
    background: #fffdf8 !important;
    border-bottom: 1px solid rgba(8, 9, 8, 0.12) !important;
    border-top: 1px solid rgba(8, 9, 8, 0.12) !important;
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    margin: 10px -18px 18px !important;
    padding: 10px 16px !important;
  }

  html body.mobile-menu-open .site-header nav .mobile-menu-strip a,
  html body.mobile-menu-open .front-header nav .mobile-menu-strip a,
  html body.mobile-menu-open .site-header nav .mobile-menu-strip .mobile-theme-toggle,
  html body.mobile-menu-open .front-header nav .mobile-menu-strip .mobile-theme-toggle {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    color: #080908 !important;
    display: flex !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    gap: 5px !important;
    justify-content: center !important;
    line-height: 1.05 !important;
    min-height: 30px !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 0 2px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    white-space: normal !important;
  text-align: center !important;
  }

  html.dark-theme body.mobile-menu-open .site-header nav .mobile-menu-strip,
  body.dark-theme.mobile-menu-open .site-header nav .mobile-menu-strip,
  html.dark-theme body.mobile-menu-open .front-header nav .mobile-menu-strip,
  body.dark-theme.mobile-menu-open .front-header nav .mobile-menu-strip {
    background: #050505 !important;
    border-bottom-color: rgba(255, 255, 255, 0.16) !important;
    border-top-color: rgba(255, 255, 255, 0.16) !important;
  }

  html.dark-theme body.mobile-menu-open .site-header nav .mobile-menu-strip a,
  body.dark-theme.mobile-menu-open .site-header nav .mobile-menu-strip a,
  html.dark-theme body.mobile-menu-open .front-header nav .mobile-menu-strip a,
  body.dark-theme.mobile-menu-open .front-header nav .mobile-menu-strip a,
  html.dark-theme body.mobile-menu-open .site-header nav .mobile-menu-strip .mobile-theme-toggle,
  body.dark-theme.mobile-menu-open .site-header nav .mobile-menu-strip .mobile-theme-toggle,
  html.dark-theme body.mobile-menu-open .front-header nav .mobile-menu-strip .mobile-theme-toggle,
  body.dark-theme.mobile-menu-open .front-header nav .mobile-menu-strip .mobile-theme-toggle {
    color: #fffdf2 !important;
  }

  html body.mobile-menu-open .site-header nav .mobile-menu-strip a svg,
  html body.mobile-menu-open .front-header nav .mobile-menu-strip a svg,
  html body.mobile-menu-open .site-header nav .mobile-menu-strip .mobile-theme-toggle svg,
  html body.mobile-menu-open .front-header nav .mobile-menu-strip .mobile-theme-toggle svg {
    display: block !important;
    flex: 0 0 15px !important;
    fill: none !important;
    height: 15px !important;
    stroke: currentColor !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    stroke-width: 2px !important;
    width: 15px !important;
  }

  html body.mobile-menu-open .site-header nav .mobile-menu-strip a span,
  html body.mobile-menu-open .front-header nav .mobile-menu-strip a span,
  html body.mobile-menu-open .site-header nav .mobile-menu-strip .mobile-theme-toggle span,
  html body.mobile-menu-open .front-header nav .mobile-menu-strip .mobile-theme-toggle span {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: normal !important;
  text-align: center !important;
  }

  body.flight-site .site-header.has-site-search .brand span,
  body.flight-site .front-header.has-site-search .front-brand span {
    max-width: 100px !important;
    overflow: hidden !important;
  }

  body.flight-site .site-header.has-site-search .brand small,
  body.flight-site .front-header.has-site-search .front-brand small {
    display: block !important;
    max-width: 92px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
  text-align: center !important;
  }

  html body.mobile-menu-open .site-header nav .mobile-menu-tiles,
  html body.mobile-menu-open .front-header nav .mobile-menu-tiles {
    display: block !important;
    margin: 0 0 18px !important;
  }

  html body.mobile-menu-open .site-header nav .mobile-menu-tiles h3,
  html body.mobile-menu-open .front-header nav .mobile-menu-tiles h3 {
    color: #0a0b0a !important;
    font-size: clamp(14px, 4vw, 18px) !important;
    font-style: italic !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    margin: 0 0 9px !important;
    text-transform: uppercase !important;
  }

  html.dark-theme body.mobile-menu-open .site-header nav .mobile-menu-tiles h3,
  body.dark-theme.mobile-menu-open .site-header nav .mobile-menu-tiles h3,
  html.dark-theme body.mobile-menu-open .front-header nav .mobile-menu-tiles h3,
  body.dark-theme.mobile-menu-open .front-header nav .mobile-menu-tiles h3 {
    color: #fffdf2 !important;
  }

  html body.mobile-menu-open .site-header nav .mobile-menu-tile-grid,
  html body.mobile-menu-open .front-header nav .mobile-menu-tile-grid {
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  html body.mobile-menu-open .site-header nav .mobile-menu-tile,
  html body.mobile-menu-open .front-header nav .mobile-menu-tile {
    align-items: end !important;
    aspect-ratio: 1.72 / 1 !important;
    background: #111 !important;
    border: 0 !important;
    border-radius: 5px !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.14) !important;
    color: #ffffff !important;
    display: flex !important;
    filter: none !important;
    font-size: clamp(12px, 3.5vw, 16px) !important;
    font-weight: 760 !important;
    justify-content: flex-start !important;
    line-height: 1.05 !important;
    min-height: 50px !important;
    mix-blend-mode: normal !important;
    opacity: 1 !important;
    overflow: hidden !important;
    padding: 8px !important;
    isolation: isolate !important;
    position: relative !important;
    text-align: left !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.75) !important;
    text-transform: none !important;
    white-space: normal !important;
  }

  html body.mobile-menu-open .site-header nav .mobile-menu-tile::before,
  html body.mobile-menu-open .front-header nav .mobile-menu-tile::before {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.58), rgba(0, 0, 0, 0.08)) !important;
    content: "" !important;
    inset: 0 !important;
    position: absolute !important;
    z-index: -1 !important;
  }

  html body.mobile-menu-open .site-header nav .mobile-menu-tile img,
  html body.mobile-menu-open .front-header nav .mobile-menu-tile img {
    display: block !important;
    filter: none !important;
    height: 100% !important;
    inset: 0 !important;
    max-height: none !important;
    max-width: none !important;
    mix-blend-mode: normal !important;
    object-fit: cover !important;
    object-position: center !important;
    opacity: 1 !important;
    position: absolute !important;
    transform: none !important;
    width: 100% !important;
    z-index: -2 !important;
  }

  html body.mobile-menu-open .site-header nav .mobile-menu-tile *,
  html body.mobile-menu-open .front-header nav .mobile-menu-tile * {
    filter: none !important;
    mix-blend-mode: normal !important;
    opacity: 1 !important;
  }

  html body.mobile-menu-open .site-header nav .mobile-menu-tile span,
  html body.mobile-menu-open .front-header nav .mobile-menu-tile span {
    color: #ffffff !important;
    display: block !important;
    font-size: clamp(13px, 3.4vw, 16px) !important;
    font-weight: 900 !important;
    line-height: 1.05 !important;
    position: relative !important;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.72) !important;
    z-index: 1 !important;
  }

  html body.mobile-menu-open .site-header nav > a:hover,
  html body.mobile-menu-open .front-header nav > a:hover {
    background: rgba(7, 8, 7, 0.06) !important;
    color: #080908 !important;
  }

  html body.mobile-menu-open .site-header nav .mobile-menu-tile:hover,
  html body.mobile-menu-open .front-header nav .mobile-menu-tile:hover {
    box-shadow: inset 0 0 0 2px rgba(8, 145, 80, 0.8) !important;
    transform: none !important;
  }

  html body.mobile-menu-open .site-header nav .mobile-menu-strip a::after,
  html body.mobile-menu-open .front-header nav .mobile-menu-strip a::after,
  html body.mobile-menu-open .site-header nav .mobile-menu-tile::after,
  html body.mobile-menu-open .front-header nav .mobile-menu-tile::after {
    content: "" !important;
  }
}

/* Last-mile Flight product smoothing. Keep this at EOF to beat old visual layers. */
body.flight-site .flight-product-page {
  background: var(--flight-bg) !important;
  contain: paint !important;
}

html.dark-theme body.flight-site .flight-product-page,
body.dark-theme.flight-site .flight-product-page {
  background: #06111e !important;
}

body.flight-site .flight-detail-copy,
body.flight-site .flight-detail-visual,
body.flight-site .flight-buy-panel,
body.flight-site .flight-detail-card,
body.flight-site .flight-ad-strip article,
body.flight-site .flight-gallery-feature,
body.flight-site .flight-gallery-rail figure,
body.flight-site .flight-commercial-blocks article {
  box-shadow: none !important;
  transform: none !important;
  transition: border-color 120ms ease, background-color 120ms ease !important;
}

body.flight-site .flight-detail-visual,
body.flight-site .flight-gallery-feature,
body.flight-site .flight-gallery-rail figure {
  background: var(--flight-panel-soft) !important;
}

body.flight-site .flight-detail-visual::after,
body.flight-site .flight-store-visual::after,
body.flight-site .product-ad-hero::before {
  display: none !important;
}

body.flight-site .flight-detail-visual img,
body.flight-site .flight-gallery-feature img,
body.flight-site .flight-gallery-rail img {
  filter: none !important;
  transform: none !important;
  will-change: auto !important;
}

body.flight-site .flight-detail-hero,
body.flight-site .flight-detail-section,
body.flight-site .flight-ad-strip,
body.flight-site .flight-commercial-blocks,
body.flight-site .flight-product-gallery {
  content-visibility: auto !important;
  contain-intrinsic-size: 760px !important;
}

body.flight-site .flight-detail-visual {
  min-height: clamp(320px, 44vw, 460px) !important;
}

body.flight-site .flight-gallery-feature img,
body.flight-site .flight-gallery-rail img {
  max-height: 360px !important;
}

@media (max-width: 820px) {
  body.flight-site .flight-detail-hero,
  body.flight-site .flight-detail-section,
  body.flight-site .flight-ad-strip,
  body.flight-site .flight-commercial-blocks,
  body.flight-site .flight-product-gallery {
    content-visibility: visible !important;
    contain-intrinsic-size: auto !important;
  }

  body.flight-site .flight-detail-visual {
    min-height: 280px !important;
  }
}
/* Configurator bundle discount and gated Pimax accessories */
.summary-price-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: 8px;
  width: 100%;
}

.summary-price-row strong {
  font-size: inherit;
  white-space: nowrap;
}

.summary-price-row.discount-row,
.summary-price-row.discount-row strong {
  color: var(--green);
}

.pimax-accessory-group[hidden],
#flight-pimax-accessory-group[hidden] {
  display: none !important;
}

@media (min-width: 1180px) {
  body.configurator-lite-page .cart-fab,
  body.flight-site.flight-config-lite .cart-fab,
  body.vr-config-site .cart-fab {
    right: calc(var(--summary-drawer-width, 390px) + 40px) !important;
  }
}

body.configurator-lite-page .kit-insight strong,
body.configurator-lite-page .compatibility-panel strong {
  color: var(--text) !important;
}

html.dark-theme body.configurator-lite-page .kit-insight strong,
html.dark-theme body.configurator-lite-page .compatibility-panel strong,
body.dark-theme.configurator-lite-page .kit-insight strong,
body.dark-theme.configurator-lite-page .compatibility-panel strong {
  color: #fffdf2 !important;
}

html.dark-theme body.configurator-lite-page .customers,
body.dark-theme.configurator-lite-page .customers {
  background: #07100d !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

html.dark-theme body.configurator-lite-page .customers h2,
html.dark-theme body.configurator-lite-page .customers p,
body.dark-theme.configurator-lite-page .customers h2,
body.dark-theme.configurator-lite-page .customers p {
  color: #fffdf2 !important;
}

.cart-line-edit {
  color: #1ed47a !important;
  display: inline-flex !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  margin-top: 6px !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

/* Flight and VR configurators: same persistent drawer concept as the racing configurator. */
body.flight-site.flight-config-lite .summary-scroll-button,
body.vr-config-site .summary-scroll-button {
  align-items: center !important;
  appearance: none !important;
  background: linear-gradient(135deg, #19d978, #0c8c55) !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-radius: 999px !important;
  box-shadow: 0 14px 34px rgba(7, 95, 55, 0.28) !important;
  color: #06100b !important;
  cursor: pointer !important;
  display: none !important;
  font-size: 22px !important;
  font-weight: 950 !important;
  height: 44px !important;
  justify-content: center !important;
  line-height: 1 !important;
  margin: 12px auto 0 !important;
  padding: 0 !important;
  position: sticky !important;
  bottom: 0 !important;
  width: 44px !important;
  z-index: 4 !important;
}

body.flight-site.flight-config-lite .summary-scroll-button {
  background: linear-gradient(135deg, #38c8ff, #1167d8) !important;
  color: #04111f !important;
}

body.vr-config-site .summary-scroll-button {
  background: linear-gradient(135deg, #2bf0ff, #245dff) !important;
  color: #031019 !important;
}

body.flight-site.flight-config-lite .summary-scroll-button.is-visible,
body.vr-config-site .summary-scroll-button.is-visible {
  display: flex !important;
}

body.flight-site.flight-config-lite .summary-scroll-button:hover,
body.flight-site.flight-config-lite .summary-scroll-button:focus-visible,
body.vr-config-site .summary-scroll-button:hover,
body.vr-config-site .summary-scroll-button:focus-visible {
  transform: translateY(-1px) !important;
}

body.flight-site.flight-config-lite .summary-scroll-button:focus-visible,
body.vr-config-site .summary-scroll-button:focus-visible {
  outline: 3px solid rgba(248, 208, 0, 0.55) !important;
  outline-offset: 3px !important;
}

@media (min-width: 1180px) {
  body.flight-site.flight-config-lite main.flight-page,
  body.vr-config-site main.vr-config-page {
    box-sizing: border-box !important;
    padding-right: 0 !important;
    width: calc(100vw - var(--summary-drawer-width, 390px) - 50px) !important;
  }

  body.flight-site.flight-config-lite .flight-configurator,
  body.vr-config-site .vr-builder {
    grid-template-columns: minmax(0, 1fr) !important;
    max-width: none !important;
  }

  body.flight-site.flight-config-lite .flight-summary,
  body.vr-config-site .vr-summary {
    border-radius: 18px !important;
    bottom: 22px !important;
    max-height: none !important;
    overflow: auto !important;
    overscroll-behavior: contain !important;
    padding: 20px 20px 72px !important;
    position: fixed !important;
    right: 22px !important;
    top: 96px !important;
    width: var(--summary-drawer-width, 390px) !important;
    z-index: 9 !important;
  }

  body.flight-site.flight-config-lite .summary-scroll-button,
  body.vr-config-site .summary-scroll-button {
    bottom: 34px !important;
    margin: 0 !important;
    position: fixed !important;
    right: 42px !important;
    z-index: 12 !important;
  }
}

@media (max-width: 1179px) {
  body.flight-site.flight-config-lite main.flight-page,
  body.vr-config-site main.vr-config-page {
    width: auto !important;
  }

  body.flight-site.flight-config-lite .flight-summary,
  body.vr-config-site .vr-summary {
    max-height: none !important;
    position: static !important;
  }
}

/* Pimax catalog photos: clean white stage in light theme. */
html:not(.dark-theme) body.store-lite-page .store-section[data-brand-group="pimax"] .store-card[data-brand="pimax"] figure {
  background: #ffffff !important;
  border-color: rgba(10, 33, 60, 0.12) !important;
  box-shadow: inset 0 0 0 1px rgba(10, 33, 60, 0.04) !important;
}

html:not(.dark-theme) body.store-lite-page .store-section[data-brand-group="pimax"] .store-card[data-brand="pimax"] figure img {
  background: #ffffff !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

html:not(.dark-theme) body.store-lite-page .store-section[data-brand-group="pimax"] .store-card[data-brand="pimax"].is-out-of-stock figure img {
  filter: grayscale(0.42) opacity(0.68) !important;
}

/* Header theme toggle: icon only. */
html body .theme-toggle {
  align-items: center !important;
  display: inline-flex !important;
  gap: 0 !important;
  height: 42px !important;
  justify-content: center !important;
  min-height: 42px !important;
  min-width: 42px !important;
  padding: 0 !important;
  width: 42px !important;
}

html body .theme-toggle #theme-toggle-label,
html body .theme-toggle span:not(.theme-toggle-icon) {
  display: none !important;
}

html body .theme-toggle-icon {
  height: 24px !important;
  width: 24px !important;
}

html body .theme-toggle-icon svg {
  height: 17px !important;
  width: 17px !important;
}

/* Product card image galleries for catalog and configurators. */
.card-gallery {
  overflow: hidden !important;
  position: relative !important;
  touch-action: pan-y !important;
  user-select: none !important;
}

.card-gallery img {
  pointer-events: none !important;
}

.card-gallery-arrow {
  align-items: center !important;
  appearance: none !important;
  background: rgba(5, 12, 18, 0.74) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 999px !important;
  color: #fffdf2 !important;
  cursor: pointer !important;
  display: flex !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  height: 34px !important;
  justify-content: center !important;
  line-height: 1 !important;
  opacity: 0 !important;
  padding: 0 0 3px !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  transition: opacity 160ms ease, transform 160ms ease, background 160ms ease !important;
  width: 34px !important;
  z-index: 5 !important;
}

.card-gallery-arrow.prev {
  left: 10px !important;
}

.card-gallery-arrow.next {
  right: 10px !important;
}

.card-gallery:hover .card-gallery-arrow,
.card-gallery:focus-within .card-gallery-arrow {
  opacity: 1 !important;
}

.card-gallery-arrow:hover,
.card-gallery-arrow:focus-visible {
  background: rgba(13, 154, 87, 0.92) !important;
  transform: translateY(-50%) scale(1.04) !important;
}

.card-gallery-count {
  background: rgba(5, 12, 18, 0.72) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 999px !important;
  bottom: 10px !important;
  color: #fffdf2 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  padding: 6px 8px !important;
  position: absolute !important;
  right: 10px !important;
  z-index: 5 !important;
}

.vr-card-gallery {
  align-items: center !important;
  display: flex !important;
  justify-content: center !important;
  margin: 0 !important;
}

.vr-card-gallery img {
  max-height: 170px !important;
  object-fit: contain !important;
  width: 100% !important;
}

@media (max-width: 760px) {
  .card-gallery-arrow {
    height: 30px !important;
    opacity: 0.86 !important;
    width: 30px !important;
  }

  .card-gallery-arrow.prev {
    left: 8px !important;
  }

  .card-gallery-arrow.next {
    right: 8px !important;
  }

  .card-gallery-count {
    bottom: 8px !important;
    right: 8px !important;
  }

  body.flight-config-lite .flight-product-visual.card-gallery {
    touch-action: auto !important;
  }

  body.flight-config-lite .flight-product-visual .card-gallery-arrow,
  body.flight-config-lite .flight-product-visual .card-gallery-count {
    display: none !important;
  }
}

/* Store brand chooser mobile: compact, readable cards. Desktop stays untouched. */
@media (max-width: 760px) {
  body.store-lite-page .store-hero .brand-catalog-intro,
  html body.store-lite-page .store-hero .brand-catalog-intro {
    margin: 26px auto 14px !important;
    max-width: calc(100vw - 32px) !important;
    text-align: left !important;
  }

  body.store-lite-page .store-hero .brand-catalog-intro strong,
  html body.store-lite-page .store-hero .brand-catalog-intro strong {
    font-size: clamp(24px, 7vw, 32px) !important;
    line-height: 1.05 !important;
    text-align: left !important;
  }

  body.store-lite-page .store-hero .brand-catalog-intro span,
  html body.store-lite-page .store-hero .brand-catalog-intro span {
    font-size: 15px !important;
    line-height: 1.45 !important;
    margin-top: 8px !important;
    text-align: left !important;
  }

  body.store-lite-page .brand-catalog-grid,
  html body.store-lite-page .brand-catalog-grid {
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    margin: 0 auto !important;
    max-width: calc(100vw - 32px) !important;
    padding: 0 !important;
    width: 100% !important;
  }

  body.store-lite-page .brand-catalog-card,
  html body.store-lite-page .brand-catalog-card {
    align-items: center !important;
    border-radius: 16px !important;
    display: grid !important;
    gap: 6px 12px !important;
    grid-template-columns: 92px minmax(0, 1fr) !important;
    min-height: 112px !important;
    padding: 12px !important;
    text-align: left !important;
    width: 100% !important;
  }

  body.store-lite-page .brand-catalog-card::before,
  body.store-lite-page .brand-catalog-card::after,
  html body.store-lite-page .brand-catalog-card::before,
  html body.store-lite-page .brand-catalog-card::after {
    display: none !important;
  }

  body.store-lite-page .brand-catalog-card .brand-logo-frame,
  html body.store-lite-page .brand-catalog-card .brand-logo-frame {
    align-items: center !important;
    align-self: center !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 14px !important;
    display: flex !important;
    grid-column: 1 !important;
    grid-row: 1 / span 3 !important;
    height: 86px !important;
    justify-content: center !important;
    margin: 0 !important;
    max-height: 86px !important;
    min-height: 86px !important;
    overflow: hidden !important;
    padding: 12px !important;
    width: 86px !important;
  }

  body.store-lite-page .brand-catalog-card .brand-logo-mode,
  html body.store-lite-page .brand-catalog-card .brand-logo-mode {
    display: none !important;
    height: auto !important;
    margin: 0 !important;
    max-height: 42px !important;
    max-width: 74px !important;
    object-fit: contain !important;
    width: auto !important;
  }

  html:not(.dark-theme) body.store-lite-page .brand-catalog-card .brand-logo-mode-light,
  html.dark-theme body.store-lite-page .brand-catalog-card .brand-logo-mode-dark,
  body.dark-theme.store-lite-page .brand-catalog-card .brand-logo-mode-dark {
    display: block !important;
  }

  body.store-lite-page .brand-catalog-card[data-brand-target="simagic"] .brand-logo-mode,
  body.store-lite-page .brand-catalog-card[data-brand-target="fanatec"] .brand-logo-mode,
  html body.store-lite-page .brand-catalog-card[data-brand-target="simagic"] .brand-logo-mode,
  html body.store-lite-page .brand-catalog-card[data-brand-target="fanatec"] .brand-logo-mode {
    max-height: 34px !important;
    max-width: 78px !important;
  }

  body.store-lite-page .brand-catalog-card[data-brand-target="pimax"] .brand-logo-mode,
  html body.store-lite-page .brand-catalog-card[data-brand-target="pimax"] .brand-logo-mode {
    max-height: 38px !important;
    max-width: 76px !important;
  }

  body.store-lite-page .brand-catalog-card span,
  html body.store-lite-page .brand-catalog-card span {
    align-self: end !important;
    color: #11b86a !important;
    display: block !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    grid-column: 2 !important;
    letter-spacing: 0.03em !important;
    line-height: 1 !important;
    margin: 0 !important;
    text-align: left !important;
    text-transform: uppercase !important;
  }

  body.store-lite-page .brand-catalog-card strong,
  html body.store-lite-page .brand-catalog-card strong {
    display: block !important;
    font-size: clamp(18px, 5vw, 22px) !important;
    grid-column: 2 !important;
    letter-spacing: 0 !important;
    line-height: 1.02 !important;
    margin: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
  }

  body.store-lite-page .brand-catalog-card small,
  html body.store-lite-page .brand-catalog-card small {
    display: -webkit-box !important;
    font-size: 13px !important;
    font-weight: 750 !important;
    grid-column: 2 !important;
    line-height: 1.28 !important;
    margin: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-align: left !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  html:not(.dark-theme) body.store-lite-page .brand-catalog-card {
    background: rgba(255, 255, 255, 0.72) !important;
    border-color: rgba(18, 42, 38, 0.12) !important;
  }

  html:not(.dark-theme) body.store-lite-page .brand-catalog-card .brand-logo-frame {
    background: rgba(255, 255, 255, 0.86) !important;
    border: 1px solid rgba(18, 42, 38, 0.10) !important;
  }

  html.dark-theme body.store-lite-page .brand-catalog-card,
  body.dark-theme.store-lite-page .brand-catalog-card {
    background: rgba(7, 13, 17, 0.86) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
  }

  html.dark-theme body.store-lite-page .brand-catalog-card .brand-logo-frame,
  body.dark-theme.store-lite-page .brand-catalog-card .brand-logo-frame {
    background: rgba(2, 5, 7, 0.78) !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
  }

  body.store-lite-page:not(.store-brand-is-open) .cart-fab,
  html body.store-lite-page:not(.store-brand-is-open) .cart-fab {
    display: none !important;
  }

  body.store-lite-page.store-brand-is-open .cart-fab,
  html body.store-lite-page.store-brand-is-open .cart-fab {
    bottom: calc(18px + env(safe-area-inset-bottom)) !important;
    right: 12px !important;
    transform: scale(0.9) !important;
    transform-origin: right bottom !important;
    z-index: 780 !important;
  }
}

/* Mobile configurator summary: fixed kit drawer opened by a compact floating button. */
.config-summary-fab {
  display: none !important;
}

@media (max-width: 760px) {
  body.configurator-lite-page .summary {
    border-radius: 18px 0 0 0 !important;
    bottom: 0 !important;
    box-shadow: -18px 0 42px rgba(0, 0, 0, 0.26) !important;
    box-sizing: border-box !important;
    max-height: none !important;
    opacity: 0 !important;
    overflow: auto !important;
    overscroll-behavior: contain !important;
    padding: 18px 16px 88px !important;
    pointer-events: none !important;
    position: fixed !important;
    right: 0 !important;
    top: 88px !important;
    transform: translateX(calc(100% + 18px)) !important;
    transition: transform 180ms ease, opacity 180ms ease !important;
    visibility: hidden !important;
    width: min(390px, 94vw) !important;
    z-index: 82 !important;
  }

  body.configurator-lite-page.config-summary-open .summary {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateX(0) !important;
    visibility: visible !important;
  }

  body.configurator-lite-page .config-summary-fab {
    align-items: center !important;
    background: linear-gradient(135deg, #f2c94c, #18d878) !important;
    border: 1px solid rgba(255, 255, 255, 0.26) !important;
    border-radius: 999px !important;
    bottom: calc(152px + env(safe-area-inset-bottom)) !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.26) !important;
    color: #06100b !important;
    cursor: pointer !important;
    display: inline-flex !important;
    gap: 7px !important;
    height: 48px !important;
    justify-content: center !important;
    min-width: 74px !important;
    padding: 0 13px !important;
    position: fixed !important;
    right: 12px !important;
    z-index: 781 !important;
  }

  body.configurator-lite-page .config-summary-fab svg {
    fill: none !important;
    height: 22px !important;
    stroke: currentColor !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    stroke-width: 2.2 !important;
    width: 22px !important;
  }

  body.configurator-lite-page .config-summary-fab span {
    color: currentColor !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    letter-spacing: 0.01em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
  }

  body.configurator-lite-page.config-summary-open .config-summary-fab {
    background: linear-gradient(135deg, #ffffff, #dff6ea) !important;
  }

  body.configurator-lite-page .summary-scroll-button {
    bottom: 14px !important;
    position: sticky !important;
    right: auto !important;
  }

  .cart-drawer-actions {
    display: grid !important;
    gap: 10px !important;
    position: relative !important;
    z-index: 2 !important;
  }

  .cart-drawer-actions .cart-go-page,
  .cart-drawer-actions #cart-checkout {
    align-items: center !important;
    display: inline-flex !important;
    justify-content: center !important;
    min-height: 52px !important;
    position: relative !important;
    z-index: 3 !important;
    width: 100% !important;
  }
}

/* Ready racing kits: configurator presets with item thumbnails. */
.ready-kits-section .section-title p {
  color: var(--muted, rgba(255, 255, 255, 0.72));
  font-size: clamp(15px, 1.4vw, 18px);
  font-weight: 750;
  line-height: 1.45;
  margin: 10px 0 0;
  max-width: 760px;
}

html:not(.dark-theme) .ready-kits-section .section-title p {
  color: rgba(35, 31, 25, 0.72);
}

.ready-kit-grid,
.bundle-row.ready-kit-grid {
  align-items: stretch;
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: repeat(5, minmax(230px, 1fr));
  overflow: visible !important;
}

.ready-kit-card {
  background: rgba(10, 19, 24, 0.86);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 18px;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.22);
  display: flex;
  flex-direction: column;
  min-height: 100%;
  overflow: hidden;
  padding: 14px;
}

html:not(.dark-theme) .ready-kit-card {
  background: rgba(255, 255, 255, 0.78);
  border-color: rgba(32, 42, 34, 0.14);
  box-shadow: 0 18px 42px rgba(32, 42, 34, 0.10);
}

.ready-kit-media {
  align-items: center;
  background: radial-gradient(circle at 50% 35%, rgba(22, 216, 119, 0.14), rgba(0, 0, 0, 0.18) 68%);
  border-radius: 14px;
  display: flex;
  height: 152px;
  justify-content: center;
  margin-bottom: 14px;
  position: relative;
}

html:not(.dark-theme) .ready-kit-media {
  background: rgba(255, 255, 255, 0.76);
}

.ready-kit-media img {
  height: 118px;
  max-width: 88%;
  object-fit: contain;
}

.ready-kit-media span {
  background: #f5c84b;
  border-radius: 999px;
  border: 1px solid rgba(0, 0, 0, 0.18);
  bottom: 10px;
  color: #07110c;
  font-size: 11px;
  font-weight: 950;
  left: 10px;
  line-height: 1;
  padding: 7px 9px;
  position: absolute;
  text-transform: uppercase;
}

html.dark-theme .ready-kit-media span,
body.dark-theme .ready-kit-media span {
  background: rgba(255, 212, 75, 0.96);
  border-color: rgba(255, 255, 255, 0.18);
  color: #06100b;
}

html:not(.dark-theme) .ready-kit-media span {
  background: #0b1712;
  border-color: rgba(11, 23, 18, 0.18);
  color: #fff7e8;
}

.ready-kit-copy small {
  color: #16d878;
  display: block;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.03em;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.ready-kit-copy h3 {
  color: var(--text, #fff);
  font-size: clamp(22px, 2vw, 30px);
  letter-spacing: 0;
  line-height: 0.98;
  margin: 0 0 8px;
}

.ready-kit-copy p {
  color: var(--muted, rgba(255, 255, 255, 0.72));
  font-size: 14px;
  font-weight: 780;
  line-height: 1.35;
  margin: 0 0 10px;
}

.ready-kit-copy .ready-kit-description {
  font-size: 13px;
  font-weight: 680;
}

html:not(.dark-theme) .ready-kit-copy h3 {
  color: #11130f;
}

html:not(.dark-theme) .ready-kit-copy p {
  color: rgba(35, 31, 25, 0.72);
}

.ready-kit-thumbs {
  display: grid;
  gap: 8px;
  list-style: none;
  margin: 4px 0 14px;
  padding: 0;
}

.ready-kit-thumbs li {
  align-items: center;
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  display: grid;
  gap: 2px 10px;
  grid-template-columns: 54px minmax(0, 1fr);
  min-height: 66px;
  padding: 8px;
}

html:not(.dark-theme) .ready-kit-thumbs li {
  background: rgba(255, 255, 255, 0.72);
  border-color: rgba(31, 38, 32, 0.10);
}

.ready-kit-thumbs img {
  background: rgba(255, 255, 255, 0.92);
  border-radius: 8px;
  grid-row: 1 / span 3;
  height: 50px;
  object-fit: contain;
  padding: 4px;
  width: 50px;
}

.ready-kit-thumbs span,
.ready-kit-thumbs small {
  color: #16d878;
  display: block;
  font-size: 10px;
  font-weight: 950;
  line-height: 1.1;
  text-transform: uppercase;
}

.ready-kit-thumbs strong {
  color: var(--text, #fff);
  display: block;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.15;
  overflow-wrap: anywhere;
}

html:not(.dark-theme) .ready-kit-thumbs strong {
  color: #11130f;
}

.ready-kit-price {
  border-top: 1px solid rgba(255, 255, 255, 0.10);
  margin-top: auto;
  padding-top: 13px;
}

html:not(.dark-theme) .ready-kit-price {
  border-color: rgba(31, 38, 32, 0.12);
}

.ready-kit-price span {
  color: var(--muted, rgba(255, 255, 255, 0.66));
  display: block;
  font-size: 12px;
  font-weight: 850;
  margin-bottom: 3px;
  text-transform: uppercase;
}

.ready-kit-price strong {
  color: #16d878;
  display: block;
  font-size: clamp(25px, 2.2vw, 34px);
  font-weight: 950;
  letter-spacing: -0.01em;
}

.ready-kit-actions {
  display: grid;
  gap: 9px;
  margin-top: 14px;
}

.ready-kit-actions .button {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  min-height: 48px;
  text-align: center;
  width: 100%;
}

.ready-kit-card {
  border-color: color-mix(in srgb, var(--kit-accent, #16d878) 42%, rgba(255, 255, 255, 0.16)) !important;
  position: relative;
}

.ready-kit-card::before {
  background: linear-gradient(90deg, var(--kit-accent, #16d878), transparent);
  content: "";
  display: block;
  height: 5px;
  left: 0;
  opacity: 0.9;
  position: absolute;
  right: 0;
  top: 0;
}

.ready-kit-card:nth-child(1) {
  background: linear-gradient(180deg, rgba(21, 93, 59, 0.34), rgba(10, 19, 24, 0.9));
}

.ready-kit-card:nth-child(2) {
  background: linear-gradient(180deg, rgba(122, 91, 20, 0.34), rgba(10, 19, 24, 0.9));
}

.ready-kit-card:nth-child(3) {
  background: linear-gradient(180deg, rgba(25, 84, 130, 0.34), rgba(10, 19, 24, 0.9));
}

.ready-kit-card:nth-child(4) {
  background: linear-gradient(180deg, rgba(121, 39, 39, 0.32), rgba(10, 19, 24, 0.9));
}

.ready-kit-card:nth-child(5) {
  background: linear-gradient(180deg, rgba(86, 51, 134, 0.34), rgba(10, 19, 24, 0.9));
}

html:not(.dark-theme) .ready-kit-card:nth-child(1) {
  background: linear-gradient(180deg, rgba(28, 177, 102, 0.14), rgba(255, 255, 255, 0.88));
}

html:not(.dark-theme) .ready-kit-card:nth-child(2) {
  background: linear-gradient(180deg, rgba(244, 196, 48, 0.18), rgba(255, 255, 255, 0.88));
}

html:not(.dark-theme) .ready-kit-card:nth-child(3) {
  background: linear-gradient(180deg, rgba(34, 165, 255, 0.14), rgba(255, 255, 255, 0.88));
}

html:not(.dark-theme) .ready-kit-card:nth-child(4) {
  background: linear-gradient(180deg, rgba(239, 68, 68, 0.11), rgba(255, 255, 255, 0.88));
}

html:not(.dark-theme) .ready-kit-card:nth-child(5) {
  background: linear-gradient(180deg, rgba(168, 85, 247, 0.12), rgba(255, 255, 255, 0.88));
}

.ready-kit-card .ready-kit-copy small,
.ready-kit-card .ready-kit-thumbs span,
.ready-kit-card .ready-kit-thumbs small,
.ready-kit-card .ready-kit-price strong {
  color: var(--kit-accent, #16d878) !important;
}

.ready-kit-thumbs {
  gap: 10px;
}

.ready-kit-thumbs .ready-kit-item {
  min-height: 138px;
  overflow: hidden;
  position: relative;
}

.ready-kit-item-info,
.ready-kit-item-visual {
  inset: 0;
  padding: 16px;
  position: absolute;
  transition: opacity 140ms ease;
}

.ready-kit-item-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  opacity: 1;
}

.ready-kit-item-info span {
  margin-bottom: 6px;
}

.ready-kit-item-info strong {
  font-size: 16px;
  line-height: 1.06;
}

.ready-kit-item-info p {
  color: var(--muted, rgba(255, 255, 255, 0.66));
  font-size: 13px;
  font-weight: 700;
  line-height: 1.32;
  margin: 9px 0 0;
}

html:not(.dark-theme) .ready-kit-item-info p {
  color: rgba(35, 31, 25, 0.68);
}

.ready-kit-item-visual {
  align-items: center;
  background: radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--kit-accent, #16d878) 18%, rgba(255, 255, 255, 0.94)), rgba(255, 255, 255, 0.86));
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  opacity: 0;
  text-decoration: none;
}

html.dark-theme .ready-kit-item-visual,
body.dark-theme .ready-kit-item-visual {
  background: radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--kit-accent, #16d878) 22%, rgba(16, 26, 32, 0.96)), rgba(6, 11, 15, 0.95));
}

.ready-kit-thumbs .ready-kit-item .ready-kit-item-visual img {
  background: transparent !important;
  border-radius: 0;
  grid-row: auto;
  height: 86px;
  max-height: 86px;
  max-width: 92%;
  object-fit: contain;
  padding: 0;
  width: auto;
}

.ready-kit-item-visual span {
  background: var(--kit-accent, #16d878);
  border-radius: 999px;
  color: #07110c;
  font-size: 11px;
  font-weight: 950;
  line-height: 1;
  padding: 8px 11px;
  text-decoration: none;
  text-transform: uppercase;
}

.ready-kit-thumbs .ready-kit-item:hover .ready-kit-item-info {
  opacity: 0;
}

.ready-kit-thumbs .ready-kit-item:hover .ready-kit-item-visual {
  opacity: 1;
}

@media (hover: none) {
  .ready-kit-item-info,
  .ready-kit-item-visual {
    position: static;
  }

  .ready-kit-thumbs .ready-kit-item {
    display: grid;
    gap: 8px;
    grid-template-columns: 68px 1fr;
    min-height: 0;
  }

  .ready-kit-item-info {
    grid-column: 2;
    padding: 8px 8px 8px 0;
  }

  .ready-kit-item-visual {
    background: transparent !important;
    grid-column: 1;
    grid-row: 1;
    opacity: 1;
    padding: 8px 0 8px 8px;
  }

  .ready-kit-item-visual span {
    display: none;
  }

  .ready-kit-thumbs .ready-kit-item .ready-kit-item-visual img {
    height: 46px;
    max-width: 58px;
  }
}

@media (max-width: 1380px) {
  .ready-kit-grid,
  .bundle-row.ready-kit-grid {
    grid-template-columns: repeat(3, minmax(240px, 1fr));
  }
}

@media (max-width: 900px) {
  .ready-kit-grid,
  .bundle-row.ready-kit-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .ready-kit-grid,
  .bundle-row.ready-kit-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .ready-kit-card {
    border-radius: 16px;
    padding: 12px;
  }

  .ready-kit-media {
    height: 132px;
  }

  .ready-kit-media img {
    height: 102px;
  }
}

/* Ready-kit item hover must beat older bundle image rules. */
body.ready-race-page .ready-kit-thumbs .ready-kit-item > .ready-kit-item-visual > img {
  aspect-ratio: auto !important;
  background: transparent !important;
  border-radius: 0 !important;
  display: block !important;
  height: 104px !important;
  max-height: 104px !important;
  max-width: 100% !important;
  object-fit: contain !important;
  padding: 0 !important;
  width: 100% !important;
}

body.ready-race-page .ready-kit-thumbs .ready-kit-item > .ready-kit-item-visual > span {
  align-items: center !important;
  background: var(--kit-accent, #16d878) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  border-radius: 999px !important;
  color: #07110c !important;
  display: inline-flex !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  justify-content: center !important;
  line-height: 1 !important;
  min-height: 34px !important;
  opacity: 1 !important;
  padding: 9px 13px !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  visibility: visible !important;
}

body.ready-race-page .ready-kit-thumbs .ready-kit-item {
  min-height: 162px !important;
}

@media (hover: none), (max-width: 620px) {
  body.ready-race-page .ready-kit-thumbs .ready-kit-item {
    min-height: 0 !important;
  }

  body.ready-race-page .ready-kit-thumbs .ready-kit-item > .ready-kit-item-visual > img {
    height: 54px !important;
    max-height: 54px !important;
    max-width: 64px !important;
  }

  body.ready-race-page .ready-kit-thumbs .ready-kit-item > .ready-kit-item-visual > span {
    display: none !important;
  }
}

/* Ready-kit product preview: keep text visible and show a small image popup on hover. */
@media (hover: hover) {
  body.ready-race-page .ready-kit-card {
    overflow: visible !important;
  }

  body.ready-race-page .ready-kit-thumbs {
    overflow: visible !important;
  }

  body.ready-race-page .ready-kit-thumbs .ready-kit-item {
    display: block !important;
    min-height: 146px !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 1 !important;
  }

  body.ready-race-page .ready-kit-thumbs .ready-kit-item:hover {
    z-index: 30 !important;
  }

  body.ready-race-page .ready-kit-thumbs .ready-kit-item > .ready-kit-item-info {
    bottom: auto !important;
    height: auto !important;
    inset: auto !important;
    left: auto !important;
    min-height: 146px !important;
    opacity: 1 !important;
    padding: 16px !important;
    position: relative !important;
    right: auto !important;
    top: auto !important;
  }

  body.ready-race-page .ready-kit-thumbs .ready-kit-item:hover > .ready-kit-item-info {
    opacity: 1 !important;
  }

  body.ready-race-page .ready-kit-thumbs .ready-kit-item > .ready-kit-item-visual {
    background:
      radial-gradient(circle at 50% 32%, rgba(255, 255, 255, 0.95), rgba(238, 244, 238, 0.9)),
      linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 241, 232, 0.95)) !important;
    border: 1px solid color-mix(in srgb, var(--kit-accent, #16d878) 48%, rgba(255, 255, 255, 0.58)) !important;
    border-radius: 16px !important;
    bottom: auto !important;
    box-shadow: 0 20px 44px rgba(0, 0, 0, 0.24) !important;
    display: flex !important;
    gap: 8px !important;
    inset: auto !important;
    left: 18px !important;
    min-height: 170px !important;
    opacity: 0 !important;
    padding: 14px !important;
    pointer-events: none !important;
    position: absolute !important;
    right: 18px !important;
    text-decoration: none !important;
    top: calc(100% + 8px) !important;
    transform: translateY(-4px) scale(0.98) !important;
    transition: opacity 140ms ease, transform 140ms ease !important;
    visibility: hidden !important;
    z-index: 40 !important;
  }

  html.dark-theme body.ready-race-page .ready-kit-thumbs .ready-kit-item > .ready-kit-item-visual,
  body.dark-theme.ready-race-page .ready-kit-thumbs .ready-kit-item > .ready-kit-item-visual {
    background:
      radial-gradient(circle at 50% 28%, color-mix(in srgb, var(--kit-accent, #16d878) 16%, rgba(24, 34, 40, 0.98)), rgba(8, 13, 18, 0.98)),
      linear-gradient(180deg, rgba(15, 25, 32, 0.98), rgba(6, 11, 15, 0.98)) !important;
    border-color: color-mix(in srgb, var(--kit-accent, #16d878) 58%, rgba(255, 255, 255, 0.18)) !important;
  }

  body.ready-race-page .ready-kit-thumbs .ready-kit-item:hover > .ready-kit-item-visual {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(0) scale(1) !important;
    visibility: visible !important;
  }

  body.ready-race-page .ready-kit-thumbs .ready-kit-item > .ready-kit-item-visual > img {
    height: 118px !important;
    max-height: 118px !important;
    max-width: 100% !important;
    object-fit: contain !important;
    width: 100% !important;
  }

  body.ready-race-page .ready-kit-thumbs .ready-kit-item > .ready-kit-item-visual > span {
    background: transparent !important;
    border: 0 !important;
    color: rgba(12, 18, 14, 0.72) !important;
    display: block !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
    min-height: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    text-transform: uppercase !important;
  }

  html.dark-theme body.ready-race-page .ready-kit-thumbs .ready-kit-item > .ready-kit-item-visual > span,
  body.dark-theme.ready-race-page .ready-kit-thumbs .ready-kit-item > .ready-kit-item-visual > span {
    color: rgba(255, 247, 232, 0.72) !important;
  }
}

/* Ready-kit hover v2: one clickable preview balloon with photo + item explanation. */
@media (hover: hover) {
  body.ready-race-page .ready-kit-thumbs .ready-kit-item {
    display: block !important;
    min-height: 172px !important;
    overflow: hidden !important;
    position: relative !important;
  }

  body.ready-race-page .ready-kit-thumbs .ready-kit-item > .ready-kit-item-info {
    bottom: auto !important;
    height: auto !important;
    inset: auto !important;
    left: auto !important;
    min-height: 172px !important;
    opacity: 1 !important;
    padding: 18px !important;
    position: relative !important;
    right: auto !important;
    top: auto !important;
    transition: opacity 120ms ease !important;
  }

  body.ready-race-page .ready-kit-thumbs .ready-kit-item:hover > .ready-kit-item-info {
    opacity: 0 !important;
  }

  body.ready-race-page .ready-kit-thumbs .ready-kit-item > .ready-kit-item-visual {
    align-items: center !important;
    background:
      radial-gradient(circle at 18% 50%, rgba(255, 255, 255, 0.95), rgba(245, 248, 243, 0.9) 36%, rgba(238, 244, 238, 0.86)),
      linear-gradient(135deg, color-mix(in srgb, var(--kit-accent, #16d878) 20%, rgba(255, 255, 255, 0.95)), rgba(255, 255, 255, 0.96)) !important;
    border: 1px solid color-mix(in srgb, var(--kit-accent, #16d878) 50%, rgba(255, 255, 255, 0.58)) !important;
    border-radius: 12px !important;
    bottom: 0 !important;
    box-shadow: none !important;
    display: grid !important;
    gap: 14px !important;
    grid-template-columns: 120px minmax(0, 1fr) !important;
    inset: 0 !important;
    left: 0 !important;
    min-height: 0 !important;
    opacity: 0 !important;
    padding: 14px !important;
    pointer-events: none !important;
    position: absolute !important;
    right: 0 !important;
    text-decoration: none !important;
    top: 0 !important;
    transform: none !important;
    transition: opacity 120ms ease !important;
    visibility: hidden !important;
    z-index: 4 !important;
  }

  html.dark-theme body.ready-race-page .ready-kit-thumbs .ready-kit-item > .ready-kit-item-visual,
  body.dark-theme.ready-race-page .ready-kit-thumbs .ready-kit-item > .ready-kit-item-visual {
    background:
      radial-gradient(circle at 18% 50%, color-mix(in srgb, var(--kit-accent, #16d878) 18%, rgba(30, 40, 46, 0.98)), rgba(10, 17, 22, 0.98) 42%, rgba(6, 11, 15, 0.98)),
      linear-gradient(135deg, color-mix(in srgb, var(--kit-accent, #16d878) 16%, rgba(10, 18, 24, 0.98)), rgba(6, 11, 15, 0.98)) !important;
    border-color: color-mix(in srgb, var(--kit-accent, #16d878) 58%, rgba(255, 255, 255, 0.16)) !important;
  }

  body.ready-race-page .ready-kit-thumbs .ready-kit-item:hover > .ready-kit-item-visual {
    opacity: 1 !important;
    pointer-events: auto !important;
    visibility: visible !important;
  }

  body.ready-race-page .ready-kit-thumbs .ready-kit-item > .ready-kit-item-visual > img {
    align-self: center !important;
    aspect-ratio: 1.15 / 1 !important;
    background: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 10px !important;
    display: block !important;
    height: auto !important;
    justify-self: center !important;
    max-height: none !important;
    max-width: none !important;
    object-fit: contain !important;
    padding: 8px !important;
    width: 112px !important;
  }

  html.dark-theme body.ready-race-page .ready-kit-thumbs .ready-kit-item > .ready-kit-item-visual > img,
  body.dark-theme.ready-race-page .ready-kit-thumbs .ready-kit-item > .ready-kit-item-visual > img {
    background: rgba(255, 255, 255, 0.95) !important;
  }

  body.ready-race-page .ready-kit-hover-copy {
    align-self: center !important;
    display: block !important;
    min-width: 0 !important;
  }

  body.ready-race-page .ready-kit-hover-copy span {
    background: transparent !important;
    border: 0 !important;
    color: var(--kit-accent, #16d878) !important;
    display: block !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    letter-spacing: 0.03em !important;
    line-height: 1.1 !important;
    margin: 0 0 6px !important;
    min-height: 0 !important;
    padding: 0 !important;
    text-transform: uppercase !important;
  }

  body.ready-race-page .ready-kit-hover-copy strong {
    color: #07110c !important;
    display: block !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
    line-height: 1.05 !important;
    margin: 0 0 7px !important;
    overflow-wrap: anywhere !important;
  }

  html.dark-theme body.ready-race-page .ready-kit-hover-copy strong,
  body.dark-theme.ready-race-page .ready-kit-hover-copy strong {
    color: #fff7e8 !important;
  }

  body.ready-race-page .ready-kit-hover-copy p {
    color: rgba(18, 24, 19, 0.74) !important;
    font-size: 12px !important;
    font-weight: 760 !important;
    line-height: 1.28 !important;
    margin: 0 0 9px !important;
  }

  html.dark-theme body.ready-race-page .ready-kit-hover-copy p,
  body.dark-theme.ready-race-page .ready-kit-hover-copy p {
    color: rgba(255, 247, 232, 0.72) !important;
  }

  body.ready-race-page .ready-kit-hover-copy small {
    background: var(--kit-accent, #16d878) !important;
    border-radius: 999px !important;
    color: #06100b !important;
    display: inline-flex !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    padding: 7px 9px !important;
    text-transform: uppercase !important;
  }
}

/* Context brand logos: Speed Flight and Pimax Brasil. Keep this at the end to win old header rules. */
.site-header .brand.brand-wide-logo .brand-logo {
  height: 52px !important;
  object-fit: contain !important;
  width: 92px !important;
}

.site-header .brand.brand-wide-logo {
  gap: 10px !important;
}

@media (max-width: 760px) {
  .site-header .brand.brand-wide-logo .brand-logo {
    height: 48px !important;
    width: 64px !important;
  }
}

/* Ready race kits: warmer Speed Race motorsport treatment, matching the Flight page structure. */
body.ready-race-page {
  --ready-race-yellow: #f4c430;
  --ready-race-gold: #ffdf4d;
}

body.ready-race-page .fan-hero {
  border-bottom: 1px solid rgba(244, 196, 48, 0.22) !important;
}

body.ready-race-page .fan-hero::after {
  background:
    linear-gradient(90deg, rgba(244, 196, 48, 0.18), transparent 34%),
    linear-gradient(180deg, transparent, rgba(244, 196, 48, 0.08)) !important;
}

body.ready-race-page .fan-hero-copy > span,
body.ready-race-page .bundle-section .section-title > span,
body.ready-race-page .ready-kit-copy small,
body.ready-race-page .ready-kit-card .ready-kit-copy small,
body.ready-race-page .ready-kit-card .ready-kit-thumbs span,
body.ready-race-page .ready-kit-card .ready-kit-thumbs small,
body.ready-race-page .ready-kit-card .ready-kit-price strong {
  color: var(--ready-race-yellow) !important;
}

body.ready-race-page .button.primary,
body.ready-race-page .ready-kit-actions .button.primary {
  background: linear-gradient(135deg, var(--ready-race-yellow), #16d878) !important;
  color: #101006 !important;
}

body.ready-race-page .button.secondary,
body.ready-race-page .ready-kit-actions .button.secondary {
  border-color: rgba(244, 196, 48, 0.34) !important;
}

body.ready-race-page .ready-kit-card {
  border-color: color-mix(in srgb, var(--kit-accent, var(--ready-race-yellow)) 48%, rgba(255, 255, 255, 0.16)) !important;
}

body.ready-race-page .ready-kit-card::before {
  background: linear-gradient(90deg, var(--ready-race-yellow), transparent) !important;
}

body.ready-race-page .ready-kit-media {
  background:
    radial-gradient(circle at 50% 38%, rgba(244, 196, 48, 0.20), transparent 58%),
    linear-gradient(180deg, rgba(255, 209, 56, 0.08), rgba(14, 14, 9, 0.02)) !important;
}

html:not(.dark-theme) body.ready-race-page .ready-kit-media {
  background:
    radial-gradient(circle at 50% 38%, rgba(244, 196, 48, 0.20), rgba(255, 255, 255, 0.84)),
    linear-gradient(180deg, rgba(255, 244, 204, 0.82), rgba(255, 255, 255, 0.9)) !important;
}

body.ready-race-page .ready-kit-hover-copy small {
  background: linear-gradient(135deg, var(--ready-race-yellow), #16d878) !important;
  color: #101006 !important;
}

/* Ready flight kits: same premium kit-card system as Ready to Race, with Flight colors. */
body.ready-flight-page .ready-kit-grid,
body.ready-flight-page .bundle-row.ready-kit-grid {
  grid-template-columns: repeat(4, minmax(240px, 1fr));
}

body.ready-flight-page .ready-kit-card {
  border-color: color-mix(in srgb, var(--kit-accent, #2ab7ff) 46%, rgba(255, 255, 255, 0.16)) !important;
}

body.ready-flight-page .ready-kit-media {
  background:
    radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--kit-accent, #2ab7ff) 20%, rgba(255, 255, 255, 0.08)), transparent 58%),
    linear-gradient(180deg, rgba(7, 24, 38, 0.9), rgba(8, 15, 22, 0.92));
}

html:not(.dark-theme) body.ready-flight-page .ready-kit-media {
  background:
    radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--kit-accent, #2ab7ff) 16%, rgba(255, 255, 255, 0.94)), rgba(255, 255, 255, 0.82)),
    linear-gradient(180deg, rgba(244, 250, 255, 0.98), rgba(236, 246, 255, 0.94));
}

body.ready-flight-page .ready-kit-card .ready-kit-copy small,
body.ready-flight-page .ready-kit-card .ready-kit-thumbs span,
body.ready-flight-page .ready-kit-card .ready-kit-thumbs small,
body.ready-flight-page .ready-kit-card .ready-kit-price strong {
  color: var(--kit-accent, #2ab7ff) !important;
}

body.ready-flight-page .ready-kit-actions .button.primary {
  background: linear-gradient(135deg, var(--kit-accent, #2ab7ff), #28d7f4) !important;
  color: #06101a !important;
}

@media (hover: hover) {
  body.ready-flight-page .ready-kit-thumbs .ready-kit-item {
    display: block !important;
    min-height: 172px !important;
    overflow: hidden !important;
    position: relative !important;
  }

  body.ready-flight-page .ready-kit-thumbs .ready-kit-item > .ready-kit-item-info {
    bottom: auto !important;
    height: auto !important;
    inset: auto !important;
    left: auto !important;
    min-height: 172px !important;
    opacity: 1 !important;
    padding: 18px !important;
    position: relative !important;
    right: auto !important;
    top: auto !important;
    transition: opacity 120ms ease !important;
  }

  body.ready-flight-page .ready-kit-thumbs .ready-kit-item:hover > .ready-kit-item-info {
    opacity: 0 !important;
  }

  body.ready-flight-page .ready-kit-thumbs .ready-kit-item > .ready-kit-item-visual {
    align-items: center !important;
    background:
      radial-gradient(circle at 18% 50%, rgba(255, 255, 255, 0.96), rgba(238, 247, 255, 0.9) 38%, rgba(229, 243, 255, 0.88)),
      linear-gradient(135deg, color-mix(in srgb, var(--kit-accent, #2ab7ff) 22%, rgba(255, 255, 255, 0.95)), rgba(255, 255, 255, 0.96)) !important;
    border: 1px solid color-mix(in srgb, var(--kit-accent, #2ab7ff) 52%, rgba(255, 255, 255, 0.58)) !important;
    border-radius: 12px !important;
    bottom: 0 !important;
    box-shadow: none !important;
    display: grid !important;
    gap: 14px !important;
    grid-template-columns: 120px minmax(0, 1fr) !important;
    inset: 0 !important;
    min-height: 0 !important;
    opacity: 0 !important;
    padding: 14px !important;
    pointer-events: none !important;
    position: absolute !important;
    text-decoration: none !important;
    transform: none !important;
    transition: opacity 120ms ease !important;
    visibility: hidden !important;
    z-index: 4 !important;
  }

  html.dark-theme body.ready-flight-page .ready-kit-thumbs .ready-kit-item > .ready-kit-item-visual,
  body.dark-theme.ready-flight-page .ready-kit-thumbs .ready-kit-item > .ready-kit-item-visual {
    background:
      radial-gradient(circle at 18% 50%, color-mix(in srgb, var(--kit-accent, #2ab7ff) 22%, rgba(30, 44, 58, 0.98)), rgba(10, 18, 28, 0.98) 42%, rgba(6, 11, 18, 0.98)),
      linear-gradient(135deg, color-mix(in srgb, var(--kit-accent, #2ab7ff) 18%, rgba(8, 18, 28, 0.98)), rgba(6, 11, 18, 0.98)) !important;
    border-color: color-mix(in srgb, var(--kit-accent, #2ab7ff) 58%, rgba(255, 255, 255, 0.16)) !important;
  }

  body.ready-flight-page .ready-kit-thumbs .ready-kit-item:hover > .ready-kit-item-visual {
    opacity: 1 !important;
    pointer-events: auto !important;
    visibility: visible !important;
  }

  body.ready-flight-page .ready-kit-thumbs .ready-kit-item > .ready-kit-item-visual > img {
    align-self: center !important;
    aspect-ratio: 1.15 / 1 !important;
    background: rgba(255, 255, 255, 0.94) !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 10px !important;
    display: block !important;
    height: auto !important;
    justify-self: center !important;
    max-height: none !important;
    max-width: none !important;
    object-fit: contain !important;
    padding: 8px !important;
    width: 112px !important;
  }

  body.ready-flight-page .ready-kit-hover-copy {
    align-self: center !important;
    display: block !important;
    min-width: 0 !important;
  }

  body.ready-flight-page .ready-kit-hover-copy span {
    background: transparent !important;
    border: 0 !important;
    color: var(--kit-accent, #2ab7ff) !important;
    display: block !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    letter-spacing: 0.03em !important;
    line-height: 1.1 !important;
    margin: 0 0 6px !important;
    min-height: 0 !important;
    padding: 0 !important;
    text-transform: uppercase !important;
  }

  body.ready-flight-page .ready-kit-hover-copy strong {
    color: #07121c !important;
    display: block !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    line-height: 1.05 !important;
    margin: 0 0 7px !important;
    overflow-wrap: anywhere !important;
  }

  html.dark-theme body.ready-flight-page .ready-kit-hover-copy strong,
  body.dark-theme.ready-flight-page .ready-kit-hover-copy strong {
    color: #f5fbff !important;
  }

  body.ready-flight-page .ready-kit-hover-copy p {
    color: rgba(18, 28, 38, 0.74) !important;
    font-size: 12px !important;
    font-weight: 760 !important;
    line-height: 1.28 !important;
    margin: 0 0 9px !important;
  }

  html.dark-theme body.ready-flight-page .ready-kit-hover-copy p,
  body.dark-theme.ready-flight-page .ready-kit-hover-copy p {
    color: rgba(230, 244, 255, 0.74) !important;
  }

  body.ready-flight-page .ready-kit-hover-copy small {
    background: var(--kit-accent, #2ab7ff) !important;
    border-radius: 999px !important;
    color: #06101a !important;
    display: inline-flex !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    padding: 7px 9px !important;
    text-transform: uppercase !important;
  }
}

@media (max-width: 1380px) {
  body.ready-flight-page .ready-kit-grid,
  body.ready-flight-page .bundle-row.ready-kit-grid {
    grid-template-columns: repeat(2, minmax(260px, 1fr));
  }
}

@media (max-width: 760px) {
  body.ready-flight-page .ready-kit-grid,
  body.ready-flight-page .bundle-row.ready-kit-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
.legal-footer-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px 22px;
  padding: 22px 18px;
  border-top: 1px solid rgba(120, 116, 105, 0.24);
  font-size: 0.92rem;
}

.legal-footer-links a {
  color: inherit;
  opacity: 0.78;
  font-weight: 750;
  text-decoration: none;
}

.legal-footer-links a:hover {
  opacity: 1;
  text-decoration: underline;
}

/* Theme contrast audit 2026-06-16.
   One readable layer for the three storefronts: dark text on day theme,
   light text on night theme. Keep this at the end so older page-specific
   fixes cannot invert contrast again. */
html:not(.dark-theme) body {
  --readable-text: #10130f;
  --readable-muted: #5f665f;
  --readable-soft: #746b5d;
  --readable-panel: rgba(255, 253, 248, 0.96);
}

html.dark-theme body,
body.dark-theme {
  --readable-text: #fffaf0;
  --readable-muted: #c6cec7;
  --readable-soft: #aeb8b1;
  --readable-panel: rgba(13, 22, 28, 0.94);
}

html:not(.dark-theme) body :where(
  .fan-hero,
  .category-strip,
  .bundle-row,
  .style-grid,
  .config-band,
  .pimax-front-callout,
  .flight-callout,
  .under-cover,
  .ready-kits-section,
  .ready-kit-card,
  .store-page,
  .store-hero,
  .brand-catalog-card,
  .store-card,
  .store-section,
  .catalog-brand-switcher,
  .configurator-hero,
  .config-line-switch,
  .ecosystem-stage,
  .ecosystem-card,
  .configurator-section,
  .option-group,
  .option-card,
  .summary,
  .kit-insight,
  .compatibility-panel,
  .upgrade-guide,
  .advantages,
  .customers,
  .contact,
  .flight-page,
  .flight-hero,
  .flight-card,
  .flight-option-group,
  .flight-product-card,
  .flight-summary,
  .flight-summary-insight,
  .flight-summary-checklist,
  .flight-total-box,
  .flight-detail-copy,
  .flight-detail-card,
  .flight-buy-panel,
  .flight-commercial-blocks,
  .flight-ad-strip,
  .pimax-page,
  .vr-config-page,
  .pimax-hero,
  .pimax-model-card,
  .pimax-proof,
  .pimax-compare,
  .pimax-accessory-grid,
  .pimax-setup,
  .vr-option-group,
  .vr-option-card,
  .vr-summary,
  .product-ad-page,
  .product-ad-copy,
  .product-ad-description,
  .product-ad-panel,
  .product-detail-blocks,
  .product-info,
  .product-final-cta,
  .cart-page,
  .cart-page-panel,
  .checkout-summary
) {
  color: var(--readable-text) !important;
}

html.dark-theme body :where(
  .fan-hero,
  .category-strip,
  .bundle-row,
  .style-grid,
  .config-band,
  .pimax-front-callout,
  .flight-callout,
  .under-cover,
  .ready-kits-section,
  .ready-kit-card,
  .store-page,
  .store-hero,
  .brand-catalog-card,
  .store-card,
  .store-section,
  .catalog-brand-switcher,
  .configurator-hero,
  .config-line-switch,
  .ecosystem-stage,
  .ecosystem-card,
  .configurator-section,
  .option-group,
  .option-card,
  .summary,
  .kit-insight,
  .compatibility-panel,
  .upgrade-guide,
  .advantages,
  .customers,
  .contact,
  .flight-page,
  .flight-hero,
  .flight-card,
  .flight-option-group,
  .flight-product-card,
  .flight-summary,
  .flight-summary-insight,
  .flight-summary-checklist,
  .flight-total-box,
  .flight-detail-copy,
  .flight-detail-card,
  .flight-buy-panel,
  .flight-commercial-blocks,
  .flight-ad-strip,
  .pimax-page,
  .vr-config-page,
  .pimax-hero,
  .pimax-model-card,
  .pimax-proof,
  .pimax-compare,
  .pimax-accessory-grid,
  .pimax-setup,
  .vr-option-group,
  .vr-option-card,
  .vr-summary,
  .product-ad-page,
  .product-ad-copy,
  .product-ad-description,
  .product-ad-panel,
  .product-detail-blocks,
  .product-info,
  .product-final-cta,
  .cart-page,
  .cart-page-panel,
  .checkout-summary
),
body.dark-theme :where(
  .fan-hero,
  .category-strip,
  .bundle-row,
  .style-grid,
  .config-band,
  .pimax-front-callout,
  .flight-callout,
  .under-cover,
  .ready-kits-section,
  .ready-kit-card,
  .store-page,
  .store-hero,
  .brand-catalog-card,
  .store-card,
  .store-section,
  .catalog-brand-switcher,
  .configurator-hero,
  .config-line-switch,
  .ecosystem-stage,
  .ecosystem-card,
  .configurator-section,
  .option-group,
  .option-card,
  .summary,
  .kit-insight,
  .compatibility-panel,
  .upgrade-guide,
  .advantages,
  .customers,
  .contact,
  .flight-page,
  .flight-hero,
  .flight-card,
  .flight-option-group,
  .flight-product-card,
  .flight-summary,
  .flight-summary-insight,
  .flight-summary-checklist,
  .flight-total-box,
  .flight-detail-copy,
  .flight-detail-card,
  .flight-buy-panel,
  .flight-commercial-blocks,
  .flight-ad-strip,
  .pimax-page,
  .vr-config-page,
  .pimax-hero,
  .pimax-model-card,
  .pimax-proof,
  .pimax-compare,
  .pimax-accessory-grid,
  .pimax-setup,
  .vr-option-group,
  .vr-option-card,
  .vr-summary,
  .product-ad-page,
  .product-ad-copy,
  .product-ad-description,
  .product-ad-panel,
  .product-detail-blocks,
  .product-info,
  .product-final-cta,
  .cart-page,
  .cart-page-panel,
  .checkout-summary
) {
  color: var(--readable-text) !important;
}

html:not(.dark-theme) body :where(
  .fan-hero,
  .store-page,
  .configurator-lite-page,
  .flight-site,
  .pimax-site,
  .product-ad-page,
  .ready-race-page,
  .cart-page
) :where(h1, h2, h3, h4, strong, label, dt, dd, th, td) {
  color: var(--readable-text) !important;
}

html.dark-theme body :where(
  .fan-hero,
  .store-page,
  .configurator-lite-page,
  .flight-site,
  .pimax-site,
  .product-ad-page,
  .ready-race-page,
  .cart-page
) :where(h1, h2, h3, h4, strong, label, dt, dd, th, td),
body.dark-theme :where(
  .fan-hero,
  .store-page,
  .configurator-lite-page,
  .flight-site,
  .pimax-site,
  .product-ad-page,
  .ready-race-page,
  .cart-page
) :where(h1, h2, h3, h4, strong, label, dt, dd, th, td) {
  color: var(--readable-text) !important;
}

html:not(.dark-theme) body :where(
  .fan-hero,
  .store-page,
  .configurator-lite-page,
  .flight-site,
  .pimax-site,
  .product-ad-page,
  .ready-race-page,
  .cart-page
) :where(p:not(.eyebrow), li, small, em, figcaption) {
  color: var(--readable-muted) !important;
}

html.dark-theme body :where(
  .fan-hero,
  .store-page,
  .configurator-lite-page,
  .flight-site,
  .pimax-site,
  .product-ad-page,
  .ready-race-page,
  .cart-page
) :where(p:not(.eyebrow), li, small, em, figcaption),
body.dark-theme :where(
  .fan-hero,
  .store-page,
  .configurator-lite-page,
  .flight-site,
  .pimax-site,
  .product-ad-page,
  .ready-race-page,
  .cart-page
) :where(p:not(.eyebrow), li, small, em, figcaption) {
  color: var(--readable-muted) !important;
}

html:not(.dark-theme) body :where(
  .product-ad-highlights span,
  .flight-detail-highlights span,
  .summary-list div,
  .summary-price-row,
  .summary-compatibility-badges span,
  .compatibility-panel,
  .kit-insight,
  .flight-summary-insight,
  .flight-summary-checklist,
  .vr-summary-list div,
  .pimax-compare div,
  .product-variant-choice,
  .store-card-copy,
  .brand-catalog-card small,
  .catalog-brand-switcher button
) {
  color: var(--readable-text) !important;
}

html.dark-theme body :where(
  .product-ad-highlights span,
  .flight-detail-highlights span,
  .summary-list div,
  .summary-price-row,
  .summary-compatibility-badges span,
  .compatibility-panel,
  .kit-insight,
  .flight-summary-insight,
  .flight-summary-checklist,
  .vr-summary-list div,
  .pimax-compare div,
  .product-variant-choice,
  .store-card-copy,
  .brand-catalog-card small,
  .catalog-brand-switcher button
),
body.dark-theme :where(
  .product-ad-highlights span,
  .flight-detail-highlights span,
  .summary-list div,
  .summary-price-row,
  .summary-compatibility-badges span,
  .compatibility-panel,
  .kit-insight,
  .flight-summary-insight,
  .flight-summary-checklist,
  .vr-summary-list div,
  .pimax-compare div,
  .product-variant-choice,
  .store-card-copy,
  .brand-catalog-card small,
  .catalog-brand-switcher button
) {
  color: var(--readable-text) !important;
}

html:not(.dark-theme) body :where(.eyebrow, .store-card-copy > span, .brand-catalog-card span, .product-ad-copy .eyebrow, .flight-detail-copy .eyebrow) {
  color: var(--accent, #0f8f4f) !important;
}

html.dark-theme body :where(.eyebrow, .store-card-copy > span, .brand-catalog-card span, .product-ad-copy .eyebrow, .flight-detail-copy .eyebrow),
body.dark-theme :where(.eyebrow, .store-card-copy > span, .brand-catalog-card span, .product-ad-copy .eyebrow, .flight-detail-copy .eyebrow) {
  color: var(--accent, #1ed47a) !important;
}

html:not(.dark-theme) body :where(.button.secondary, .button.ghost, .header-action.secondary, .store-info-button, .flight-product-link) {
  color: #10130f !important;
}

html.dark-theme body :where(.button.secondary, .button.ghost, .header-action.secondary, .store-info-button, .flight-product-link),
body.dark-theme :where(.button.secondary, .button.ghost, .header-action.secondary, .store-info-button, .flight-product-link) {
  color: #fffaf0 !important;
}

html:not(.dark-theme) body :where(.button.primary, .header-action.primary, .store-cart-button, .cart-fab, .summary-scroll-button) {
  color: #06100b !important;
}

html.dark-theme body :where(.button.primary, .header-action.primary, .store-cart-button, .cart-fab, .summary-scroll-button),
body.dark-theme :where(.button.primary, .header-action.primary, .store-cart-button, .cart-fab, .summary-scroll-button) {
  color: #06100b !important;
}

html:not(.dark-theme) body.mobile-menu-open :where(.site-header nav, .front-header nav) {
  color: #0b0d0b !important;
}

html:not(.dark-theme) body.mobile-menu-open :where(.site-header nav a, .front-header nav a, .mobile-menu-strip a, .mobile-menu-tiles h3, .mobile-menu-tiles p) {
  color: #0b0d0b !important;
}

html.dark-theme body.mobile-menu-open :where(.site-header nav, .front-header nav),
body.dark-theme.mobile-menu-open :where(.site-header nav, .front-header nav) {
  color: #fffaf0 !important;
}

html.dark-theme body.mobile-menu-open :where(.site-header nav a, .front-header nav a, .mobile-menu-strip a, .mobile-menu-tiles h3, .mobile-menu-tiles p),
body.dark-theme.mobile-menu-open :where(.site-header nav a, .front-header nav a, .mobile-menu-strip a, .mobile-menu-tiles h3, .mobile-menu-tiles p) {
  color: #fffaf0 !important;
}

/* Cart and configurator reliability fixes */












/* FINAL OVERRIDE: kits prontos para correr em 5 colunas no desktop. */
@media (min-width: 1180px) {













}

/* Home ready kits alignment - final override 2026-07-03 */
body.race-home .sr-ready-preview {
  box-sizing: border-box !important;
  width: min(1760px, calc(100% - 64px)) !important;
  max-width: 1760px !important;
  margin: clamp(56px, 7vw, 104px) auto !important;
  padding-inline: 0 !important;
  overflow: visible !important;
}

body.race-home .sr-ready-preview > .section-title {
  max-width: 760px !important;
  margin: 0 0 28px !important;
  padding: 0 !important;
  text-align: left !important;
}

body.race-home .sr-ready-preview > .ready-kit-grid,
body.race-home .sr-ready-preview .sr-ready-clean {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
}

body.race-home .sr-ready-preview .sr-ready-clean span,
body.race-home .sr-ready-preview .sr-ready-clean small,
body.race-home .sr-ready-preview .sr-ready-clean strong,
body.race-home .sr-ready-preview .sr-ready-clean b {
  margin: 0 !important;
}

body.race-home .sr-ready-preview .sr-ready-clean img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  object-fit: contain !important;
  padding: 0 !important;
  background: transparent !important;
}

body.race-home .sr-ready-preview .sr-ready-style-grid {
  width: 100% !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(14px, 1.4vw, 22px) !important;
}

body.race-home .sr-ready-preview .sr-ready-style-card {
  min-width: 0 !important;
}

body.race-home .sr-ready-preview .sr-ready-style-image img,
body.race-home .sr-ready-preview .sr-ready-kit-card-images img,
body.race-home .sr-ready-preview .sr-ready-expanded-item img {
  object-fit: contain !important;
}

body.race-home .sr-ready-preview .sr-ready-kit-grid-clean {
  width: 100% !important;
  grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

body.race-home .sr-ready-preview .sr-ready-expanded-clean {
  width: 100% !important;
  max-width: 100% !important;
}

@media (max-width: 1280px) {
  body.race-home .sr-ready-preview .sr-ready-kit-grid-clean {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 860px) {
  body.race-home .sr-ready-preview {
    width: min(100% - 28px, 680px) !important;
    margin-top: 48px !important;
  }

  body.race-home .sr-ready-preview .sr-ready-style-grid,
  body.race-home .sr-ready-preview .sr-ready-kit-grid-clean {
    grid-template-columns: 1fr !important;
  }

  body.race-home .sr-ready-preview .sr-ready-style-card {
    grid-template-columns: 86px minmax(0, 1fr) !important;
  }
}

/* FINAL: hover com foto nos itens dos kits prontos para correr */
@media (min-width: 861px) {
  body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item {
    position: relative !important;
    min-height: 132px !important;
    overflow: visible !important;
    isolation: isolate !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item > .ready-kit-item-info {
    position: relative !important;
    z-index: 1 !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item > .ready-kit-hover-panel {
    align-items: center !important;
    background: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid rgba(16, 28, 20, 0.16) !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22) !important;
    color: #111 !important;
    display: grid !important;
    gap: 14px !important;
    grid-template-columns: 132px minmax(0, 1fr) !important;
    left: 12px !important;
    min-height: 108px !important;
    opacity: 0 !important;
    padding: 12px !important;
    pointer-events: none !important;
    position: absolute !important;
    right: 12px !important;
    text-decoration: none !important;
    top: 12px !important;
    transform: translateY(8px) scale(0.98) !important;
    transition: opacity 0.14s ease, transform 0.14s ease, visibility 0.14s ease !important;
    visibility: hidden !important;
    z-index: 30 !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item:hover > .ready-kit-hover-panel,
  body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item:focus-within > .ready-kit-hover-panel {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
    visibility: visible !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-hover-panel > img {
    aspect-ratio: 4 / 3 !important;
    background: #fff !important;
    border: 1px solid rgba(10, 20, 16, 0.08) !important;
    border-radius: 14px !important;
    display: block !important;
    height: 96px !important;
    object-fit: contain !important;
    padding: 8px !important;
    width: 132px !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-hover-copy {
    display: grid !important;
    gap: 5px !important;
    min-width: 0 !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-hover-copy span {
    color: #d0a300 !important;
    font-size: 0.7rem !important;
    font-weight: 950 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-hover-copy strong {
    color: #111 !important;
    font-size: 1rem !important;
    font-weight: 950 !important;
    line-height: 1.05 !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-hover-copy p {
    color: rgba(17, 17, 17, 0.68) !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    margin: 0 !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-hover-copy small {
    align-self: start !important;
    background: #050806 !important;
    border-radius: 999px !important;
    color: #fff !important;
    display: inline-flex !important;
    font-size: 0.68rem !important;
    font-weight: 950 !important;
    padding: 7px 10px !important;
    width: auto !important;
  }

  html.dark-theme body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item > .ready-kit-hover-panel,
  body.dark-theme.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item > .ready-kit-hover-panel {
    background: rgba(9, 14, 17, 0.98) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    color: #fff !important;
  }

  html.dark-theme body.ready-race-page .ready-kits-section .ready-kit-hover-copy strong,
  body.dark-theme.ready-race-page .ready-kits-section .ready-kit-hover-copy strong {
    color: #fff !important;
  }

  html.dark-theme body.ready-race-page .ready-kits-section .ready-kit-hover-copy p,
  body.dark-theme.ready-race-page .ready-kits-section .ready-kit-hover-copy p {
    color: rgba(255, 255, 255, 0.72) !important;
  }
}

/* Kits prontos: garante o popup de foto acima de qualquer regra antiga. */
@media (hover: hover) and (min-width: 861px) {
  body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item > a.ready-kit-item-visual,
  body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item > div.ready-kit-item-visual {
    align-items: center !important;
    background: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid rgba(13, 24, 20, 0.14) !important;
    border-radius: 16px !important;
    box-shadow: 0 20px 44px rgba(0, 0, 0, 0.18) !important;
    display: grid !important;
    gap: 14px !important;
    grid-template-columns: 126px minmax(0, 1fr) !important;
    inset: 8px !important;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    padding: 12px !important;
    pointer-events: none !important;
    position: absolute !important;
    right: 8px !important;
    top: 8px !important;
    transform: translateY(8px) scale(0.98) !important;
    transition: opacity 150ms ease, transform 150ms ease !important;
    visibility: visible !important;
    width: auto !important;
    z-index: 120 !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item:hover > a.ready-kit-item-visual,
  body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item:hover > div.ready-kit-item-visual,
  body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item:focus-within > a.ready-kit-item-visual,
  body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item:focus-within > div.ready-kit-item-visual {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(0) scale(1) !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item > .ready-kit-item-visual img {
    align-self: center !important;
    background: #fff !important;
    border-radius: 12px !important;
    display: block !important;
    height: 112px !important;
    max-height: 112px !important;
    max-width: 126px !important;
    object-fit: contain !important;
    opacity: 1 !important;
    padding: 8px !important;
    position: static !important;
    transform: none !important;
    visibility: visible !important;
    width: 126px !important;
  }
}

/* Ready to race: desktop hover preview must work outside responsive blocks. */
body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item {
  contain: none !important;
  overflow: hidden !important;
  position: relative !important;
}

body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item > .ready-kit-item-visual {
  background: rgba(255, 255, 255, 0.96) !important;
  border: 1px solid rgba(16, 24, 20, 0.12) !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.16) !important;
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: 112px minmax(0, 1fr) !important;
  inset: 8px !important;
  min-height: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  padding: 12px !important;
  pointer-events: none !important;
  position: absolute !important;
  transform: translateY(6px) scale(0.98) !important;
  transition: opacity 160ms ease, transform 160ms ease !important;
  visibility: visible !important;
  width: auto !important;
  z-index: 12 !important;
}

body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item:hover > .ready-kit-item-visual,
body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item:focus-within > .ready-kit-item-visual {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) scale(1) !important;
}

body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item > .ready-kit-item-visual > img {
  align-self: center !important;
  background: #fff !important;
  border-radius: 12px !important;
  display: block !important;
  height: 96px !important;
  object-fit: contain !important;
  padding: 8px !important;
  width: 112px !important;
}

body.ready-race-page .ready-kits-section .ready-kit-hover-copy {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-width: 0 !important;
  padding: 0 !important;
  position: static !important;
}

body.ready-race-page .ready-kits-section .ready-kit-hover-copy span,
body.ready-race-page .ready-kits-section .ready-kit-hover-copy strong,
body.ready-race-page .ready-kits-section .ready-kit-hover-copy p {
  display: block !important;
  max-width: none !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  word-break: normal !important;
}

body.ready-race-page .ready-kits-section .ready-kit-hover-copy span {
  color: #d7a900 !important;
  font-size: 0.68rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.08em !important;
  margin-bottom: 4px !important;
  text-transform: uppercase !important;
}

body.ready-race-page .ready-kits-section .ready-kit-hover-copy strong {
  color: #111 !important;
  font-size: 0.92rem !important;
  line-height: 1.15 !important;
}

body.ready-race-page .ready-kits-section .ready-kit-hover-copy p {
  color: rgba(17, 17, 17, 0.72) !important;
  font-size: 0.78rem !important;
  line-height: 1.3 !important;
  margin: 4px 0 8px !important;
}

body.ready-race-page .ready-kits-section .ready-kit-hover-copy small {
  align-self: flex-start !important;
  background: #050806 !important;
  border-radius: 999px !important;
  color: #fff !important;
  display: inline-flex !important;
  font-size: 0.68rem !important;
  font-weight: 950 !important;
  padding: 7px 10px !important;
  width: auto !important;
}

html.dark-theme body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item > .ready-kit-item-visual,
body.dark-theme.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item > .ready-kit-item-visual {
  background: rgba(9, 14, 17, 0.96) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}

html.dark-theme body.ready-race-page .ready-kits-section .ready-kit-hover-copy strong,
body.dark-theme.ready-race-page .ready-kits-section .ready-kit-hover-copy strong {
  color: #fff !important;
}

html.dark-theme body.ready-race-page .ready-kits-section .ready-kit-hover-copy p,
body.dark-theme.ready-race-page .ready-kits-section .ready-kit-hover-copy p {
  color: rgba(255, 255, 255, 0.72) !important;
}

/* Ready Race final override: product rows stay readable, hover opens the image/details card. */
body.ready-race-page .ready-kits-section .ready-kit-thumbs {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
}

body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item {
  position: relative !important;
  display: block !important;
  min-height: 112px !important;
  padding: 18px 20px !important;
  overflow: visible !important;
  contain: none !important;
  border-radius: 16px !important;
}

body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item > .ready-kit-item-info {
  position: relative !important;
  z-index: 1 !important;
  min-height: 0 !important;
  padding: 0 !important;
  padding-right: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

body.ready-race-page .ready-kits-section .ready-kit-item-info span,
body.ready-race-page .ready-kits-section .ready-kit-item-info strong,
body.ready-race-page .ready-kits-section .ready-kit-item-info p {
  display: block !important;
  max-width: 100% !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  white-space: normal !important;
}

body.ready-race-page .ready-kits-section .ready-kit-item-info span {
  margin-bottom: 10px !important;
}

body.ready-race-page .ready-kits-section .ready-kit-item-info strong {
  font-size: clamp(1rem, 1.2vw, 1.18rem) !important;
  line-height: 1.12 !important;
}

body.ready-race-page .ready-kits-section .ready-kit-item-info p {
  display: -webkit-box !important;
  margin-top: 8px !important;
  font-size: 0.86rem !important;
  line-height: 1.35 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  overflow: hidden !important;
}

@media (hover: hover) and (min-width: 861px) {
  body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item > .ready-kit-item-visual {
    position: absolute !important;
    left: 12px !important;
    right: 12px !important;
    top: 12px !important;
    bottom: 12px !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(118px, 35%) minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 14px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255, 204, 0, 0.48) !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.24) !important;
    color: #101010 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    text-decoration: none !important;
    transform: translateY(8px) scale(0.985) !important;
    transition: opacity 160ms ease, transform 160ms ease !important;
    visibility: visible !important;
    z-index: 30 !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item:hover > .ready-kit-item-visual,
  body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item:focus-within > .ready-kit-item-visual {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(0) scale(1) !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item > .ready-kit-item-visual > img {
    display: block !important;
    width: 100% !important;
    height: 116px !important;
    object-fit: contain !important;
    border-radius: 12px !important;
    background: #ffffff !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-hover-copy {
    position: static !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #101010 !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-hover-copy span,
  body.ready-race-page .ready-kits-section .ready-kit-hover-copy strong,
  body.ready-race-page .ready-kits-section .ready-kit-hover-copy p {
    display: block !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-hover-copy span {
    color: #0b8f45 !important;
    font-size: 0.72rem !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-hover-copy strong {
    color: #101010 !important;
    font-size: 1.02rem !important;
    line-height: 1.1 !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-hover-copy p {
    color: #4f473b !important;
    font-size: 0.82rem !important;
    line-height: 1.3 !important;
    margin: 0 !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-hover-copy small {
    align-self: flex-start !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-height: 32px !important;
    margin-top: 4px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    background: #101010 !important;
    color: #ffffff !important;
    font-size: 0.72rem !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
  }
}

@media (max-width: 860px) {
  body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item > .ready-kit-item-visual {
    display: none !important;
  }
}

/* Kits prontos para correr: desktop volta ao formato original com 5 kits lado a lado. */
@media (min-width: 1180px) {













}

/* Comparator QLED card image swap only. Keep the lower three VR cards untouched. */
body.pimax-compare-page .vr-guide-card-qled-50 {
  --vr-card-image: url("assets/pimax/Crystal Super/Differencet pictures of FOV-PPD/PCS Plus 50PPD.jpeg") !important;
}

body.pimax-compare-page .vr-guide-card-qled-57 {
  --vr-card-image: url("assets/pimax/Crystal Super/Differencet pictures of FOV-PPD/PCS Plus 57PPD.jpeg") !important;
}

body.pimax-compare-page .vr-guide-card-qled-ultra {
  --vr-card-image: url("assets/pimax/Crystal Super/Differencet pictures of FOV-PPD/PCS Plus UWPPD.jpeg") !important;
}

body.pimax-compare-page .vr-guide-card-qled::before {
  background-position: right 10px bottom 8px !important;
  background-size: auto 82% !important;
  opacity: 0.32 !important;
}

body.pimax-compare-page .vr-guide-card-qled::after {
  background-position: center !important;
  background-size: contain !important;
  opacity: 0.28 !important;
}

html:not(.dark-theme) body.pimax-compare-page .vr-guide-card-qled::before,
body:not(.dark-theme).pimax-compare-page .vr-guide-card-qled::before {
  opacity: 0.26 !important;
}

/* Ready-to-race page: keep the kits as vertical cards again. */
body.ready-race-page .ready-kit-grid,
body.ready-race-page .bundle-row.ready-kit-grid {
  display: grid !important;
  gap: 22px !important;
  grid-template-columns: minmax(0, 980px) !important;
  justify-content: center !important;
  overflow: visible !important;
}

body.ready-race-page .ready-kit-card {
  display: flex !important;
  flex-direction: column !important;
  max-width: 980px !important;
  width: 100% !important;
}

@media (max-width: 760px) {
  body.ready-race-page .ready-kit-grid,
  body.ready-race-page .bundle-row.ready-kit-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* Pimax comparator video block replacing the old sources list. */
body.pimax-compare-page .vr-video-feature {
  display: grid !important;
  gap: clamp(18px, 3vw, 34px) !important;
  grid-template-columns: minmax(0, 0.8fr) minmax(320px, 1.2fr) !important;
  align-items: center !important;
}

body.pimax-compare-page .vr-video-feature > h2,
body.pimax-compare-page .vr-video-feature > p,
body.pimax-compare-page .vr-video-feature > ul {
  display: none !important;
}

body.pimax-compare-page .vr-video-copy {
  min-width: 0 !important;
}

body.pimax-compare-page .vr-video-copy .eyebrow {
  color: var(--accent, #25e860) !important;
  display: block !important;
  font-weight: 950 !important;
  letter-spacing: 0.04em !important;
  margin: 0 0 10px !important;
  text-transform: uppercase !important;
}

body.pimax-compare-page .vr-video-copy h2 {
  color: #fff !important;
  font-size: clamp(2rem, 4vw, 3.4rem) !important;
  line-height: 1 !important;
  margin: 0 0 14px !important;
  text-wrap: balance !important;
}

body.pimax-compare-page .vr-video-copy p:not(.eyebrow) {
  color: rgba(235, 255, 241, 0.78) !important;
  display: block !important;
  font-size: 1rem !important;
  line-height: 1.55 !important;
  margin: 0 !important;
  max-width: 54ch !important;
}

body.pimax-compare-page .vr-video-frame {
  aspect-ratio: 16 / 9 !important;
  background: #000 !important;
  border: 1px solid rgba(37, 232, 96, 0.22) !important;
  border-radius: 22px !important;
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.32) !important;
  min-width: 0 !important;
  overflow: hidden !important;
  position: relative !important;
}

body.pimax-compare-page .vr-video-frame iframe {
  border: 0 !important;
  height: 100% !important;
  inset: 0 !important;
  position: absolute !important;
  width: 100% !important;
}

body.pimax-compare-page .vr-video-switcher {
  align-self: start !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  grid-column: 1 / -1 !important;
  justify-content: center !important;
}

body.pimax-compare-page .vr-video-switcher button {
  appearance: none !important;
  background: rgba(37, 232, 96, 0.1) !important;
  border: 1px solid rgba(37, 232, 96, 0.28) !important;
  border-radius: 999px !important;
  color: rgba(235, 255, 241, 0.86) !important;
  cursor: pointer !important;
  font: inherit !important;
  font-size: 0.9rem !important;
  font-weight: 900 !important;
  padding: 0.78rem 1rem !important;
  transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease !important;
}

body.pimax-compare-page .vr-video-switcher button:hover,
body.pimax-compare-page .vr-video-switcher button.is-active {
  background: #25e860 !important;
  border-color: #25e860 !important;
  color: #06120d !important;
  transform: translateY(-1px) !important;
}

html:not(.dark-theme) body.pimax-compare-page .vr-video-copy h2 {
  color: #06120d !important;
}

html:not(.dark-theme) body.pimax-compare-page .vr-video-copy p:not(.eyebrow) {
  color: rgba(6, 18, 13, 0.72) !important;
}

html:not(.dark-theme) body.pimax-compare-page .vr-video-switcher button {
  background: rgba(9, 142, 72, 0.08) !important;
  border-color: rgba(9, 142, 72, 0.24) !important;
  color: #06351d !important;
}

html:not(.dark-theme) body.pimax-compare-page .vr-video-switcher button:hover,
html:not(.dark-theme) body.pimax-compare-page .vr-video-switcher button.is-active {
  background: #098e48 !important;
  border-color: #098e48 !important;
  color: #fff !important;
}

@media (max-width: 820px) {
  body.pimax-compare-page .vr-video-feature {
    grid-template-columns: 1fr !important;
  }
}

/* Home, ready kits and Pimax comparator polish - 2026-06-30 */
.sr-home-card-section,
.sr-configurator-feature,
.sr-ready-preview,
.sr-cross-sites {
  padding-inline: clamp(18px, 5vw, 76px) !important;
}

.sr-visual-card {
  min-height: clamp(320px, 33vw, 440px) !important;
  border-radius: 20px !important;
  border-color: color-mix(in srgb, var(--card-accent) 46%, rgba(255, 255, 255, 0.12)) !important;
  background: #07100d !important;
}

.sr-visual-card::before {
  opacity: 0.72 !important;
  filter: saturate(1.16) contrast(1.1) !important;
  background-position: center !important;
}

.sr-visual-card::after {
  background:
    linear-gradient(180deg, rgba(4, 8, 8, 0.06), rgba(4, 8, 8, 0.28) 44%, rgba(4, 8, 8, 0.92) 100%),
    radial-gradient(circle at 82% 16%, color-mix(in srgb, var(--card-accent) 28%, transparent), transparent 34%) !important;
}

.sr-visual-card strong {
  max-width: 520px !important;
  font-size: clamp(1.55rem, 2.25vw, 2.45rem) !important;
  text-wrap: balance !important;
}

.sr-visual-card p {
  max-width: 540px !important;
  color: rgba(255, 253, 244, 0.84) !important;
}

.sr-visual-card em {
  box-shadow: 0 14px 34px color-mix(in srgb, var(--card-accent) 24%, transparent) !important;
}

.sr-visual-card:hover,
.sr-visual-card:focus-visible {
  transform: translateY(-6px) !important;
}

html:not(.dark-theme) .sr-visual-card::after,
body:not(.dark-theme) .sr-visual-card::after {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(8, 12, 10, 0.24) 44%, rgba(8, 12, 10, 0.86) 100%),
    radial-gradient(circle at 82% 16%, color-mix(in srgb, var(--card-accent) 24%, transparent), transparent 34%) !important;
}

.sr-visual-card-grid-brands .sr-visual-card {
  min-height: clamp(300px, 30vw, 400px) !important;
}

.sr-configurator-feature .sr-visual-card-wide,
.sr-cross-sites .sr-visual-card-wide {
  min-height: clamp(330px, 30vw, 420px) !important;
}

.sr-ready-card-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.sr-ready-card {
  color: inherit !important;
  text-decoration: none !important;
  position: relative !important;
  overflow: hidden !important;
  grid-template-columns: 180px minmax(0, 1fr) auto !important;
  min-height: 182px !important;
  border-radius: 20px !important;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--ready-accent) 16%, var(--surface, #fffaf0)), var(--surface, #fffaf0)) !important;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease !important;
}

.sr-ready-card:hover,
.sr-ready-card:focus-within {
  transform: translateY(-4px) !important;
  border-color: color-mix(in srgb, var(--ready-accent) 62%, rgba(255, 255, 255, 0.14)) !important;
  box-shadow: 0 24px 58px rgba(0, 0, 0, 0.16) !important;
}

.sr-ready-card img {
  width: 180px !important;
  height: 128px !important;
  object-fit: cover !important;
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

.sr-ready-card a,
.sr-ready-card-cta,
.sr-more-kits-card {
  background: color-mix(in srgb, var(--ready-accent) 84%, #ffffff 12%) !important;
  color: #07110b !important;
  box-shadow: 0 12px 30px color-mix(in srgb, var(--ready-accent) 20%, transparent) !important;
}

.sr-more-kits-card {
  min-height: 48px !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid color-mix(in srgb, var(--ready-accent) 44%, transparent) !important;
}

.ready-kits-section .ready-kit-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 18px !important;
  max-width: 1240px !important;
  margin-inline: auto !important;
}

.ready-kits-section .ready-kit-card {
  --kit-accent: #d5aa2f;
  display: grid !important;
  grid-template-columns: 210px minmax(230px, 0.8fr) minmax(340px, 1.2fr) 180px !important;
  align-items: stretch !important;
  gap: 18px !important;
  padding: 18px !important;
  border-radius: 22px !important;
  border: 1px solid color-mix(in srgb, var(--kit-accent) 38%, rgba(255, 255, 255, 0.12)) !important;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--kit-accent) 12%, var(--surface, #fff8ea)), var(--surface, #fff8ea)) !important;
  box-shadow: 0 20px 54px rgba(0, 0, 0, 0.1) !important;
}

.ready-kits-section .ready-kit-media img {
  width: 100% !important;
  height: 156px !important;
  object-fit: cover !important;
  border-radius: 18px !important;
  background: #fff !important;
}

.ready-kits-section .ready-kit-copy h3 {
  font-size: clamp(1.45rem, 2vw, 2.1rem) !important;
  line-height: 1 !important;
  color: var(--text-strong, #10100d) !important;
}

.ready-kits-section .ready-kit-copy p,
.ready-kits-section .ready-kit-description {
  color: var(--text-muted, #6b6253) !important;
}

.ready-kits-section .ready-kit-thumbs {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.ready-kits-section .ready-kit-item {
  min-height: 94px !important;
  border-radius: 16px !important;
}

.ready-kits-section .ready-kit-price,
.ready-kits-section .ready-kit-actions {
  align-self: center !important;
}

html.dark-theme .ready-kits-section .ready-kit-card,
body.dark-theme .ready-kits-section .ready-kit-card {
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--kit-accent) 14%, #0c1518), #0c1518) !important;
}

html.dark-theme .ready-kits-section .ready-kit-copy h3,
body.dark-theme .ready-kits-section .ready-kit-copy h3 {
  color: #fffdf4 !important;
}

html.dark-theme .ready-kits-section .ready-kit-copy p,
body.dark-theme .ready-kits-section .ready-kit-copy p,
html.dark-theme .ready-kits-section .ready-kit-description,
body.dark-theme .ready-kits-section .ready-kit-description {
  color: rgba(255, 253, 244, 0.74) !important;
}

body.pimax-compare-page .vr-guide-grid > article {
  cursor: pointer !important;
  min-height: 330px !important;
  isolation: isolate !important;
}

body.pimax-compare-page .vr-guide-grid > article::before {
  opacity: 0.72 !important;
  background-size: cover !important;
  background-position: center !important;
}

body.pimax-compare-page .vr-guide-card-light {
  --vr-card-image: url("assets/pimax/Crystal Light/Crystal Light dirrerenttangles pictures/PCL01.png") !important;
}

body.pimax-compare-page .vr-guide-card-qled-50 {
  --vr-card-image: url("assets/pimax/Crystal Super/Differencet pictures of FOV-PPD/50PPD.jpg") !important;
}

body.pimax-compare-page .vr-guide-card-qled-57 {
  --vr-card-image: url("assets/pimax/Crystal Super/Differencet pictures of FOV-PPD/57PPD.jpg") !important;
}

body.pimax-compare-page .vr-guide-card-qled-ultra {
  --vr-card-image: url("assets/pimax/Crystal Super/Differencet pictures of FOV-PPD/Ultrawide.jpg") !important;
}

body.pimax-compare-page .vr-guide-card-oled {
  --vr-card-image: url("assets/pimax/Crystal Super/front view02.png") !important;
}

body.pimax-compare-page .vr-guide-card-air {
  --vr-card-image: url("assets/pimax/DreamAir/CGI Pictures/Dream Air/DREAM_AIR_black_front.png") !important;
}

body.pimax-compare-page .vr-guide-grid > article:hover,
body.pimax-compare-page .vr-guide-grid > article:focus-within {
  transform: translateY(-5px) !important;
  box-shadow: 0 24px 56px rgba(0, 0, 0, 0.24), 0 0 0 4px rgba(44, 225, 123, 0.12) !important;
}

.contact-card [data-contact-whatsapp] {
  background: linear-gradient(135deg, #25d366, #0fa85a) !important;
  border-color: rgba(37, 211, 102, 0.42) !important;
  color: #04140a !important;
  gap: 10px !important;
}

@media (min-width: 981px) {
  .speedrace-mobile-whatsapp {
    bottom: 100px !important;
    right: 22px !important;
    background: linear-gradient(135deg, #18c96e, #0a8f4a) !important;
    color: #04140a !important;
    box-shadow: 0 18px 42px rgba(10, 143, 74, 0.28) !important;
  }
}

@media (max-width: 980px) {
  .sr-visual-card-grid,
  .sr-ready-card-grid,
  .sr-cross-sites {
    grid-template-columns: 1fr !important;
  }

  .sr-ready-card,
  .ready-kits-section .ready-kit-card {
    grid-template-columns: 1fr !important;
  }

  .sr-ready-card img,
  .ready-kits-section .ready-kit-media img {
    width: 100% !important;
    height: 180px !important;
  }

  .ready-kits-section .ready-kit-thumbs {
    grid-template-columns: 1fr !important;
  }
}

/* Final priority: contact WhatsApp and new home card polish. */
.contact-card [data-contact-whatsapp] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  background: linear-gradient(135deg, #25d366, #10ad59) !important;
  border-color: rgba(37, 211, 102, 0.62) !important;
  color: #06120a !important;
  box-shadow: 0 16px 36px rgba(16, 173, 89, 0.24) !important;
}

.contact-card [data-contact-whatsapp]::before {
  content: "";
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.04 3a8.86 8.86 0 0 0-7.6 13.45L3.4 21l4.68-1.02A8.88 8.88 0 1 0 12.04 3Zm4.18 12.48c-.18.5-1.06.96-1.48 1.02-.4.06-.92.08-1.48-.1-.34-.1-.78-.25-1.34-.5-2.36-1.02-3.9-3.4-4.02-3.56-.12-.16-.96-1.28-.96-2.44 0-1.16.6-1.72.82-1.96.22-.24.48-.3.64-.3h.46c.14 0 .34-.05.52.4.18.44.62 1.52.68 1.64.06.12.1.26.02.42-.08.16-.12.26-.24.4-.12.14-.26.3-.36.4-.12.12-.24.25-.1.5.14.24.62 1.02 1.34 1.66.92.82 1.7 1.08 1.94 1.2.24.12.38.1.52-.06.16-.18.6-.7.76-.94.16-.24.32-.2.54-.12.22.08 1.42.67 1.66.8.24.12.4.18.46.28.06.1.06.58-.12 1.08Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.04 3a8.86 8.86 0 0 0-7.6 13.45L3.4 21l4.68-1.02A8.88 8.88 0 1 0 12.04 3Zm4.18 12.48c-.18.5-1.06.96-1.48 1.02-.4.06-.92.08-1.48-.1-.34-.1-.78-.25-1.34-.5-2.36-1.02-3.9-3.4-4.02-3.56-.12-.16-.96-1.28-.96-2.44 0-1.16.6-1.72.82-1.96.22-.24.48-.3.64-.3h.46c.14 0 .34-.05.52.4.18.44.62 1.52.68 1.64.06.12.1.26.02.42-.08.16-.12.26-.24.4-.12.14-.26.3-.36.4-.12.12-.24.25-.1.5.14.24.62 1.02 1.34 1.66.92.82 1.7 1.08 1.94 1.2.24.12.38.1.52-.06.16-.18.6-.7.76-.94.16-.24.32-.2.54-.12.22.08 1.42.67 1.66.8.24.12.4.18.46.28.06.1.06.58-.12 1.08Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

html:not(.dark-theme) .sr-ready-card {
  background: color-mix(in srgb, var(--ready-accent) 11%, #fffaf0) !important;
}

/* Premium visual cards shared by Speed Race / Flight / VR home sections. */
.sr-home-card-section,
.sr-configurator-feature,
.sr-ready-preview,
.sr-cross-sites {
  width: min(1180px, calc(100% - 48px));
  margin: 56px auto;
}

.sr-home-card-section .section-title,
.sr-ready-preview .section-title {
  max-width: 780px;
  margin-bottom: 24px;
}

.sr-home-card-section .section-title span,
.sr-ready-preview .section-title span {
  color: var(--site-accent, #d5aa2f);
}

.sr-visual-card-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.sr-visual-card {
  --card-accent: #d5aa2f;
  position: relative;
  min-height: 330px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 10px;
  overflow: hidden;
  padding: 24px;
  border-radius: 18px;
  border: 1px solid color-mix(in srgb, var(--card-accent) 38%, transparent);
  background: #0a1113;
  color: #fffdf4;
  text-decoration: none;
  isolation: isolate;
  box-shadow: 0 18px 52px rgba(0, 0, 0, 0.18);
  transform: translateZ(0);
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.sr-visual-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background-image: var(--card-image);
  background-position: center;
  background-size: cover;
  transform: scale(1.02);
  opacity: 0.58;
  filter: saturate(1.06) contrast(1.04);
  transition: transform 240ms ease, opacity 180ms ease;
}

.sr-visual-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(180deg, rgba(5, 9, 10, 0.12) 0%, rgba(5, 9, 10, 0.82) 72%),
    linear-gradient(135deg, color-mix(in srgb, var(--card-accent) 22%, transparent), transparent 52%);
}

.sr-visual-card:hover,
.sr-visual-card:focus-visible {
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--card-accent) 72%, #ffffff 10%);
  box-shadow: 0 26px 62px rgba(0, 0, 0, 0.26), 0 0 0 4px color-mix(in srgb, var(--card-accent) 14%, transparent);
  outline: none;
}

.sr-visual-card:hover::before,
.sr-visual-card:focus-visible::before {
  transform: scale(1.075);
  opacity: 0.72;
}

.sr-visual-card span {
  width: fit-content;
  border-radius: 999px;
  padding: 7px 12px;
  background: color-mix(in srgb, var(--card-accent) 20%, rgba(0, 0, 0, 0.58));
  color: color-mix(in srgb, var(--card-accent) 86%, #ffffff 14%);
  font-size: 0.78rem;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.sr-visual-card strong {
  max-width: 430px;
  color: #fffdf4;
  font-size: clamp(1.45rem, 2.2vw, 2.25rem);
  line-height: 0.98;
  letter-spacing: 0;
}

.sr-visual-card p {
  max-width: 450px;
  margin: 0;
  color: rgba(255, 253, 244, 0.78);
  font-size: 0.98rem;
  line-height: 1.45;
}

.sr-visual-card em {
  width: fit-content;
  margin-top: 8px;
  border-radius: 999px;
  padding: 11px 16px;
  background: color-mix(in srgb, var(--card-accent) 85%, #ffffff 10%);
  color: #07110b;
  font-style: normal;
  font-weight: 1000;
  text-transform: uppercase;
  font-size: 0.82rem;
}

.sr-card-race { --card-accent: #d5aa2f; }
.sr-card-simagic { --card-accent: #ee3738; }
.sr-card-flight { --card-accent: #2d8cff; }
.sr-card-vr { --card-accent: #20d779; }

.sr-visual-card-wide {
  min-height: 390px;
  padding: clamp(26px, 5vw, 54px);
}

.sr-configurator-feature .sr-visual-card-wide,
.sr-cross-sites .sr-visual-card-wide {
  min-height: 360px;
}

.sr-cross-sites {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.sr-ready-card-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.sr-ready-card {
  --ready-accent: #d5aa2f;
  color: inherit;
  display: grid;
  grid-template-columns: 152px 1fr auto;
  align-items: center;
  gap: 18px;
  min-height: 168px;
  padding: 18px;
  border-radius: 18px;
  border: 1px solid color-mix(in srgb, var(--ready-accent) 32%, rgba(0, 0, 0, 0.12));
  background: color-mix(in srgb, var(--ready-accent) 10%, var(--surface, #fffaf0));
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.08);
  text-decoration: none;
}

.sr-ready-card img {
  width: 152px;
  height: 118px;
  object-fit: cover;
  border-radius: 14px;
  background: #fff;
}

.sr-ready-card span {
  color: color-mix(in srgb, var(--ready-accent) 78%, #111);
  font-size: 0.78rem;
  font-weight: 1000;
  text-transform: uppercase;
}

.sr-ready-card h3 {
  margin: 4px 0 6px;
  color: var(--text-strong, #111);
  font-size: 1.4rem;
  line-height: 1;
}

.sr-ready-card p {
  margin: 0;
  color: var(--text-muted, #6b6253);
  line-height: 1.42;
}

.sr-ready-card a,
.sr-ready-card-cta,
.sr-more-kits-card {
  justify-self: end;
  border-radius: 999px;
  padding: 11px 15px;
  background: color-mix(in srgb, var(--ready-accent) 86%, #ffffff 10%);
  color: #08100b;
  font-weight: 1000;
  text-decoration: none;
  white-space: nowrap;
}

.sr-ready-yellow { --ready-accent: #d5aa2f; }
.sr-ready-green { --ready-accent: #20d779; }
.sr-ready-blue { --ready-accent: #2d8cff; }
.sr-ready-dark { --ready-accent: #6c7cff; }

.sr-more-kits-card {
  --ready-accent: #d5aa2f;
  display: flex;
  width: fit-content;
  margin: 18px auto 0;
  padding: 14px 22px;
}

html.dark-theme .sr-ready-card,
body.dark-theme .sr-ready-card {
  background: color-mix(in srgb, var(--ready-accent) 13%, #0c1518);
  border-color: color-mix(in srgb, var(--ready-accent) 34%, rgba(255, 255, 255, 0.08));
}

html.dark-theme .sr-ready-card h3,
body.dark-theme .sr-ready-card h3 {
  color: #fffdf4;
}

html.dark-theme .sr-ready-card p,
body.dark-theme .sr-ready-card p {
  color: rgba(255, 253, 244, 0.72);
}

html:not(.dark-theme) .sr-visual-card::after,
body:not(.dark-theme) .sr-visual-card::after {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(8, 12, 10, 0.78) 74%),
    linear-gradient(135deg, color-mix(in srgb, var(--card-accent) 18%, transparent), transparent 54%);
}

/* Comparator card image polish. */
body.pimax-compare-page .vr-guide-grid > article {
  position: relative;
  overflow: hidden;
}

body.pimax-compare-page .vr-guide-grid > article::after {
  content: "";
  position: absolute;
  right: -18px;
  bottom: -18px;
  width: 48%;
  height: 54%;
  background: var(--vr-card-image) center / contain no-repeat;
  opacity: 0.2;
  filter: drop-shadow(0 24px 28px rgba(0, 0, 0, 0.28));
  pointer-events: none;
  transition: opacity 180ms ease, transform 180ms ease;
}

body.pimax-compare-page .vr-guide-grid > article:hover::after,
body.pimax-compare-page .vr-guide-grid > article:focus-visible::after {
  opacity: 0.34;
  transform: translateY(-4px) scale(1.04);
}

body.pimax-compare-page .vr-guide-card-light {
  --vr-card-image: url("assets/products/pimax-crystal-light-official.webp");
}

body.pimax-compare-page .vr-guide-card-qled-50,
body.pimax-compare-page .vr-guide-card-qled-57,
body.pimax-compare-page .vr-guide-card-qled-ultra {
  --vr-card-image: url("assets/products/pimax-super.webp");
}

body.pimax-compare-page .vr-guide-card-oled {
  --vr-card-image: url("assets/pimax/Crystal Super/Differencet pictures of FOV-PPD/Crystal Super  Micro-OLED/2000 X 2000 PX_01.jpg");
}

body.pimax-compare-page .vr-guide-card-air {
  --vr-card-image: url("assets/pimax/dreamair-short.mp4");
}

/* Contact WhatsApp CTA. */
.contact-card [data-contact-whatsapp] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  background: linear-gradient(135deg, #25d366, #10ad59) !important;
  border-color: rgba(37, 211, 102, 0.55) !important;
  color: #06120a !important;
  box-shadow: 0 16px 36px rgba(16, 173, 89, 0.22) !important;
}

.contact-card [data-contact-whatsapp]::before {
  content: "";
  width: 18px;
  height: 18px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.04 3a8.86 8.86 0 0 0-7.6 13.45L3.4 21l4.68-1.02A8.88 8.88 0 1 0 12.04 3Zm4.18 12.48c-.18.5-1.06.96-1.48 1.02-.4.06-.92.08-1.48-.1-.34-.1-.78-.25-1.34-.5-2.36-1.02-3.9-3.4-4.02-3.56-.12-.16-.96-1.28-.96-2.44 0-1.16.6-1.72.82-1.96.22-.24.48-.3.64-.3h.46c.14 0 .34-.05.52.4.18.44.62 1.52.68 1.64.06.12.1.26.02.42-.08.16-.12.26-.24.4-.12.14-.26.3-.36.4-.12.12-.24.25-.1.5.14.24.62 1.02 1.34 1.66.92.82 1.7 1.08 1.94 1.2.24.12.38.1.52-.06.16-.18.6-.7.76-.94.16-.24.32-.2.54-.12.22.08 1.42.67 1.66.8.24.12.4.18.46.28.06.1.06.58-.12 1.08Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.04 3a8.86 8.86 0 0 0-7.6 13.45L3.4 21l4.68-1.02A8.88 8.88 0 1 0 12.04 3Zm4.18 12.48c-.18.5-1.06.96-1.48 1.02-.4.06-.92.08-1.48-.1-.34-.1-.78-.25-1.34-.5-2.36-1.02-3.9-3.4-4.02-3.56-.12-.16-.96-1.28-.96-2.44 0-1.16.6-1.72.82-1.96.22-.24.48-.3.64-.3h.46c.14 0 .34-.05.52.4.18.44.62 1.52.68 1.64.06.12.1.26.02.42-.08.16-.12.26-.24.4-.12.14-.26.3-.36.4-.12.12-.24.25-.1.5.14.24.62 1.02 1.34 1.66.92.82 1.7 1.08 1.94 1.2.24.12.38.1.52-.06.16-.18.6-.7.76-.94.16-.24.32-.2.54-.12.22.08 1.42.67 1.66.8.24.12.4.18.46.28.06.1.06.58-.12 1.08Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

@media (max-width: 980px) {
  .sr-home-card-section,
  .sr-configurator-feature,
  .sr-ready-preview,
  .sr-cross-sites {
    width: min(100% - 28px, 560px);
    margin: 38px auto;
  }

  .sr-visual-card-grid,
  .sr-ready-card-grid,
  .sr-cross-sites {
    grid-template-columns: 1fr;
  }

  .sr-visual-card {
    min-height: 260px;
    padding: 22px;
  }

  .sr-ready-card {
    grid-template-columns: 100px 1fr;
    gap: 14px;
  }

  .sr-ready-card img {
    width: 100px;
    height: 92px;
  }

  .sr-ready-card a,
  .sr-ready-card-cta {
    grid-column: 1 / -1;
    justify-self: stretch;
    text-align: center;
  }
}

/* Pimax Brasil: QLED version cards. Keep stock badge and actions aligned. */
body.pimax-lite .pimax-super-options article[data-product-id="pimax-crystal-super-qled"] [data-stock-cell] {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin: 14px 0 12px !important;
}

body.pimax-lite .pimax-super-options article[data-product-id="pimax-crystal-super-qled"] [data-stock-cell] .stock-table-action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 142px !important;
  max-width: 100% !important;
  min-height: 30px !important;
  padding: 7px 14px !important;
  border-radius: 999px !important;
  font-size: 0.64rem !important;
  line-height: 1 !important;
  letter-spacing: 0.045em !important;
  pointer-events: none !important;
}

body.pimax-lite .pimax-super-options article[data-product-id="pimax-crystal-super-qled"] .pimax-card-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  justify-content: stretch !important;
  align-items: stretch !important;
}

body.pimax-lite .pimax-super-options article[data-product-id="pimax-crystal-super-qled"] .pimax-card-actions a,
body.pimax-lite .pimax-super-options article[data-product-id="pimax-crystal-super-qled"] .pimax-card-actions button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 42px !important;
  padding: 9px 12px !important;
  border-radius: 999px !important;
  font-size: 0.76rem !important;
  line-height: 1.05 !important;
  text-align: center !important;
  white-space: normal !important;
}

body.pimax-lite .pimax-super-options article[data-product-id="pimax-crystal-super-qled"] .pimax-card-actions .pimax-notify-action {
  background: rgba(255, 195, 49, 0.18) !important;
  border: 1px solid rgba(255, 195, 49, 0.62) !important;
  color: #ffd361 !important;
  box-shadow: none !important;
}

html:not(.dark-theme) body.pimax-lite .pimax-super-options article[data-product-id="pimax-crystal-super-qled"] .pimax-card-actions .pimax-notify-action {
  background: #fff1c2 !important;
  color: #6a4a00 !important;
}

@media (max-width: 760px) {
  body.pimax-lite .pimax-super-options article[data-product-id="pimax-crystal-super-qled"] .pimax-card-actions {
    grid-template-columns: 1fr !important;
  }
}

/* Compatibility badges must stay readable on white product-photo backgrounds. */
.compatibility-badge.xbox,
.product-meta .compatibility-badge.xbox,
.compatibility-badges .compatibility-badge.xbox,
.summary-compatibility-badges .compatibility-badge.xbox {
  background: #098b3f !important;
  border: 1px solid rgba(4, 60, 28, 0.9) !important;
  box-shadow: 0 2px 8px rgba(4, 60, 28, 0.18) !important;
  color: #ffffff !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.28) !important;
}

.legend-dot.xbox {
  background: #13a34f !important;
  border: 1px solid rgba(4, 60, 28, 0.5) !important;
  box-shadow: 0 0 0 2px rgba(19, 163, 79, 0.18) !important;
}

/* White product canvas: catalog, configurators and product pages. */
.product-photo,
.product-photo.card-gallery,
.store-product-card .card-gallery,
.product-media,
.product-ad-media,
.product-gallery-feature,
.product-gallery-rail figure,
.flight-gallery-feature,
.flight-gallery-rail figure {
  background: #ffffff !important;
  border-color: rgba(8, 12, 18, 0.12) !important;
}

.product-photo img,
.product-photo.card-gallery img,
.store-product-card .card-gallery img,
.product-media img,
.product-ad-media img,
.product-gallery-feature img,
.product-gallery-rail img,
.flight-gallery-feature img,
.flight-gallery-rail img,
.vr-option-card img {
  background: #ffffff !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
}

.product-photo img,
.product-photo.card-gallery img,
.store-product-card .card-gallery img,
.product-media img,
.product-ad-media img,
.flight-gallery-feature img {
  object-fit: contain !important;
}

/* Product photo cleanup: keep every main product image on a clean white canvas. */
.option-card .product-photo,
.store-card .card-gallery,
.store-product-card .card-gallery,
.product-hero .product-media,
.product-ad-hero .product-ad-media,
.product-page .product-gallery-feature,
.product-page .product-gallery-rail figure,
.flight-product-page .flight-gallery-feature,
.flight-product-page .flight-gallery-rail figure,
.vr-option-card .product-photo {
  background: #ffffff !important;
  border-color: rgba(8, 12, 18, 0.12) !important;
}

.option-card .product-photo img,
.store-card .card-gallery img,
.store-product-card .card-gallery img,
.product-hero .product-media img,
.product-ad-hero .product-ad-media img,
.product-page .product-gallery-feature img,
.product-page .product-gallery-rail img,
.flight-product-page .flight-gallery-feature img,
.flight-product-page .flight-gallery-rail img,
.vr-option-card .product-photo img {
  background: #ffffff !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  object-fit: contain !important;
  opacity: 1 !important;
}

/* Configurator Xbox badge: a readable badge instead of a tiny mark lost on white photos. */
.option-card .compatibility-badge.xbox,
.option-card [data-compatibility="xbox"],
.compatibility-badges .compatibility-badge.xbox {
  align-items: center !important;
  background: linear-gradient(135deg, #107c10, #18b957) !important;
  border: 1px solid rgba(255, 255, 255, 0.72) !important;
  border-radius: 999px !important;
  box-shadow: 0 5px 14px rgba(16, 124, 16, 0.28), 0 0 0 1px rgba(0, 0, 0, 0.08) !important;
  color: #ffffff !important;
  display: inline-flex !important;
  gap: 5px !important;
  justify-content: center !important;
  min-height: 24px !important;
  min-width: 58px !important;
  padding: 4px 8px !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.32) !important;
}

.option-card .compatibility-badge.xbox::before,
.option-card [data-compatibility="xbox"]::before,
.compatibility-badges .compatibility-badge.xbox::before {
  align-items: center;
  background: #ffffff;
  border-radius: 999px;
  color: #107c10;
  content: "X";
  display: inline-flex;
  font-size: 10px;
  font-weight: 900;
  height: 15px;
  justify-content: center;
  line-height: 1;
  width: 15px;
}

/* VR comparator cards: clickable product cards with light product art, 2026-06-24. */
body.pimax-compare-page .vr-guide-grid > article {
  cursor: pointer !important;
  isolation: isolate !important;
  overflow: hidden !important;
  position: relative !important;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease !important;
}

body.pimax-compare-page .vr-guide-grid > article::before {
  background-image:
    linear-gradient(90deg, rgba(4, 19, 11, 0.94) 0%, rgba(4, 19, 11, 0.82) 48%, rgba(4, 19, 11, 0.42) 100%),
    var(--vr-card-image);
  background-position: right 14px bottom 10px;
  background-repeat: no-repeat;
  background-size: auto 74%;
  content: "";
  inset: 0;
  opacity: 0.22;
  pointer-events: none;
  position: absolute;
  transform: scale(1);
  transition: opacity 0.18s ease, transform 0.18s ease;
  z-index: 0;
}

body.pimax-compare-page .vr-guide-grid > article > * {
  position: relative;
  z-index: 1;
}

/* Xbox compatibility badge: keep it above the white product photo. */
.option-card .product-photo .compatibility-badges,
.product-photo .compatibility-badges {
  left: 10px !important;
  top: 10px !important;
  z-index: 30 !important;
}

.option-card .product-photo .compatibility-badge.xbox,
.product-photo .compatibility-badge.xbox {
  background: #107c10 !important;
  border: 2px solid #ffffff !important;
  border-radius: 999px !important;
  box-shadow: 0 7px 16px rgba(0, 0, 0, 0.28), 0 0 0 1px rgba(16, 124, 16, 0.22) !important;
  color: #ffffff !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  min-height: 25px !important;
  min-width: 72px !important;
  padding: 5px 9px !important;
  position: relative !important;
  text-transform: uppercase !important;
  z-index: 31 !important;
}

.option-card .product-photo .compatibility-badge.xbox::before,
.product-photo .compatibility-badge.xbox::before {
  background: #ffffff !important;
  color: #107c10 !important;
  content: "X" !important;
  flex: 0 0 16px !important;
  font-size: 11px !important;
  height: 16px !important;
  width: 16px !important;
}

body.pimax-compare-page .vr-guide-grid > article:hover,
body.pimax-compare-page .vr-guide-grid > article:focus-visible {
  border-color: rgba(53, 232, 116, 0.78) !important;
  box-shadow: 0 18px 42px rgba(12, 95, 48, 0.22), 0 0 0 1px rgba(53, 232, 116, 0.18) inset !important;
  outline: none !important;
  transform: translateY(-4px);
}

body.pimax-compare-page .vr-guide-grid > article:hover::before,
body.pimax-compare-page .vr-guide-grid > article:focus-visible::before {
  opacity: 0.38;
  transform: scale(1.035);
}

body.pimax-compare-page .vr-guide-card-light {
  --vr-card-image: url("assets/pimax/Crystal Light/Crystal Light dirrerenttangles pictures/PCL01.png");
}

body.pimax-compare-page .vr-guide-card-qled-50 {
  --vr-card-image: url("assets/pimax/Crystal Super/Differencet pictures of FOV-PPD/50PPD.jpg");
}

body.pimax-compare-page .vr-guide-card-qled-57 {
  --vr-card-image: url("assets/pimax/Crystal Super/Differencet pictures of FOV-PPD/57PPD.jpg");
}

body.pimax-compare-page .vr-guide-card-qled-ultra {
  --vr-card-image: url("assets/pimax/Crystal Super/Differencet pictures of FOV-PPD/Ultrawide.jpg");
}

body.pimax-compare-page .vr-guide-card-oled {
  --vr-card-image: url("assets/pimax/Crystal Super/front view02.png");
}

body.pimax-compare-page .vr-guide-card-air {
  --vr-card-image: url("assets/pimax/DreamAir/CGI Pictures/Dream Air/DREAM_AIR_black_front.png");
}

html:not(.dark-theme) body.pimax-compare-page .vr-guide-grid > article::before,
body:not(.dark-theme).pimax-compare-page .vr-guide-grid > article::before {
  background-image:
    linear-gradient(90deg, rgba(248, 255, 247, 0.96) 0%, rgba(248, 255, 247, 0.82) 50%, rgba(248, 255, 247, 0.46) 100%),
    var(--vr-card-image);
  opacity: 0.34;
}

html:not(.dark-theme) body.pimax-compare-page .vr-guide-grid > article:hover,
body:not(.dark-theme).pimax-compare-page .vr-guide-grid > article:hover,
html:not(.dark-theme) body.pimax-compare-page .vr-guide-grid > article:focus-visible,
body:not(.dark-theme).pimax-compare-page .vr-guide-grid > article:focus-visible {
  border-color: rgba(10, 149, 73, 0.62) !important;
  box-shadow: 0 16px 38px rgba(10, 97, 49, 0.14), 0 0 0 1px rgba(10, 149, 73, 0.14) inset !important;
}

@media (min-width: 1024px) {
  body.pimax-compare-page .vr-table-scroll-hint {
    display: none !important;
  }

  body.pimax-compare-page .vr-compare-table-wrap {
    overflow-x: visible !important;
  }

  body.pimax-compare-page .vr-compare-table {
    font-size: clamp(0.68rem, 0.58vw, 0.8rem) !important;
    min-width: 0 !important;
    table-layout: fixed !important;
    width: 100% !important;
  }

  body.pimax-compare-page .vr-compare-table th,
  body.pimax-compare-page .vr-compare-table td {
    line-height: 1.24 !important;
    padding: 9px 7px !important;
    vertical-align: top !important;
  }

  body.pimax-compare-page .vr-compare-table th:nth-child(1),
  body.pimax-compare-page .vr-compare-table td:nth-child(1) {
    width: 12% !important;
  }

  body.pimax-compare-page .vr-compare-table th:nth-child(2),
  body.pimax-compare-page .vr-compare-table td:nth-child(2) {
    width: 15% !important;
  }

  body.pimax-compare-page .vr-compare-table th:nth-child(3),
  body.pimax-compare-page .vr-compare-table td:nth-child(3) {
    width: 13% !important;
  }

  body.pimax-compare-page .vr-compare-table th:nth-child(4),
  body.pimax-compare-page .vr-compare-table td:nth-child(4),
  body.pimax-compare-page .vr-compare-table th:nth-child(5),
  body.pimax-compare-page .vr-compare-table td:nth-child(5),
  body.pimax-compare-page .vr-compare-table th:nth-child(7),
  body.pimax-compare-page .vr-compare-table td:nth-child(7) {
    width: 9% !important;
  }

  body.pimax-compare-page .vr-compare-table th:nth-child(6),
  body.pimax-compare-page .vr-compare-table td:nth-child(6) {
    width: 12% !important;
  }

  body.pimax-compare-page .vr-compare-table th:nth-child(8),
  body.pimax-compare-page .vr-compare-table td:nth-child(8) {
    width: 8% !important;
  }

  body.pimax-compare-page .vr-compare-table th:nth-child(9),
  body.pimax-compare-page .vr-compare-table td:nth-child(9) {
    width: 13% !important;
  }

  body.pimax-compare-page .vr-compare-table .stock-table-action {
    font-size: 0.62rem !important;
    min-width: 72px !important;
    padding: 6px 8px !important;
    white-space: normal !important;
  }
}

@media (max-width: 760px) {
  body.pimax-compare-page .vr-guide-grid > article::before {
    background-position: right 8px bottom 12px;
    background-size: auto 58%;
    opacity: 0.24;
  }
}

/* Pimax Brasil/Loja VR button alignment, absolute EOF override 2026-06-24. */
@media (min-width: 761px) {
  html body .site-header .mobile-menu-toggle,
  html body .front-header .mobile-menu-toggle {
    display: none !important;
  }
}

body.pimax-lite .pimax-launch-card [data-stock-cell],
body.pimax-lite .pimax-super-options [data-stock-cell],
body.pimax-lite .pimax-dream-panel [data-stock-cell],
body.pimax-lite .pimax-accessory-grid [data-stock-cell] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 14px auto 10px !important;
  width: 100% !important;
}

body.pimax-lite .pimax-launch-card .stock-table-action,
body.pimax-lite .pimax-super-options .stock-table-action,
body.pimax-lite .pimax-dream-panel .stock-table-action,
body.pimax-lite .pimax-accessory-grid .stock-table-action {
  min-width: 132px !important;
  min-height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  font-size: 0.72rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.045em !important;
  line-height: 1 !important;
  text-align: center !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

body.pimax-lite .pimax-launch-card .stock-table-action.is-in,
body.pimax-lite .pimax-super-options .stock-table-action.is-in,
body.pimax-lite .pimax-dream-panel .stock-table-action.is-in,
body.pimax-lite .pimax-accessory-grid .stock-table-action.is-in {
  background: rgba(38, 221, 126, 0.13) !important;
  border: 1px solid rgba(38, 221, 126, 0.36) !important;
  color: #07914b !important;
}

body.pimax-lite .pimax-launch-card .stock-table-action.is-out,
body.pimax-lite .pimax-super-options .stock-table-action.is-out,
body.pimax-lite .pimax-dream-panel .stock-table-action.is-out,
body.pimax-lite .pimax-accessory-grid .stock-table-action.is-out {
  background: rgba(245, 178, 28, 0.16) !important;
  border: 1px solid rgba(245, 178, 28, 0.44) !important;
  color: #9b6500 !important;
}

html.dark-theme body.pimax-lite .pimax-launch-card .stock-table-action.is-in,
body.dark-theme.pimax-lite .pimax-launch-card .stock-table-action.is-in,
html.dark-theme body.pimax-lite .pimax-super-options .stock-table-action.is-in,
body.dark-theme.pimax-lite .pimax-super-options .stock-table-action.is-in,
html.dark-theme body.pimax-lite .pimax-dream-panel .stock-table-action.is-in,
body.dark-theme.pimax-lite .pimax-dream-panel .stock-table-action.is-in,
html.dark-theme body.pimax-lite .pimax-accessory-grid .stock-table-action.is-in,
body.dark-theme.pimax-lite .pimax-accessory-grid .stock-table-action.is-in {
  background: rgba(38, 221, 126, 0.13) !important;
  border-color: rgba(38, 221, 126, 0.34) !important;
  color: #2ede82 !important;
}

html.dark-theme body.pimax-lite .pimax-launch-card .stock-table-action.is-out,
body.dark-theme.pimax-lite .pimax-launch-card .stock-table-action.is-out,
html.dark-theme body.pimax-lite .pimax-super-options .stock-table-action.is-out,
body.dark-theme.pimax-lite .pimax-super-options .stock-table-action.is-out,
html.dark-theme body.pimax-lite .pimax-dream-panel .stock-table-action.is-out,
body.dark-theme.pimax-lite .pimax-dream-panel .stock-table-action.is-out,
html.dark-theme body.pimax-lite .pimax-accessory-grid .stock-table-action.is-out,
body.dark-theme.pimax-lite .pimax-accessory-grid .stock-table-action.is-out {
  background: rgba(245, 178, 28, 0.16) !important;
  border-color: rgba(245, 178, 28, 0.44) !important;
  color: #d8a02c !important;
}

body.pimax-lite .pimax-card-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  margin-top: 8px !important;
  width: 100% !important;
}

body.pimax-lite .pimax-card-actions a,
body.pimax-lite .pimax-card-actions button {
  width: 148px !important;
  min-width: 148px !important;
  min-height: 50px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  padding: 12px 16px !important;
  font-size: 0.88rem !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: normal !important;
}

body.pimax-lite .pimax-card-actions a[data-stock-buy-action],
body.pimax-lite .pimax-card-actions button[data-stock-notify-row] {
  border: 1px solid transparent !important;
  background: linear-gradient(135deg, #2ee878, #caff3d) !important;
  color: #04110a !important;
  box-shadow: 0 16px 30px rgba(26, 198, 96, 0.18) !important;
}

body.pimax-lite .pimax-card-actions button[data-stock-notify-row] {
  background: rgba(245, 178, 28, 0.18) !important;
  border: 1px solid rgba(245, 178, 28, 0.46) !important;
  color: #9b6500 !important;
  box-shadow: none !important;
}

body.pimax-lite .pimax-card-actions a[data-stock-buy-action]::before {
  content: "" !important;
  width: 17px !important;
  height: 17px !important;
  flex: 0 0 17px !important;
  margin-right: 7px !important;
  background: currentColor !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.6'/%3E%3Ccircle cx='18' cy='20' r='1.6'/%3E%3Cpath d='M2 3h3l3.2 12.4a2 2 0 0 0 2 1.6h7.7a2 2 0 0 0 1.9-1.4L22 7H6'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.6'/%3E%3Ccircle cx='18' cy='20' r='1.6'/%3E%3Cpath d='M2 3h3l3.2 12.4a2 2 0 0 0 2 1.6h7.7a2 2 0 0 0 1.9-1.4L22 7H6'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

body.pimax-lite .pimax-card-actions a:not([data-stock-buy-action]) {
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  color: #eef8f0 !important;
  box-shadow: none !important;
}

html:not(.dark-theme) body.pimax-lite .pimax-card-actions a:not([data-stock-buy-action]) {
  border-color: rgba(11, 93, 55, 0.2) !important;
  background: rgba(255, 255, 255, 0.78) !important;
  color: #102119 !important;
}

body.pimax-lite .pimax-super-options article.is-out-of-stock .pimax-card-actions,
body.pimax-lite .pimax-super-options article:has(button[data-stock-notify-row]) .pimax-card-actions {
  flex-direction: column !important;
}

body.pimax-lite .pimax-accessory-grid .pimax-card-more {
  display: flex !important;
  margin: 12px auto 0 !important;
}

body.pimax-vr-store-page [data-store-grid="pimax"] .store-card-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 10px !important;
}

body.pimax-vr-store-page [data-store-grid="pimax"] .store-card-actions .store-cart-button,
body.pimax-vr-store-page [data-store-grid="pimax"] .store-card-actions .store-info-button,
body.pimax-vr-store-page [data-store-grid="pimax"] .store-card-actions .stock-notify-button {
  min-height: 48px !important;
  width: 100% !important;
}

body.pimax-vr-store-page [data-store-grid="pimax"] .store-card.is-out-of-stock .store-cart-button {
  display: none !important;
}

body.pimax-vr-store-page [data-store-grid="pimax"] .store-card.is-out-of-stock .stock-notify-button.is-visible {
  display: inline-flex !important;
  grid-column: auto !important;
}

body.pimax-vr-store-page [data-store-grid="pimax"] .store-card.is-out-of-stock .store-info-button {
  grid-column: auto !important;
}

/* Final mobile-only guardrail. Keep desktop untouched. */
@media (max-width: 980px) {



















}

@media (max-width: 760px) {

































}

/* Mobile polish pass - scoped to small screens only, no text/encoding changes. */
@media (max-width: 980px) {
  html body header.header-system,
  html body header.front-header {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100vw !important;
    overflow: visible !important;
  }

  html body header.header-system .brand,
  html body header.front-header .brand,
  html body header.front-header .front-brand {
    min-width: 0 !important;
    max-width: calc(100vw - 170px) !important;
  }

  html body header.header-system .brand span,
  html body header.front-header .brand span,
  html body header.front-header .front-brand span {
    min-width: 0 !important;
  }

  html body header.header-system .brand strong,
  html body header.header-system .brand small,
  html body header.front-header .brand strong,
  html body header.front-header .brand small,
  html body header.front-header .front-brand strong,
  html body header.front-header .front-brand small {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body header.header-system > nav,
  html body header.front-header > nav {
    color: #12100b !important;
  }

  html.dark-theme body header.header-system > nav,
  body.dark-theme header.header-system > nav,
  html.dark-theme body header.front-header > nav,
  body.dark-theme header.front-header > nav {
    color: #fffaf0 !important;
  }

  html body header.header-system > nav > a,
  html body header.front-header > nav > a {
    color: inherit !important;
    max-width: 100% !important;
    overflow-wrap: normal !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  html body header.header-system .mobile-menu-strip,
  html body header.front-header .mobile-menu-strip {
    overflow-x: auto !important;
    overscroll-behavior-x: contain !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }

  html body header.header-system .mobile-menu-strip::-webkit-scrollbar,
  html body header.front-header .mobile-menu-strip::-webkit-scrollbar {
    display: none !important;
  }

  html body header.header-system .mobile-menu-tile,
  html body header.front-header .mobile-menu-tile {
    min-width: 0 !important;
    overflow: hidden !important;
  }

  html body header.header-system .mobile-menu-tile strong,
  html body header.front-header .mobile-menu-tile strong,
  html body header.header-system .mobile-menu-tile small,
  html body header.front-header .mobile-menu-tile small {
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html body header.header-system .site-search.is-open,
  html body header.front-header .site-search.is-open {
    position: fixed !important;
    top: 82px !important;
    left: 12px !important;
    right: 12px !important;
    z-index: 100010 !important;
    width: auto !important;
    max-width: none !important;
  }

  html body .site-search-results {
    max-height: min(62vh, 520px) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
  }
}

@media (max-width: 760px) {
  html body .brand-catalog-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  html body .brand-catalog-card {
    display: grid !important;
    grid-template-columns: 92px minmax(0, 1fr) !important;
    align-items: center !important;
    min-height: 0 !important;
    padding: 14px !important;
    text-align: left !important;
  }

  html body .brand-catalog-card .brand-logo-frame {
    width: 92px !important;
    min-width: 92px !important;
    height: 68px !important;
    min-height: 68px !important;
    margin: 0 !important;
    padding: 10px !important;
  }

  html body .brand-catalog-card .brand-logo-frame img {
    max-width: 100% !important;
    max-height: 46px !important;
    object-fit: contain !important;
  }

  html body .brand-catalog-card > span,
  html body .brand-catalog-card > strong,
  html body .brand-catalog-card > small,
  html body .brand-catalog-card > p {
    grid-column: 2 !important;
    justify-self: start !important;
    text-align: left !important;
  }

  html body .brand-catalog-card strong {
    font-size: 1rem !important;
    line-height: 1.12 !important;
  }

  html body .brand-catalog-card small,
  html body .brand-catalog-card p {
    font-size: 0.82rem !important;
    line-height: 1.28 !important;
  }

  html body .store-grid,
  html body .store-product-grid,
  html body .pimax-accessory-grid,
  html body .pimax-super-options,
  html body .flight-store-grid {
    grid-template-columns: 1fr !important;
  }

  html body .store-product-card,
  html body .store-card {
    min-height: 0 !important;
  }

  html body .store-card-actions,
  html body .store-product-card .store-card-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  html body .store-card-actions a,
  html body .store-card-actions button {
    width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
  }

  html body .cart-drawer {
    width: 100vw !important;
    max-width: 100vw !important;
    left: 0 !important;
    right: 0 !important;
    border-radius: 0 !important;
  }

  html body .cart-line {
    padding: 12px !important;
  }

  html body .cart-line-main {
    display: grid !important;
    grid-template-columns: 58px minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  html body .cart-line-title,
  html body .cart-line-variant,
  html body .cart-line-price {
    overflow-wrap: anywhere !important;
  }

  html body .cart-line-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  html body .cart-line-actions button {
    min-width: 42px !important;
  }

  html body .cart-fab {
    right: 14px !important;
    bottom: 18px !important;
    max-width: calc(100vw - 28px) !important;
  }

  html body .cart-toast {
    left: 14px !important;
    right: 14px !important;
    bottom: 86px !important;
    max-width: none !important;
  }
}

.configurator-lite-page .kit-reading-list {
  display: grid;
  gap: 9px;
  margin-top: 6px;
}

.configurator-lite-page .kit-reading-list article {
  border-top: 1px solid rgba(12, 29, 24, 0.14);
  display: grid;
  gap: 3px;
  padding-top: 9px;
}

.configurator-lite-page .kit-reading-list article:first-child {
  border-top: 0;
  padding-top: 0;
}

.configurator-lite-page .kit-reading-list b {
  color: var(--text) !important;
  font-size: 13px;
  font-weight: 900;
}

.configurator-lite-page .kit-reading-list p {
  color: var(--muted) !important;
  font-size: 13px;
  line-height: 1.42;
  margin: 0;
}

html.dark-theme .configurator-lite-page .kit-reading-list article,
body.dark-theme.configurator-lite-page .kit-reading-list article {
  border-top-color: rgba(255, 255, 255, 0.14);
}

html.dark-theme .configurator-lite-page .kit-reading-list b,
body.dark-theme.configurator-lite-page .kit-reading-list b {
  color: #fffdf2 !important;
}

html.dark-theme .configurator-lite-page .kit-reading-list p,
body.dark-theme.configurator-lite-page .kit-reading-list p {
  color: rgba(255, 253, 242, 0.72) !important;
}

/* Contact pages */
body.contact-page {
  min-height: 100vh;
}

.contact-main {
  padding: clamp(118px, 13vw, 158px) clamp(18px, 5vw, 72px) 76px;
}

.contact-hero {
  margin: 0 auto 34px;
  max-width: 1120px;
}

.contact-hero h1 {
  color: var(--text, #111713);
  font-size: clamp(42px, 7vw, 86px);
  letter-spacing: 0;
  line-height: 0.96;
  margin: 8px 0 18px;
  max-width: 920px;
}

.contact-hero p {
  color: var(--muted, #647067);
  font-size: clamp(17px, 1.8vw, 22px);
  line-height: 1.55;
  max-width: 820px;
}

.contact-layout {
  align-items: start;
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 420px);
  margin: 0 auto;
  max-width: 1120px;
}

.contact-form-panel,
.contact-card {
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(206, 194, 166, 0.8);
  border-radius: 22px;
  box-shadow: 0 28px 72px rgba(18, 27, 22, 0.08);
}

.contact-form-panel {
  display: grid;
  gap: 16px;
  padding: clamp(22px, 4vw, 36px);
}

.contact-form-panel h2,
.contact-card h2 {
  color: var(--text, #111713);
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.05;
  margin: 0;
}

.contact-form-panel label {
  color: var(--text, #111713);
  display: grid;
  font-size: 13px;
  font-weight: 900;
  gap: 8px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.contact-form-panel input,
.contact-form-panel textarea {
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(190, 177, 148, 0.86);
  border-radius: 16px;
  color: #101410;
  font: inherit;
  font-size: 16px;
  font-weight: 650;
  outline: none;
  padding: 15px 16px;
  text-transform: none;
  transition: border-color 160ms ease, box-shadow 160ms ease;
  width: 100%;
}

.contact-form-panel textarea {
  line-height: 1.45;
  min-height: 150px;
  resize: vertical;
}

.contact-form-panel input:focus,
.contact-form-panel textarea:focus {
  border-color: rgba(29, 190, 103, 0.9);
  box-shadow: 0 0 0 4px rgba(29, 190, 103, 0.14);
}

.contact-status {
  border-radius: 14px;
  color: var(--muted, #647067);
  font-weight: 800;
  line-height: 1.35;
  margin: 0;
  min-height: 20px;
  padding: 0;
}

.contact-status[data-state="success"] {
  background: rgba(29, 190, 103, 0.12);
  color: #08713d;
  padding: 12px 14px;
}

.contact-status[data-state="error"] {
  background: rgba(211, 63, 63, 0.12);
  color: #9d2020;
  padding: 12px 14px;
}

.contact-status[data-state="loading"] {
  background: rgba(214, 173, 45, 0.14);
  color: #8a6a08;
  padding: 12px 14px;
}

.contact-side {
  display: grid;
  gap: 16px;
  position: sticky;
  top: 132px;
}

.contact-card {
  display: grid;
  gap: 12px;
  padding: 26px;
}

.contact-card span {
  color: var(--accent, #0a9d57);
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.contact-card p {
  color: var(--muted, #647067);
  font-size: 16px;
  line-height: 1.45;
  margin: 0;
}

body.flight-contact .contact-form-panel input:focus,
body.flight-contact .contact-form-panel textarea:focus {
  border-color: rgba(48, 154, 255, 0.9);
  box-shadow: 0 0 0 4px rgba(48, 154, 255, 0.14);
}

body.flight-contact .contact-card span,
body.flight-contact .contact-hero .eyebrow,
body.flight-contact .contact-form-panel .eyebrow {
  color: #1680e8;
}

body.pimax-contact .contact-form-panel input:focus,
body.pimax-contact .contact-form-panel textarea:focus {
  border-color: rgba(29, 214, 111, 0.9);
  box-shadow: 0 0 0 4px rgba(29, 214, 111, 0.16);
}

html.dark-theme body.contact-page,
body.dark-theme.contact-page {
  background: #07110d;
}

html.dark-theme .contact-hero h1,
body.dark-theme .contact-hero h1,
html.dark-theme .contact-form-panel h2,
body.dark-theme .contact-form-panel h2,
html.dark-theme .contact-card h2,
body.dark-theme .contact-card h2,
html.dark-theme .contact-form-panel label,
body.dark-theme .contact-form-panel label {
  color: #f7f4ea;
}

html.dark-theme .contact-hero p,
body.dark-theme .contact-hero p,
html.dark-theme .contact-card p,
body.dark-theme .contact-card p {
  color: rgba(236, 242, 235, 0.72);
}

html.dark-theme .contact-form-panel,
body.dark-theme .contact-form-panel,
html.dark-theme .contact-card,
body.dark-theme .contact-card {
  background: rgba(15, 26, 30, 0.86);
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: 0 32px 90px rgba(0, 0, 0, 0.28);
}

html.dark-theme .contact-form-panel input,
body.dark-theme .contact-form-panel input,
html.dark-theme .contact-form-panel textarea,
body.dark-theme .contact-form-panel textarea {
  background: rgba(5, 13, 15, 0.82);
  border-color: rgba(255, 255, 255, 0.14);
  color: #f7f4ea;
}

@media (max-width: 980px) {
  .contact-main {
    padding: 108px 18px 84px;
  }

  .contact-layout {
    grid-template-columns: 1fr;
  }

  .contact-side {
    position: static;
  }
}

@media (max-width: 620px) {
  .contact-hero h1 {
    font-size: clamp(38px, 13vw, 54px);
  }

  .contact-form-panel,
  .contact-card {
    border-radius: 18px;
  }
}

/* Universal add-to-cart feedback: loja, produtos, configuradores e kits prontos. */
:where(
  .store-cart-button,
  [data-store-add],
  #product-mp-button,
  #product-add-cart-button,
  #flight-product-cart-button,
  #flight-product-cart-panel-button,
  #config-cart-button,
  #flight-cart-button,
  #vr-cart-button,
  .cart-config-button,
  .configurator-cart-button,
  [data-ready-kit-cart],
  [data-cart-add],
  [data-add-cart],
  [data-buy-now]
) {
  position: relative !important;
}

:where(
  .store-cart-button,
  [data-store-add],
  #product-mp-button,
  #product-add-cart-button,
  #flight-product-cart-button,
  #flight-product-cart-panel-button,
  #config-cart-button,
  #flight-cart-button,
  #vr-cart-button,
  .cart-config-button,
  .configurator-cart-button,
  [data-ready-kit-cart],
  [data-cart-add],
  [data-add-cart],
  [data-buy-now]
).is-adding-to-cart {
  animation: speedrace-button-send 260ms ease-out !important;
}

:where(
  .store-cart-button,
  [data-store-add],
  #product-mp-button,
  #product-add-cart-button,
  #flight-product-cart-button,
  #flight-product-cart-panel-button,
  #config-cart-button,
  #flight-cart-button,
  #vr-cart-button,
  .cart-config-button,
  .configurator-cart-button,
  [data-ready-kit-cart],
  [data-cart-add],
  [data-add-cart],
  [data-buy-now]
).is-added-to-cart::after {
  align-items: center !important;
  animation: speedrace-added-chip 1050ms ease forwards !important;
  background: #101a12 !important;
  border: 1px solid rgba(47, 229, 138, 0.5) !important;
  border-radius: 999px !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22) !important;
  color: #9bffc5 !important;
  content: "Foi pro carrinho" !important;
  display: inline-flex !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  justify-content: center !important;
  left: 50% !important;
  line-height: 1 !important;
  max-width: min(220px, 90vw) !important;
  padding: 9px 12px !important;
  pointer-events: none !important;
  position: absolute !important;
  text-align: center !important;
  text-transform: uppercase !important;
  top: calc(100% + 8px) !important;
  transform: translateX(-50%) translateY(-6px) scale(0.94) !important;
  white-space: nowrap !important;
  z-index: 40 !important;
}

html:not(.dark-theme) body :where(
  .store-cart-button,
  [data-store-add],
  #product-mp-button,
  #product-add-cart-button,
  #flight-product-cart-button,
  #flight-product-cart-panel-button,
  #config-cart-button,
  #flight-cart-button,
  #vr-cart-button,
  .cart-config-button,
  .configurator-cart-button,
  [data-ready-kit-cart],
  [data-cart-add],
  [data-add-cart],
  [data-buy-now]
).is-added-to-cart::after {
  background: #fffdf3 !important;
  color: #0b7d43 !important;
}

/* Pimax VR dedicated store page: premium single-brand storefront. */
body.pimax-vr-store-page .brand-catalog-grid,
body.pimax-vr-store-page .catalog-empty-state,
body.pimax-vr-store-page .catalog-brand-switcher {
  display: none !important;
}

body.pimax-vr-store-page .store-hero {
  min-height: auto !important;
  padding-bottom: clamp(34px, 5vw, 64px) !important;
}

body.pimax-vr-store-page .brand-catalog-intro {
  max-width: 760px !important;
}

.pimax-store-pitch {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 26px;
  max-width: 1120px;
}

.pimax-store-pitch article {
  background: color-mix(in srgb, var(--pimax-panel, #fff) 88%, transparent);
  border: 1px solid color-mix(in srgb, var(--pimax-green, #16a35b) 20%, var(--pimax-line, #d7eadc));
  border-radius: 18px;
  display: grid;
  gap: 8px;
  padding: 18px;
}

.pimax-store-pitch span {
  color: var(--pimax-green, #119555);
  font-size: 0.78rem;
  font-weight: 1000;
}

.pimax-store-pitch strong {
  color: var(--pimax-text, #07140d);
  font-size: 1.04rem;
  font-weight: 950;
}

.pimax-store-pitch p {
  color: var(--pimax-muted, #526b5b);
  font-size: 0.94rem;
  line-height: 1.5;
  margin: 0;
}

body.pimax-vr-store-page #vr.store-section {
  padding-inline: clamp(18px, 4vw, 52px) !important;
  padding-top: clamp(34px, 5vw, 58px) !important;
}

body.pimax-vr-store-page #vr .section-heading {
  align-items: end;
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(0, 0.72fr) minmax(260px, 0.42fr);
  margin-bottom: 24px;
}

body.pimax-vr-store-page #vr .section-heading p:last-child {
  justify-self: end;
  max-width: 460px;
}

body.pimax-vr-store-page [data-store-grid="pimax"] {
  align-items: stretch;
  gap: 18px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.pimax-vr-store-page [data-store-grid="pimax"] .store-category-divider {
  grid-column: 1 / -1;
  margin: 10px 0 0;
}

body.pimax-vr-store-page [data-store-grid="pimax"] .store-category-divider span {
  background: color-mix(in srgb, var(--pimax-green, #16a35b) 12%, var(--pimax-panel, #fff));
  border: 1px solid color-mix(in srgb, var(--pimax-green, #16a35b) 24%, var(--pimax-line, #d7eadc));
  border-radius: 999px;
  color: var(--pimax-text, #07140d);
  display: inline-flex;
  font-size: 0.78rem;
  font-weight: 1000;
  letter-spacing: 0;
  padding: 8px 14px;
  text-transform: uppercase;
}

body.pimax-vr-store-page [data-store-grid="pimax"] .store-product-card {
  border-radius: 22px !important;
  min-height: 100%;
  overflow: hidden;
}

body.pimax-vr-store-page [data-store-grid="pimax"] .store-product-card[data-product-id="pimax-crystal-light"],
body.pimax-vr-store-page [data-store-grid="pimax"] .store-product-card[data-product-id="pimax-crystal-super-qled"],
body.pimax-vr-store-page [data-store-grid="pimax"] .store-product-card[data-product-id="pimax-crystal-super-oled"],
body.pimax-vr-store-page [data-store-grid="pimax"] .store-product-card[data-product-id="pimax-dream-air"] {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--pimax-panel, #fff) 96%, transparent), color-mix(in srgb, var(--pimax-soft, #e8f7ed) 82%, var(--pimax-panel, #fff)));
  border-color: color-mix(in srgb, var(--pimax-green, #16a35b) 18%, var(--pimax-line, #d7eadc));
}

body.pimax-vr-store-page [data-store-grid="pimax"] .store-product-card[data-product-id="pimax-crystal-light"] {
  --pimax-card-accent: #0f8f4f;
}

body.pimax-vr-store-page [data-store-grid="pimax"] .store-product-card[data-product-id="pimax-crystal-super-qled"] {
  --pimax-card-accent: #18c76f;
}

body.pimax-vr-store-page [data-store-grid="pimax"] .store-product-card[data-product-id="pimax-crystal-super-oled"] {
  --pimax-card-accent: #1f6eff;
}

body.pimax-vr-store-page [data-store-grid="pimax"] .store-product-card[data-product-id="pimax-dream-air"] {
  --pimax-card-accent: #f5c400;
}

body.pimax-vr-store-page [data-store-grid="pimax"] .store-card figure {
  background:
    radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--pimax-card-accent, var(--pimax-green, #16a35b)) 16%, transparent), transparent 58%),
    #ffffff !important;
  min-height: 260px !important;
}

body.pimax-vr-store-page [data-store-grid="pimax"] .store-card img {
  max-height: 228px !important;
  width: min(100%, 310px);
}

body.pimax-vr-store-page [data-store-grid="pimax"] .store-card-copy {
  align-content: start;
  display: grid !important;
  gap: 12px !important;
  padding: 22px !important;
}

body.pimax-vr-store-page [data-store-grid="pimax"] .store-card-copy > span {
  color: var(--pimax-card-accent, var(--pimax-green, #16a35b)) !important;
}

body.pimax-vr-store-page [data-store-grid="pimax"] .store-card strong {
  font-size: clamp(1.08rem, 1.25vw, 1.34rem) !important;
}

body.pimax-vr-store-page [data-store-grid="pimax"] .store-card p {
  color: var(--pimax-muted, #526b5b) !important;
  font-size: 0.94rem !important;
  line-height: 1.58 !important;
}

body.pimax-vr-store-page [data-store-grid="pimax"] .store-stock-label {
  border-radius: 999px;
  justify-self: start;
  padding: 7px 11px;
}

body.pimax-vr-store-page [data-store-grid="pimax"] .store-card-actions {
  align-items: stretch;
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: 1fr 1fr;
  padding: 0 !important;
}

body.pimax-vr-store-page [data-store-grid="pimax"] .store-card-actions .store-cart-button,
body.pimax-vr-store-page [data-store-grid="pimax"] .store-card-actions .store-info-button,
body.pimax-vr-store-page [data-store-grid="pimax"] .store-card-actions .stock-notify-button {
  min-height: 42px;
  white-space: normal;
}

body.pimax-vr-store-page [data-store-grid="pimax"] .store-card-actions .stock-notify-button.is-visible {
  grid-column: 1 / -1;
}

.pimax-store-cross-sell {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: clamp(34px, 5vw, 70px) clamp(18px, 5vw, 70px) clamp(52px, 7vw, 90px);
}

.pimax-cross-card {
  border: 1px solid var(--line);
  border-radius: 24px;
  display: grid;
  gap: 16px;
  min-height: 340px;
  overflow: hidden;
  padding: clamp(24px, 4vw, 42px);
  position: relative;
}

.pimax-cross-card::before {
  content: "";
  inset: 0;
  opacity: 0.2;
  pointer-events: none;
  position: absolute;
}

.pimax-cross-card > * {
  position: relative;
}

.pimax-cross-race {
  background:
    linear-gradient(120deg, rgba(7, 20, 13, 0.9), rgba(18, 24, 20, 0.74)),
    url("assets/fanatec/Cockpit_Setup_GT_CS.width-1000.format-webp.webp") center / cover;
  color: #fff;
}

.pimax-cross-flight {
  background:
    linear-gradient(120deg, rgba(4, 18, 36, 0.9), rgba(7, 42, 79, 0.74)),
    url("assets/fanatec/MozaFlightAY210ForceFeedbackYokeSystem2.webp") center / cover;
  color: #fff;
}

.pimax-cross-card span {
  color: #b7ff59;
  font-size: 0.78rem;
  font-weight: 1000;
  text-transform: uppercase;
}

.pimax-cross-card h2 {
  color: #fff;
  font-size: clamp(2rem, 4vw, 4rem);
  line-height: 0.98;
  margin: auto 0 0;
  max-width: 720px;
}

.pimax-cross-card p {
  color: rgba(255, 255, 255, 0.82);
  font-size: 1rem;
  line-height: 1.55;
  margin: 0;
  max-width: 680px;
}

.pimax-cross-card a {
  align-items: center;
  background: #b7ff59;
  border-radius: 999px;
  color: #06100b;
  display: inline-flex;
  font-weight: 1000;
  justify-content: center;
  justify-self: start;
  min-height: 46px;
  padding: 0 18px;
  text-decoration: none;
  text-transform: uppercase;
}

html.dark-theme body.pimax-vr-store-page [data-store-grid="pimax"] .store-card figure,
body.dark-theme.pimax-vr-store-page [data-store-grid="pimax"] .store-card figure {
  background:
    radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--pimax-card-accent, var(--pimax-green, #22e27b)) 18%, transparent), transparent 58%),
    #07100d !important;
}

html.dark-theme .pimax-store-pitch article,
body.dark-theme .pimax-store-pitch article {
  background: color-mix(in srgb, var(--pimax-panel, #0c1811) 86%, transparent);
}

@media (max-width: 1180px) {
  body.pimax-vr-store-page [data-store-grid="pimax"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .pimax-store-pitch,
  .pimax-store-cross-sell,
  body.pimax-vr-store-page #vr .section-heading {
    grid-template-columns: 1fr;
  }

  body.pimax-vr-store-page [data-store-grid="pimax"] {
    grid-template-columns: 1fr !important;
  }

  body.pimax-vr-store-page .store-hero {
    padding-top: 116px !important;
  }

  .pimax-cross-card {
    min-height: 300px;
  }
}

.store-single-brand .brand-catalog-grid,
.store-single-brand .catalog-brand-switcher,
.store-single-brand [data-catalog-empty] {
  display: none !important;
}

.sibling-catalog-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
}

.sibling-catalog-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 18px;
  border: 1px solid color-mix(in srgb, var(--accent, #18d26e), transparent 45%);
  border-radius: 999px;
  color: var(--text);
  font-weight: 900;
  text-decoration: none;
  background: color-mix(in srgb, var(--surface, #ffffff), transparent 18%);
}

.dark-theme .sibling-catalog-links a {
  color: #f7f8f3;
  background: rgba(255, 255, 255, 0.06);
}

/* Flight hero keeps a blue aviation panel in the day theme, so it needs light
   type there too. The cards below stay dark-on-light. */
html:not(.dark-theme) body.flight-site :where(.flight-hero, .flight-hero h1, .flight-hero h2, .flight-hero h3, .flight-hero strong) {
  color: #f7fbff !important;
}

html:not(.dark-theme) body.flight-site :where(.flight-hero p:not(.eyebrow), .flight-hero li, .flight-hero small) {
  color: #d9f1ff !important;
}

html:not(.dark-theme) body.flight-site .flight-hero .eyebrow {
  color: #7bd6ff !important;
}

/* Cart and checkout hardening, 2026-06-17.
   Keeps long kits, prices and buttons inside the card on desktop and mobile. */
.cart-drawer,
.cart-drawer *,
.checkout-summary,
.checkout-summary *,
.cart-page-summary,
.cart-page-summary *,
.checkout-panel,
.checkout-panel * {
  box-sizing: border-box !important;
}

.cart-drawer {
  overflow: hidden !important;
}

.cart-items {
  min-width: 0 !important;
  overflow-x: hidden !important;
}

.cart-line {
  max-width: 100% !important;
  overflow: hidden !important;
}

.cart-line-main {
  min-width: 0 !important;
}

.cart-line-copy {
  min-width: 0 !important;
}

.cart-line-copy strong,
.cart-line-copy small,
.cart-line-copy em,
.cart-line-edit {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  white-space: normal !important;
}

.cart-line-actions {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  justify-content: flex-start !important;
  margin-left: 80px !important;
  min-width: 0 !important;
}

.cart-line-actions button,
.cart-line-actions span {
  flex: 0 0 auto !important;
}

.cart-line-actions button[data-cart-remove] {
  min-width: 96px !important;
}

.cart-total {
  gap: 14px !important;
  min-width: 0 !important;
}

.cart-total strong {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

.checkout-summary-items article {
  grid-template-columns: 58px minmax(0, 1fr) minmax(88px, auto) !important;
  overflow: hidden !important;
}

.checkout-summary-items strong,
.checkout-summary-items small {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

.checkout-summary-items em {
  max-width: 122px !important;
  overflow-wrap: anywhere !important;
  text-align: right !important;
  white-space: normal !important;
}

.checkout-summary .cart-page-total strong,
.cart-page-summary .cart-page-total strong {
  font-size: clamp(1.6rem, 2.4vw, 2.35rem) !important;
  line-height: 1.02 !important;
  max-width: 100% !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-align: center !important;
}

.checkout-summary .cart-page-row,
.cart-page-summary .cart-page-row {
  gap: 12px !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, auto) !important;
}

.checkout-summary .cart-page-row strong,
.cart-page-summary .cart-page-row strong {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  text-align: right !important;
  white-space: normal !important;
}

.checkout-panel .cart-page-line {
  align-items: start !important;
  grid-template-columns: 82px minmax(0, 1fr) !important;
}

.checkout-panel .cart-page-line-actions {
  grid-column: 2 !important;
  margin-left: 0 !important;
}

.checkout-coupon-compact {
  margin-block: 14px !important;
}

.checkout-coupon-toggle {
  width: auto !important;
  max-width: max-content !important;
}

@media (max-width: 760px) {
  body.cart-open {
    overflow: hidden !important;
  }

  .cart-drawer {
    border-left: 0 !important;
    max-width: 100vw !important;
    width: 100vw !important;
  }

  .cart-drawer header,
  .cart-drawer footer {
    padding: 16px !important;
  }

  .cart-items {
    padding: 12px !important;
  }

  .cart-line {
    border-radius: 14px !important;
    gap: 10px !important;
    padding: 12px !important;
  }

  .cart-line-main {
    gap: 10px !important;
    grid-template-columns: 62px minmax(0, 1fr) !important;
  }

  .cart-line img,
  .cart-line-placeholder {
    flex-basis: 62px !important;
    height: 62px !important;
    max-height: 62px !important;
    max-width: 62px !important;
    width: 62px !important;
  }

  .cart-line strong {
    font-size: 0.98rem !important;
  }

  .cart-line em {
    font-size: 1.02rem !important;
  }

  .cart-line-actions {
    grid-column: 1 / -1 !important;
    margin-left: 72px !important;
  }

  .cart-shipping > div:first-of-type {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  .cart-shipping #cart-shipping-button {
    min-width: 104px !important;
  }

  .cart-drawer-actions {
    grid-template-columns: 1fr !important;
  }

  .cart-toast {
    bottom: calc(86px + env(safe-area-inset-bottom)) !important;
    left: 14px !important;
    right: 14px !important;
    top: auto !important;
    transform: none !important;
    width: auto !important;
  }

  .cart-page-total strong,
  .checkout-summary .cart-page-total strong,
  .cart-page-summary .cart-page-total strong {
    font-size: clamp(1.75rem, 9vw, 2.45rem) !important;
    white-space: normal !important;
  }

  .checkout-summary-items article {
    grid-template-columns: 50px minmax(0, 1fr) !important;
  }

  .checkout-summary-items em {
    grid-column: 2 !important;
    max-width: none !important;
    text-align: left !important;
  }

  .checkout-summary .cart-page-row,
  .cart-page-summary .cart-page-row,
  .checkout-summary .cart-page-total,
  .cart-page-summary .cart-page-total {
    grid-template-columns: 1fr !important;
  }

  .checkout-summary .cart-page-row strong,
  .cart-page-summary .cart-page-row strong,
  .checkout-summary .cart-page-total strong,
  .cart-page-summary .cart-page-total strong {
    text-align: left !important;
  }

  .checkout-panel .cart-page-line {
    grid-template-columns: 62px minmax(0, 1fr) !important;
  }

  .checkout-panel .cart-page-line-actions {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 420px) {
  .cart-line-actions {
    margin-left: 0 !important;
  }

  .cart-line-actions button[data-cart-remove] {
    min-width: 90px !important;
  }

  .cart-shipping > div:first-of-type {
    grid-template-columns: 1fr !important;
  }

  .cart-shipping #cart-shipping-button {
    width: 100% !important;
  }
}

/* Mobile commerce pass: cleaner brand cards and safer checkout forms. */
@media (max-width: 760px) {
  body.store-lite-page:not(.store-brand-is-open) .store-hero {
    padding-inline: 14px !important;
  }

  body.store-lite-page:not(.store-brand-is-open) .brand-catalog-intro {
    margin-inline: auto !important;
    max-width: calc(100vw - 28px) !important;
  }

  body.store-lite-page:not(.store-brand-is-open) .brand-catalog-grid,
  html body.store-lite-page:not(.store-brand-is-open) .brand-catalog-grid {
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: calc(100vw - 28px) !important;
  }

  body.store-lite-page:not(.store-brand-is-open) .brand-catalog-card,
  html body.store-lite-page:not(.store-brand-is-open) .brand-catalog-card {
    align-content: center !important;
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: 1fr !important;
    min-height: 136px !important;
    padding: 12px !important;
    text-align: center !important;
  }

  body.store-lite-page:not(.store-brand-is-open) .brand-catalog-card .brand-logo-frame,
  html body.store-lite-page:not(.store-brand-is-open) .brand-catalog-card .brand-logo-frame {
    grid-column: 1 !important;
    grid-row: auto !important;
    height: 58px !important;
    justify-self: center !important;
    max-height: 58px !important;
    min-height: 58px !important;
    padding: 8px 10px !important;
    width: 100% !important;
  }

  body.store-lite-page:not(.store-brand-is-open) .brand-catalog-card .brand-logo-mode,
  html body.store-lite-page:not(.store-brand-is-open) .brand-catalog-card .brand-logo-mode {
    max-height: 34px !important;
    max-width: 118px !important;
  }

  body.store-lite-page:not(.store-brand-is-open) .brand-catalog-card span,
  body.store-lite-page:not(.store-brand-is-open) .brand-catalog-card strong,
  body.store-lite-page:not(.store-brand-is-open) .brand-catalog-card small,
  html body.store-lite-page:not(.store-brand-is-open) .brand-catalog-card span,
  html body.store-lite-page:not(.store-brand-is-open) .brand-catalog-card strong,
  html body.store-lite-page:not(.store-brand-is-open) .brand-catalog-card small {
    grid-column: 1 !important;
    text-align: center !important;
  }

  body.store-lite-page:not(.store-brand-is-open) .brand-catalog-card strong,
  html body.store-lite-page:not(.store-brand-is-open) .brand-catalog-card strong {
    font-size: clamp(15px, 4.4vw, 19px) !important;
  }

  body.store-lite-page:not(.store-brand-is-open) .brand-catalog-card small,
  html body.store-lite-page:not(.store-brand-is-open) .brand-catalog-card small {
    display: none !important;
  }

  .checkout-field-grid,
  .checkout-field-grid.two,
  .checkout-field-grid.three,
  .checkout-field-grid.cep {
    grid-template-columns: 1fr !important;
  }

  .checkout-form-section,
  .checkout-review,
  .checkout-payment-methods,
  .checkout-panel-actions {
    min-width: 0 !important;
  }

  .checkout-panel-actions {
    grid-template-columns: 1fr !important;
  }

  .checkout-payment-option {
    align-items: center !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 8px !important;
  }

  .checkout-payment-option span,
  .checkout-payment-option em {
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
  }

  .checkout-payment-option img {
    max-width: 96px !important;
  }
}

@media (max-width: 380px) {
  body.store-lite-page:not(.store-brand-is-open) .brand-catalog-grid,
  html body.store-lite-page:not(.store-brand-is-open) .brand-catalog-grid {
    grid-template-columns: 1fr !important;
  }

  body.store-lite-page:not(.store-brand-is-open) .brand-catalog-card,
  html body.store-lite-page:not(.store-brand-is-open) .brand-catalog-card {
    min-height: 112px !important;
  }
}

/* Cart checkout cleanup, 2026-06-19.
   First cart step keeps items once, then coupon, freight, total and actions. */
.cart-page-row[hidden],
.checkout-coupon[hidden],
.checkout-coupon-remove[hidden],
.checkout-summary-items[hidden] {
  display: none !important;
}

body.cart-page[data-current-checkout-step="cart"] .cart-page-summary h2,
body.cart-page[data-current-checkout-step="cart"] .checkout-summary-items {
  display: none !important;
}

.cart-page-primary-actions {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: 1fr !important;
}

.cart-page-primary-actions .button,
.cart-page-primary-actions button {
  align-items: center !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-height: 50px !important;
  text-align: center !important;
  width: 100% !important;
}

.cart-page-summary .cart-page-clear {
  justify-self: start !important;
  min-height: 30px !important;
  padding: 0 !important;
}

body.cart-page[data-current-checkout-step="cart"] .cart-page-summary {
  gap: 12px !important;
}

body.cart-page[data-current-checkout-step="cart"] .cart-page-row:first-of-type {
  border-top: 0 !important;
}

@media (max-width: 760px) {
  body.cart-page[data-current-checkout-step="cart"] .cart-page-summary {
    border-radius: 16px !important;
    padding: 16px !important;
  }

  body.cart-page[data-current-checkout-step="cart"] .checkout-coupon-compact {
    margin-block: 4px !important;
  }

  body.cart-page[data-current-checkout-step="cart"] .cart-page-total strong {
    font-size: clamp(1.9rem, 8vw, 2.45rem) !important;
  }

  .cart-page-primary-actions {
    margin-top: 2px !important;
  }
}

/* Pimax comparator CTA alignment. */
.vr-compare-page .final-cta {
  align-items: center !important;
  display: grid !important;
  gap: 20px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
}

.vr-compare-page .final-cta .button {
  justify-self: center !important;
  text-align: center !important;
}

@media (max-width: 760px) {
  .vr-compare-page .final-cta {
    grid-template-columns: 1fr !important;
    text-align: center !important;
  }

  .vr-compare-page .final-cta .button {
    width: min(100%, 320px) !important;
  }
}
/* Global site switcher: Racing / Flight / Pimax VR */
.site-universe-switch {
  align-items: center;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(120, 130, 120, 0.2);
  border-radius: 999px;
  display: inline-flex;
  gap: 4px;
  justify-self: end;
  padding: 4px;
  white-space: nowrap;
}

.site-universe-switch a {
  align-items: center;
  border: 1px solid transparent;
  border-radius: 999px;
  color: var(--muted, #6b665c);
  display: inline-flex;
  flex-direction: column;
  font-size: 0.72rem;
  font-weight: 950;
  gap: 1px;
  letter-spacing: 0;
  line-height: 1;
  min-width: 72px;
  padding: 9px 12px 8px;
  text-decoration: none;
  transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.site-universe-switch a span {
  font-size: 0.62rem;
  opacity: 0.72;
  text-transform: uppercase;
}

.site-universe-switch a strong {
  font-size: 0.82rem;
}

.site-universe-switch a:hover {
  background: rgba(238, 191, 69, 0.14);
  border-color: rgba(238, 191, 69, 0.38);
  color: #15110a;
  transform: translateY(-1px);
}

.site-universe-switch a.is-active {
  background: #f1c84b;
  border-color: rgba(0, 0, 0, 0.08);
  color: #10130e;
  box-shadow: 0 10px 26px rgba(238, 191, 69, 0.22);
}

.site-universe-switch a.flight.is-active {
  background: #3ea7ff;
  color: #041521;
  box-shadow: 0 10px 26px rgba(62, 167, 255, 0.2);
}

.site-universe-switch a.pimax.is-active {
  background: #23d978;
  color: #03150b;
  box-shadow: 0 10px 26px rgba(35, 217, 120, 0.18);
}

html.dark-theme .site-universe-switch,
body.dark-theme .site-universe-switch {
  background: rgba(255, 255, 255, 0.045);
  border-color: rgba(255, 255, 255, 0.14);
}

html.dark-theme .site-universe-switch a,
body.dark-theme .site-universe-switch a {
  color: rgba(248, 246, 237, 0.72);
}

html.dark-theme .site-universe-switch a:hover,
body.dark-theme .site-universe-switch a:hover {
  color: #f8f6ed;
}

@media (max-width: 1120px) {
  .site-universe-switch {
    display: none;
  }
}

.mobile-universe-switch {
  display: none;
}

@media (max-width: 760px) {
  html body.mobile-menu-open .site-header nav .mobile-universe-switch,
  html body.mobile-menu-open .front-header nav .mobile-universe-switch {
    display: grid;
    gap: 10px;
    margin: 8px 0 18px;
  }

  html body.mobile-menu-open .site-header nav .mobile-universe-switch a,
  html body.mobile-menu-open .front-header nav .mobile-universe-switch a {
    align-items: center;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(10, 20, 14, 0.12);
    border-radius: 16px;
    color: #11140f !important;
    display: grid;
    gap: 3px;
    min-height: 64px;
    padding: 13px 15px;
    text-decoration: none;
  }

  html body.mobile-menu-open .site-header nav .mobile-universe-switch a::after,
  html body.mobile-menu-open .front-header nav .mobile-universe-switch a::after {
    display: none;
  }

  html body.mobile-menu-open .site-header nav .mobile-universe-switch a strong,
  html body.mobile-menu-open .front-header nav .mobile-universe-switch a strong {
    font-size: 1.02rem;
    line-height: 1.05;
  }

  html body.mobile-menu-open .site-header nav .mobile-universe-switch a small,
  html body.mobile-menu-open .front-header nav .mobile-universe-switch a small {
    color: #5f665f;
    font-size: 0.78rem;
    font-weight: 850;
    line-height: 1.2;
  }

  html body.mobile-menu-open .site-header nav .mobile-universe-switch a.is-active,
  html body.mobile-menu-open .front-header nav .mobile-universe-switch a.is-active {
    border-color: rgba(35, 217, 120, 0.55);
    box-shadow: inset 4px 0 0 #23d978;
  }

  html.dark-theme body.mobile-menu-open .site-header nav .mobile-universe-switch a,
  body.dark-theme.mobile-menu-open .site-header nav .mobile-universe-switch a,
  html.dark-theme body.mobile-menu-open .front-header nav .mobile-universe-switch a,
  body.dark-theme.mobile-menu-open .front-header nav .mobile-universe-switch a {
    background: rgba(255, 255, 255, 0.055);
    border-color: rgba(255, 255, 255, 0.14);
    color: #f8f6ed !important;
  }

  html.dark-theme body.mobile-menu-open .site-header nav .mobile-universe-switch a small,
  body.dark-theme.mobile-menu-open .site-header nav .mobile-universe-switch a small,
  html.dark-theme body.mobile-menu-open .front-header nav .mobile-universe-switch a small,
  body.dark-theme.mobile-menu-open .front-header nav .mobile-universe-switch a small {
    color: rgba(248, 246, 237, 0.72);
  }
}

.pimax-compare-entry {
  width: min(1180px, calc(100% - 40px));
  margin: 28px auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: 28px;
  border: 1px solid rgba(8, 20, 34, 0.12);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 18px 45px rgba(8, 20, 34, 0.08);
}

.pimax-compare-entry h2 {
  margin: 6px 0 8px;
  color: #07111c;
  font-size: clamp(1.55rem, 2.4vw, 2.4rem);
  line-height: 1.02;
  letter-spacing: 0;
}

.pimax-compare-entry p:not(.eyebrow) {
  max-width: 720px;
  margin: 0;
  color: rgba(7, 17, 28, 0.72);
  font-size: 1rem;
  line-height: 1.55;
}

.pimax-compare-entry .button {
  flex: 0 0 auto;
  white-space: nowrap;
}

html.dark-theme .pimax-compare-entry,
body.dark-theme .pimax-compare-entry {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(10, 17, 24, 0.92);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.28);
}

html.dark-theme .pimax-compare-entry h2,
body.dark-theme .pimax-compare-entry h2 {
  color: #fffdf5;
}

html.dark-theme .pimax-compare-entry p:not(.eyebrow),
body.dark-theme .pimax-compare-entry p:not(.eyebrow) {
  color: rgba(255, 255, 255, 0.72);
}

@media (max-width: 760px) {
  .pimax-compare-entry {
    width: min(100% - 28px, 520px);
    align-items: flex-start;
    flex-direction: column;
    padding: 22px;
  }

  .pimax-compare-entry .button {
    width: 100%;
    justify-content: center;
  }
}

.vr-mobile-carousel-controls {
  display: none;
}

@media (max-width: 760px) {
  .vr-guide-grid.is-mobile-carousel,
  .competitor-grid-named.is-mobile-carousel {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 14px;
    margin-inline: -14px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    padding: 0 14px 12px;
    scroll-padding-inline: 14px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .vr-guide-grid.is-mobile-carousel::-webkit-scrollbar,
  .competitor-grid-named.is-mobile-carousel::-webkit-scrollbar {
    display: none;
  }

  .vr-guide-grid.is-mobile-carousel > article,
  .competitor-grid-named.is-mobile-carousel > article {
    flex: 0 0 min(84vw, 360px);
    min-width: 0;
    scroll-snap-align: center;
  }

  .competitor-grid-named.is-mobile-carousel > article {
    min-height: 320px;
  }

  .vr-mobile-carousel-controls {
    display: grid;
    grid-template-columns: 46px 1fr 46px;
    align-items: center;
    gap: 10px;
    margin: 8px 0 24px;
  }

  .vr-carousel-arrow {
    width: 46px;
    height: 46px;
    border: 1px solid rgba(35, 217, 120, 0.34);
    border-radius: 999px;
    background: rgba(35, 217, 120, 0.12);
    color: #23d978;
    cursor: pointer;
    font-size: 2rem;
    font-weight: 900;
    line-height: 1;
  }

  .vr-carousel-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 0;
  }

  .vr-carousel-dot {
    width: 8px;
    height: 8px;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.28);
    cursor: pointer;
    padding: 0;
    transition: width 160ms ease, background 160ms ease;
  }

  .vr-carousel-dot.is-active {
    width: 26px;
    background: #23d978;
  }

  html:not(.dark-theme) .vr-carousel-dot {
    background: rgba(7, 17, 28, 0.22);
  }

  html:not(.dark-theme) .vr-carousel-dot.is-active {
    background: #0d8f52;
  }

  html:not(.dark-theme) .vr-carousel-arrow {
    border-color: rgba(13, 143, 82, 0.28);
    background: rgba(13, 143, 82, 0.09);
    color: #0d8f52;
  }
}
/* Pimax Brasil launch page */
body.pimax-lite .pimax-launch-page {
  overflow: hidden;
}

body.pimax-lite .pimax-launch-hero,
body.pimax-lite .pimax-paths,
body.pimax-lite .pimax-launch-grid,
body.pimax-lite .pimax-super-choice,
body.pimax-lite .pimax-dream-panel,
body.pimax-lite .pimax-compare-entry,
body.pimax-lite .pimax-accessories-launch,
body.pimax-lite .pimax-setup {
  width: min(1180px, calc(100% - 40px));
  margin-left: auto;
  margin-right: auto;
}

body.pimax-lite .pimax-launch-hero {
  margin-top: 34px;
  display: grid;
  grid-template-columns: minmax(0, 0.96fr) minmax(360px, 1.04fr);
  gap: 28px;
  align-items: stretch;
}

body.pimax-lite .pimax-launch-copy,
body.pimax-lite .pimax-launch-visual,
body.pimax-lite .pimax-paths a,
body.pimax-lite .pimax-launch-card,
body.pimax-lite .pimax-super-choice,
body.pimax-lite .pimax-dream-panel,
body.pimax-lite .pimax-accessories-launch .pimax-accessory-grid a {
  border: 1px solid var(--pimax-line);
  background: var(--pimax-panel);
  box-shadow: var(--pimax-shadow);
  border-radius: 22px;
}

body.pimax-lite .pimax-launch-copy {
  padding: clamp(28px, 5vw, 58px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

body.pimax-lite .pimax-launch-copy h1 {
  color: var(--pimax-text);
  font-size: clamp(2.65rem, 6.1vw, 6.05rem);
  line-height: 0.91;
  letter-spacing: 0;
  margin: 0 0 18px;
  max-width: 880px;
}

body.pimax-lite .pimax-launch-copy p {
  color: var(--pimax-muted);
  font-size: clamp(1rem, 1.35vw, 1.18rem);
  line-height: 1.55;
  max-width: 700px;
}

body.pimax-lite .pimax-hero-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 22px 0 4px;
}

body.pimax-lite .pimax-hero-facts span,
body.pimax-lite .pimax-launch-card small,
body.pimax-lite .pimax-super-options small,
body.pimax-lite .pimax-dream-panel small,
body.pimax-lite .pimax-accessory-grid small {
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  border-radius: 999px;
  padding: 7px 10px;
  font-size: 0.75rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  border: 1px solid color-mix(in srgb, var(--pimax-blue) 36%, transparent);
  color: var(--pimax-blue);
  background: color-mix(in srgb, var(--pimax-blue) 9%, transparent);
}

body.pimax-lite .pimax-launch-visual {
  overflow: hidden;
  display: grid;
  grid-template-rows: 1fr auto;
}

body.pimax-lite .pimax-launch-visual img {
  width: 100%;
  height: 100%;
  min-height: 380px;
  object-fit: cover;
  background: var(--pimax-soft);
}

body.pimax-lite .pimax-launch-visual figcaption {
  padding: 18px 20px;
  border-top: 1px solid var(--pimax-line);
  display: grid;
  gap: 5px;
  margin: 0;
}

body.pimax-lite .pimax-launch-visual figcaption span,
body.pimax-lite .pimax-launch-card span,
body.pimax-lite .pimax-super-choice .eyebrow,
body.pimax-lite .pimax-dream-panel .eyebrow,
body.pimax-lite .pimax-accessory-grid span {
  color: var(--pimax-blue);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

body.pimax-lite .pimax-launch-visual figcaption strong {
  color: var(--pimax-text);
  font-size: 1.12rem;
  line-height: 1.2;
}

body.pimax-lite .pimax-paths {
  margin-top: 18px;
  margin-bottom: 48px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

body.pimax-lite .pimax-paths a {
  padding: 22px;
  color: var(--pimax-text);
  text-decoration: none;
  transition: transform 0.18s ease, border-color 0.18s ease;
}

body.pimax-lite .pimax-paths a:hover {
  transform: translateY(-3px);
  border-color: var(--pimax-blue);
}

body.pimax-lite .pimax-paths span {
  color: var(--pimax-blue);
  font-weight: 900;
  font-size: 0.82rem;
}

body.pimax-lite .pimax-paths strong {
  display: block;
  margin: 8px 0 7px;
  color: var(--pimax-text);
  font-size: 1.14rem;
}

body.pimax-lite .pimax-paths p {
  color: var(--pimax-muted);
  margin: 0;
  line-height: 1.45;
}

body.pimax-lite .pimax-launch-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

body.pimax-lite .pimax-launch-card {
  overflow: hidden;
  display: grid;
  grid-template-rows: 230px 1fr;
}

body.pimax-lite .pimax-launch-card.is-featured {
  border-color: color-mix(in srgb, var(--pimax-blue) 45%, var(--pimax-line));
}

body.pimax-lite .pimax-launch-card-media {
  background: var(--pimax-soft);
  display: grid;
  place-items: center;
  overflow: hidden;
}

body.pimax-lite .pimax-launch-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.22s ease;
}

body.pimax-lite .pimax-launch-card:hover .pimax-launch-card-media img {
  transform: scale(1.035);
}

body.pimax-lite .pimax-launch-card > div {
  padding: 20px;
  display: grid;
  gap: 10px;
}

body.pimax-lite .pimax-launch-card h3 {
  margin: 0;
  color: var(--pimax-text);
  font-size: 1.45rem;
  line-height: 1.05;
}

body.pimax-lite .pimax-launch-card p {
  margin: 0;
  color: var(--pimax-muted);
  line-height: 1.5;
}

body.pimax-lite .pimax-card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 4px;
}

body.pimax-lite .pimax-card-actions a {
  border-radius: 999px;
  padding: 10px 13px;
  text-decoration: none;
  font-weight: 900;
  color: var(--pimax-text);
  border: 1px solid var(--pimax-line);
}

body.pimax-lite .pimax-card-actions a:first-child {
  background: var(--pimax-blue);
  border-color: var(--pimax-blue);
  color: #061012;
}

body.pimax-lite .pimax-super-choice {
  margin-top: 18px;
  margin-bottom: 46px;
  padding: 28px;
  display: grid;
  grid-template-columns: 0.86fr 1.44fr;
  gap: 24px;
  align-items: center;
}

body.pimax-lite .pimax-super-choice h2 {
  color: var(--pimax-text);
  font-size: clamp(1.8rem, 3vw, 3.1rem);
  line-height: 1;
  margin: 6px 0 12px;
}

body.pimax-lite .pimax-super-choice p {
  color: var(--pimax-muted);
  line-height: 1.55;
}

body.pimax-lite .pimax-super-options {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

body.pimax-lite .pimax-super-options article {
  border: 1px solid var(--pimax-line);
  border-radius: 16px;
  padding: 18px;
  background: var(--pimax-soft);
}

body.pimax-lite .pimax-super-options strong {
  display: block;
  color: var(--pimax-text);
  font-size: 1.2rem;
  margin: 5px 0;
}

body.pimax-lite .pimax-super-options p {
  margin: 0 0 12px;
}

body.pimax-lite .pimax-launch-card .stock-table-action,
body.pimax-lite .pimax-super-options .stock-table-action,
body.pimax-lite .pimax-dream-panel .stock-table-action,
body.pimax-lite .pimax-accessory-grid .stock-table-action {
  min-height: 34px;
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;
}

body.pimax-lite .pimax-launch-card a.stock-table-action.is-in,
body.pimax-lite .pimax-super-options a.stock-table-action.is-in,
body.pimax-lite .pimax-dream-panel a.stock-table-action.is-in,
body.pimax-lite .pimax-accessory-grid a.stock-table-action.is-in {
  color: #063c20;
}

body.pimax-lite .pimax-dream-panel {
  margin-top: 46px;
  margin-bottom: 46px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.85fr);
  gap: 24px;
  overflow: hidden;
}

body.pimax-lite .pimax-dream-video {
  background: #050709;
  min-height: 340px;
}

body.pimax-lite .pimax-dream-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

body.pimax-lite .pimax-dream-panel > div:last-child {
  padding: clamp(24px, 4vw, 44px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
}

body.pimax-lite .pimax-dream-panel h2 {
  color: var(--pimax-text);
  font-size: clamp(1.9rem, 3.3vw, 3.4rem);
  line-height: 1;
  margin: 0;
}

body.pimax-lite .pimax-dream-panel p {
  color: var(--pimax-muted);
  line-height: 1.55;
  margin: 0;
}

body.pimax-lite .pimax-accessories-launch .pimax-accessory-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

body.pimax-lite .pimax-accessories-launch .pimax-accessory-grid a {
  color: var(--pimax-text);
  text-decoration: none;
  padding: 16px;
  display: grid;
  gap: 10px;
  transition: transform 0.18s ease, border-color 0.18s ease;
}

body.pimax-lite .pimax-accessories-launch .pimax-accessory-grid a:hover {
  transform: translateY(-3px);
  border-color: var(--pimax-blue);
}

body.pimax-lite .pimax-accessories-launch .pimax-accessory-grid img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: contain;
  background: var(--pimax-soft);
  border-radius: 14px;
  padding: 12px;
}

body.pimax-lite .pimax-accessories-launch .pimax-accessory-grid h3 {
  margin: 0;
  color: var(--pimax-text);
  line-height: 1.1;
}

body.pimax-lite .pimax-accessories-launch .pimax-accessory-grid p {
  margin: 0;
  color: var(--pimax-muted);
  line-height: 1.42;
}

body.pimax-lite .pimax-compare-entry {
  margin-top: 44px;
  margin-bottom: 44px;
}

@media (max-width: 980px) {
  body.pimax-lite .pimax-launch-hero,
  body.pimax-lite .pimax-super-choice,
  body.pimax-lite .pimax-dream-panel {
    grid-template-columns: 1fr;
  }

  body.pimax-lite .pimax-launch-grid,
  body.pimax-lite .pimax-super-options,
  body.pimax-lite .pimax-accessories-launch .pimax-accessory-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.pimax-lite .pimax-paths {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  body.pimax-lite .pimax-launch-hero,
  body.pimax-lite .pimax-paths,
  body.pimax-lite .pimax-launch-grid,
  body.pimax-lite .pimax-super-choice,
  body.pimax-lite .pimax-dream-panel,
  body.pimax-lite .pimax-compare-entry,
  body.pimax-lite .pimax-accessories-launch,
  body.pimax-lite .pimax-setup {
    width: min(100% - 24px, 560px);
  }

  body.pimax-lite .pimax-launch-copy {
    padding: 24px;
  }

  body.pimax-lite .pimax-launch-copy h1 {
    font-size: clamp(2.35rem, 12vw, 4.05rem);
  }

  body.pimax-lite .pimax-launch-visual img {
    min-height: 260px;
  }

  body.pimax-lite .pimax-launch-grid,
  body.pimax-lite .pimax-super-options,
  body.pimax-lite .pimax-accessories-launch .pimax-accessory-grid {
    grid-template-columns: 1fr;
  }

  body.pimax-lite .pimax-launch-card {
    grid-template-rows: 240px auto;
  }

  body.pimax-lite .pimax-super-choice,
  body.pimax-lite .pimax-dream-panel > div:last-child {
    padding: 20px;
  }

  body.pimax-lite .pimax-dream-video {
    min-height: 260px;
  }
}

/* VR product page with video */
body.pimax-lite .vr-product-page {
  color: var(--pimax-text);
}

body.pimax-lite .vr-product-hero,
body.pimax-lite .vr-version-board,
body.pimax-lite .vr-product-story,
body.pimax-lite .vr-product-gallery,
body.pimax-lite .vr-product-compare,
body.pimax-lite .vr-product-page .product-detail-blocks,
body.pimax-lite .vr-product-page .product-final-cta {
  width: min(1180px, calc(100% - 40px));
  margin-left: auto;
  margin-right: auto;
}

body.pimax-lite .vr-product-hero {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(360px, 0.88fr) minmax(300px, 0.55fr);
  gap: 18px;
  align-items: stretch;
  margin-top: 34px;
}

body.pimax-lite .vr-product-copy,
body.pimax-lite .vr-product-media,
body.pimax-lite .vr-product-buy,
body.pimax-lite .vr-version-board article,
body.pimax-lite .vr-product-story article,
body.pimax-lite .vr-product-story aside,
body.pimax-lite .vr-product-gallery figure,
body.pimax-lite .vr-product-compare,
body.pimax-lite .vr-product-page .product-detail-blocks article {
  border: 1px solid var(--pimax-line);
  border-radius: 22px;
  background: var(--pimax-panel);
  box-shadow: var(--pimax-shadow);
}

body.pimax-lite .vr-product-copy {
  padding: clamp(26px, 4vw, 48px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

body.pimax-lite .vr-product-copy h1 {
  margin: 6px 0 12px;
  color: var(--pimax-text);
  font-size: clamp(2.55rem, 5.2vw, 5.4rem);
  line-height: 0.9;
  letter-spacing: 0;
}

body.pimax-lite .vr-product-copy strong {
  color: var(--pimax-text);
  font-size: clamp(1.12rem, 1.7vw, 1.42rem);
  line-height: 1.18;
}

body.pimax-lite .vr-product-copy p {
  color: var(--pimax-muted);
  line-height: 1.55;
  font-size: 1.02rem;
}

body.pimax-lite .vr-product-media {
  overflow: hidden;
  display: grid;
  grid-template-rows: minmax(280px, 1fr) 220px;
  gap: 0;
}

body.pimax-lite .vr-product-video {
  min-height: 360px;
  background: #050709;
  overflow: hidden;
}

body.pimax-lite .vr-product-video video,
body.pimax-lite .vr-product-video iframe {
  width: 100%;
  height: 100%;
  min-height: 360px;
  display: block;
  object-fit: cover;
  border: 0;
}

body.pimax-lite .vr-product-media figure {
  margin: 0;
  border-top: 1px solid var(--pimax-line);
  background: var(--pimax-soft);
  overflow: hidden;
}

body.pimax-lite .vr-product-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

body.pimax-lite .vr-product-buy {
  padding: 18px;
}

body.pimax-lite .vr-product-buy .product-price {
  font-size: clamp(2rem, 3.4vw, 3.4rem);
  line-height: 1;
}

body.pimax-lite .vr-version-board {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
  margin-bottom: 44px;
}

body.pimax-lite .vr-version-board article {
  padding: 20px;
  min-height: 205px;
}

body.pimax-lite .vr-version-board article.is-selected {
  border-color: var(--pimax-blue);
}

body.pimax-lite .vr-version-board span,
body.pimax-lite .vr-product-story .eyebrow {
  color: var(--pimax-blue);
  font-weight: 900;
  font-size: 0.78rem;
  text-transform: uppercase;
}

body.pimax-lite .vr-version-board h2 {
  margin: 8px 0;
  color: var(--pimax-text);
  font-size: 1.5rem;
  line-height: 1.05;
}

body.pimax-lite .vr-version-board p,
body.pimax-lite .vr-product-story p,
body.pimax-lite .vr-product-story li {
  color: var(--pimax-muted);
  line-height: 1.5;
}

body.pimax-lite .vr-product-story {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.7fr);
  gap: 18px;
  margin-bottom: 44px;
}

body.pimax-lite .vr-product-story article,
body.pimax-lite .vr-product-story aside {
  padding: clamp(22px, 3vw, 34px);
}

body.pimax-lite .vr-product-story h2,
body.pimax-lite .vr-product-gallery h2,
body.pimax-lite .vr-product-compare h2 {
  color: var(--pimax-text);
  line-height: 1;
}

body.pimax-lite .vr-product-gallery {
  margin-bottom: 44px;
}

body.pimax-lite .vr-product-gallery > div:last-child {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

body.pimax-lite .vr-product-gallery figure {
  margin: 0;
  overflow: hidden;
  background: var(--pimax-soft);
}

body.pimax-lite .vr-product-gallery img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  display: block;
}

body.pimax-lite .vr-product-compare {
  padding: clamp(20px, 3vw, 34px);
  margin-bottom: 44px;
}

body.pimax-lite .vr-product-compare .comparison-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--pimax-line);
  border-radius: 16px;
}

body.pimax-lite .vr-product-compare .button {
  margin-top: 16px;
}

.product-video-card {
  border: 1px solid var(--pimax-line, rgba(255, 255, 255, 0.14));
  border-radius: 22px;
  background: #050709;
  min-height: 360px;
  overflow: hidden;
  box-shadow: var(--pimax-shadow, 0 24px 80px rgba(0, 0, 0, 0.24));
}

.product-video-card video,
.product-video-card iframe {
  width: 100%;
  height: 100%;
  min-height: 360px;
  display: block;
  object-fit: cover;
  border: 0;
}

@media (max-width: 1120px) {
  body.pimax-lite .vr-product-hero {
    grid-template-columns: 1fr 1fr;
  }

  body.pimax-lite .vr-product-buy {
    grid-column: 1 / -1;
  }
}

@media (max-width: 760px) {
  body.pimax-lite .vr-product-hero,
  body.pimax-lite .vr-product-story {
    grid-template-columns: 1fr;
  }

  body.pimax-lite .vr-version-board,
  body.pimax-lite .vr-product-gallery > div:last-child {
    grid-template-columns: 1fr;
  }

  body.pimax-lite .vr-product-hero,
  body.pimax-lite .vr-version-board,
  body.pimax-lite .vr-product-story,
  body.pimax-lite .vr-product-gallery,
  body.pimax-lite .vr-product-compare,
  body.pimax-lite .vr-product-page .product-detail-blocks,
  body.pimax-lite .vr-product-page .product-final-cta {
    width: min(100% - 24px, 560px);
  }

  body.pimax-lite .vr-product-copy {
    padding: 24px;
  }

  body.pimax-lite .vr-product-copy h1 {
    font-size: clamp(2.25rem, 12vw, 4rem);
  }

  body.pimax-lite .vr-product-media {
    grid-template-rows: 320px 190px;
  }

  body.pimax-lite .vr-product-video,
  body.pimax-lite .vr-product-video video,
  body.pimax-lite .vr-product-video iframe {
    min-height: 320px;
  }

  body.pimax-lite .vr-product-gallery img {
    height: 230px;
  }
}

/* Final override: keep the universe switcher aligned after all legacy header rules. */
.site-header,
.front-header {
  grid-template-columns: minmax(170px, 250px) minmax(0, 1fr) auto auto !important;
}

.site-header nav,
.front-header nav {
  grid-column: 2 !important;
}

.site-universe-switch {
  align-self: center !important;
  display: inline-grid !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  grid-template-columns: repeat(3, minmax(74px, 88px)) !important;
  justify-self: end !important;
  margin: 0 !important;
  position: static !important;
  z-index: 3 !important;
}

.header-actions,
.front-actions {
  grid-column: 4 !important;
}

.site-universe-logo,
.mobile-universe-logo {
  align-items: center !important;
  display: grid !important;
  justify-items: center !important;
}

.site-universe-logo {
  height: 24px !important;
  width: 74px !important;
}

.site-universe-logo img {
  display: block !important;
  max-height: 24px !important;
  max-width: 74px !important;
  object-fit: contain !important;
}

.site-universe-switch a {
  display: grid !important;
  justify-items: center !important;
}

@media (max-width: 1320px) {
  .site-header,
  .front-header {
    grid-template-columns: minmax(142px, 220px) minmax(0, 1fr) auto auto !important;
  }

  .site-universe-switch {
    grid-template-columns: repeat(3, 68px) !important;
  }
}

@media (max-width: 980px) {
  .site-header,
  .front-header {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto !important;
  }

  .site-universe-switch {
    display: none !important;
  }

  .header-actions,
  .front-actions {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  .site-universe-logo {
    height: 20px !important;
    width: 78px !important;
  }

  .site-universe-logo img {
    max-height: 20px !important;
    max-width: 78px !important;
  }
}

/* Theme-specific logo visibility must win over generic image display rules. */
.site-universe-logo .site-universe-logo-dark,
.mobile-universe-logo .mobile-universe-logo-dark {
  display: none !important;
}

html.dark-theme body .site-universe-logo .site-universe-logo-light,
body.dark-theme .site-universe-logo .site-universe-logo-light,
html.dark-theme body .mobile-universe-logo .mobile-universe-logo-light,
body.dark-theme .mobile-universe-logo .mobile-universe-logo-light {
  display: none !important;
}

html.dark-theme body .site-universe-logo .site-universe-logo-dark,
body.dark-theme .site-universe-logo .site-universe-logo-dark,
html.dark-theme body .mobile-universe-logo .mobile-universe-logo-dark,
body.dark-theme .mobile-universe-logo .mobile-universe-logo-dark {
  display: block !important;
}

/* Exact 2026 brand lockups: one image per theme, stable sizing across the three sites. */
.site-universe-switch {
  grid-template-columns: repeat(3, minmax(82px, 94px)) !important;
}

.site-universe-logo {
  height: 34px !important;
  width: 56px !important;
}

.site-universe-logo img {
  height: auto !important;
  max-height: 34px !important;
  max-width: 56px !important;
  object-fit: contain !important;
}

.site-universe-switch a {
  min-height: 62px !important;
  padding: 7px 8px !important;
}

.site-universe-switch a strong {
  font-size: 0.72rem !important;
  line-height: 1 !important;
}

.site-header .brand.brand-wide-logo .brand-logo,
.site-header .brand .brand-logo {
  object-fit: contain !important;
}

@media (max-width: 1200px) and (min-width: 981px) {
  .site-universe-switch {
    grid-template-columns: repeat(3, 78px) !important;
  }

  .site-universe-logo {
    height: 30px !important;
    width: 52px !important;
  }

  .site-universe-logo img {
    max-height: 30px !important;
    max-width: 52px !important;
  }

  .site-universe-switch a {
    min-height: 56px !important;
  }
}

@media (max-width: 760px) {
  .site-universe-logo {
    height: 24px !important;
    width: 44px !important;
  }

  .site-universe-logo img {
    max-height: 24px !important;
    max-width: 44px !important;
  }

  html body.mobile-menu-open .site-header nav .mobile-universe-switch a,
  html body.mobile-menu-open .front-header nav .mobile-universe-switch a {
    grid-template-columns: 104px minmax(0, 1fr) !important;
  }

  .mobile-universe-logo {
    height: 38px !important;
    width: 96px !important;
  }

  .mobile-universe-logo img {
    max-height: 38px !important;
    max-width: 96px !important;
    object-fit: contain !important;
  }
}

@media (min-width: 981px) {
  body.pimax-compare-page .site-header {
    display: grid !important;
    grid-template-columns: 250px minmax(320px, 1fr) 320px !important;
    grid-template-rows: 34px 62px !important;
    grid-template-areas:
      "brand nav actions"
      "brand switcher actions" !important;
    row-gap: 12px !important;
    min-height: 122px !important;
    padding-bottom: 14px !important;
    padding-top: 12px !important;
  }

  body.pimax-compare-page .site-header .brand {
    grid-area: brand !important;
  }

  body.pimax-compare-page .site-header nav {
    grid-area: nav !important;
    align-self: center !important;
    justify-self: center !important;
  }

  body.pimax-compare-page .site-header .site-universe-switch {
    align-self: center !important;
    grid-area: switcher !important;
    justify-self: center !important;
    margin: 0 !important;
    position: static !important;
  }

  body.pimax-compare-page .site-header .header-actions,
body.pimax-compare-page .site-header .front-actions {
    align-self: center !important;
    grid-area: actions !important;
    grid-row: 1 / 3 !important;
    justify-self: end !important;
  }
}

/* Mobile final: universe/site selector only lives inside the hamburger menu. */
@media (max-width: 980px) {
  .site-header > .site-universe-switch,
  .front-header > .site-universe-switch {
    display: none !important;
  }

  body.mobile-menu-open .site-header nav .mobile-universe-switch,
  body.mobile-menu-open .front-header nav .mobile-universe-switch {
    display: grid !important;
  }
}

/* Final mobile audit: keep fixed headers from covering first content blocks. */
@media (max-width: 980px) {
  body.store-lite-page .store-page {
    padding-top: 92px !important;
  }

  body.store-lite-page .store-hero {
    padding-top: 24px !important;
  }

  body.flight-site .site-header .brand {
    min-width: 0 !important;
  }

  body.flight-site .site-header .brand span {
    max-width: 128px !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: normal !important;
  text-align: center !important;
  }

  body.flight-site .site-header .brand small {
    max-width: 128px !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: normal !important;
  text-align: center !important;
  }
}

/* Final desktop audit: stable two-row header for every storefront. */
@media (min-width: 981px) {
  .site-header,
  .front-header,
  body.pimax-compare-page .site-header {
    align-items: center !important;
    display: grid !important;
    grid-template-areas:
      "brand search actions"
      "brand nav switcher" !important;
    grid-template-columns: minmax(170px, 240px) minmax(360px, 1fr) minmax(310px, 390px) !important;
    grid-template-rows: 54px 58px !important;
    min-height: 116px !important;
    row-gap: 0 !important;
  }

  .site-header .brand,
  .front-header .brand,
  body.pimax-compare-page .site-header .brand {
    grid-area: brand !important;
    grid-column: auto !important;
    grid-row: auto !important;
    justify-self: start !important;
  }

  .site-header .site-search,
  .front-header .site-search {
    grid-area: search !important;
    justify-self: center !important;
    max-width: 560px !important;
    width: min(560px, 100%) !important;
  }

  .site-header nav,
  .front-header nav,
  body.pimax-compare-page .site-header nav {
    grid-area: nav !important;
    grid-column: auto !important;
    grid-row: auto !important;
    justify-self: center !important;
    min-width: 0 !important;
    overflow: visible !important;
    width: auto !important;
  }

  .site-header .site-universe-switch,
  .front-header .site-universe-switch,
  body.pimax-compare-page .site-header .site-universe-switch {
    grid-area: switcher !important;
    grid-column: auto !important;
    grid-row: auto !important;
    justify-self: end !important;
    margin: 0 !important;
    position: static !important;
  }

  .site-header .header-actions,
  .front-header .front-actions,
  .front-header .header-actions,
  body.pimax-compare-page .site-header .header-actions,
  body.pimax-compare-page .site-header .front-actions {
    grid-area: actions !important;
    grid-column: auto !important;
    grid-row: auto !important;
    justify-self: end !important;
    min-width: 0 !important;
  }
}

/* End-to-end header alignment pass: desktop gets a stable two-row bar;
   mobile keeps the universe switcher only inside the hamburger menu. */
@media (min-width: 981px) {
  html body .site-header,
  html body .front-header,
  html body.pimax-compare-page .site-header {
    align-items: center !important;
    column-gap: 22px !important;
    display: grid !important;
    grid-template-areas:
      "brand search switcher actions"
      "brand nav nav actions" !important;
    grid-template-columns: minmax(170px, 250px) minmax(390px, 1fr) auto auto !important;
    grid-template-rows: 54px 52px !important;
    min-height: 116px !important;
    overflow: visible !important;
    padding-bottom: 8px !important;
    padding-top: 8px !important;
    row-gap: 0 !important;
  }

  html body .site-header .brand,
  html body .front-header .brand,
  html body .front-header .front-brand,
  html body.pimax-compare-page .site-header .brand {
    align-self: center !important;
    grid-area: brand !important;
    grid-column: auto !important;
    grid-row: auto !important;
    justify-self: start !important;
    min-width: 0 !important;
    position: static !important;
  }

  html body .site-header .site-search,
  html body .front-header .site-search {
    align-self: center !important;
    grid-area: search !important;
    grid-column: auto !important;
    grid-row: auto !important;
    justify-self: center !important;
    margin: 0 !important;
    max-width: 560px !important;
    min-width: 300px !important;
    position: relative !important;
    transform: none !important;
    width: min(560px, 100%) !important;
  }

  html body .site-header nav,
  html body .front-header nav,
  html body.pimax-compare-page .site-header nav {
    align-self: center !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: clamp(24px, 2.1vw, 40px) !important;
    grid-area: nav !important;
    grid-column: auto !important;
    grid-row: auto !important;
    inset: auto !important;
    justify-content: center !important;
    justify-self: center !important;
    margin: 0 !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    padding-inline: 20px !important;
    position: static !important;
    transform: none !important;
    width: auto !important;
    z-index: 4 !important;
  }

  html body .site-header nav a,
  html body .front-header nav a,
  html body.pimax-compare-page .site-header nav a {
    clip-path: none !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    max-width: none !important;
    min-width: max-content !important;
    overflow: visible !important;
    padding-inline: 0 !important;
    position: relative !important;
    text-align: center !important;
    transform: none !important;
    white-space: normal !important;
  text-align: center !important;
  }

  html body .site-header .site-universe-switch,
  html body .front-header .site-universe-switch,
  html body.pimax-compare-page .site-header .site-universe-switch {
    align-self: center !important;
    display: inline-grid !important;
    grid-area: switcher !important;
    grid-column: auto !important;
    grid-row: auto !important;
    justify-self: end !important;
    margin: 0 !important;
    position: static !important;
    transform: none !important;
    z-index: 5 !important;
  }

  html body .site-header .header-actions,
  html body .front-header .front-actions,
  html body .front-header .header-actions,
  html body.pimax-compare-page .site-header .header-actions,
  html body.pimax-compare-page .site-header .front-actions {
    align-self: center !important;
    grid-area: actions !important;
    grid-column: auto !important;
    grid-row: 1 / 3 !important;
    justify-self: end !important;
    margin: 0 !important;
    min-width: 0 !important;
    position: relative !important;
    transform: none !important;
    z-index: 6 !important;
  }
}

@media (max-width: 980px) {
  html body .site-header > .site-universe-switch,
  html body .front-header > .site-universe-switch {
    display: none !important;
  }

  body.pimax-site .site-header .brand span,
  body.vr-config-site .site-header .brand span,
  body.pimax-compare-page .site-header .brand span {
    max-width: 112px !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: normal !important;
  text-align: center !important;
  }

  body.pimax-site .site-header .brand small,
  body.vr-config-site .site-header .brand small,
  body.pimax-compare-page .site-header .brand small {
    max-width: 112px !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: normal !important;
  text-align: center !important;
  }
}

/* Storefront and VR compare polish from the visual audit. */
@media (min-width: 981px) {
  html body.store-lite-page .site-header nav a:first-child {
    margin-left: 28px !important;
  }

  html body.store-lite-page .site-header nav {
    min-width: 620px !important;
  }

  html body.pimax-compare-page .site-header {
    align-items: center !important;
    display: grid !important;
    grid-template-areas: "brand nav side" !important;
    grid-template-columns: minmax(230px, 300px) minmax(360px, 1fr) minmax(380px, 440px) !important;
    grid-template-rows: 104px !important;
    min-height: 120px !important;
    overflow: visible !important;
    padding-bottom: 8px !important;
    padding-top: 8px !important;
    position: relative !important;
  }

  html body.pimax-compare-page .site-header .brand {
    grid-area: brand !important;
    justify-self: start !important;
    position: static !important;
  }

  html body.pimax-compare-page .site-header nav {
    align-self: center !important;
    grid-area: nav !important;
    justify-self: center !important;
    max-width: 100% !important;
    padding-inline: 24px !important;
    position: static !important;
    transform: none !important;
  }

  html body.pimax-compare-page .site-header .header-actions {
    align-self: start !important;
    grid-area: side !important;
    grid-row: 1 !important;
    justify-self: end !important;
    margin: 0 !important;
    position: static !important;
    transform: none !important;
  }

  html body.pimax-compare-page .site-header .site-universe-switch {
    align-self: end !important;
    grid-area: side !important;
    grid-row: 1 !important;
    justify-self: end !important;
    margin: 0 !important;
    position: static !important;
    transform: none !important;
  }
}

@media (max-width: 980px) {
  html body.store-lite-page,
  html body.store-lite-page .store-page {
    max-width: 100vw !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    width: 100% !important;
  }

  html body.store-lite-page .store-hero {
    box-sizing: border-box !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    width: 100% !important;
  }

  html body.store-lite-page .store-hero h1 {
    box-sizing: border-box !important;
    display: block !important;
    font-size: clamp(1.55rem, 6.8vw, 1.95rem) !important;
    inline-size: min(320px, calc(100vw - 72px)) !important;
    line-height: 1.03 !important;
    max-width: min(320px, calc(100vw - 72px)) !important;
    min-width: 0 !important;
    overflow-wrap: break-word !important;
    text-wrap: wrap !important;
    white-space: normal !important;
    width: min(320px, calc(100vw - 72px)) !important;
  }

  html body.store-lite-page .store-hero > p,
  html body.store-lite-page .brand-catalog-intro {
    box-sizing: border-box !important;
    inline-size: min(320px, calc(100vw - 72px)) !important;
    max-width: min(320px, calc(100vw - 72px)) !important;
    min-width: 0 !important;
    overflow-wrap: break-word !important;
    width: min(320px, calc(100vw - 72px)) !important;
  }

  html body.store-lite-page:not(.store-brand-is-open) .brand-catalog-grid {
    gap: 10px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    justify-items: stretch !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: min(342px, calc(100vw - 48px)) !important;
    overflow: visible !important;
    width: min(342px, calc(100vw - 48px)) !important;
  }

  html body.store-lite-page:not(.store-brand-is-open) .brand-catalog-card {
    display: grid !important;
    gap: 8px 12px !important;
    grid-template-columns: 96px minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    text-align: left !important;
    box-sizing: border-box !important;
    min-height: 118px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 12px 10px !important;
    width: 100% !important;
  }

  html body.store-lite-page:not(.store-brand-is-open) .brand-catalog-card .brand-logo-frame {
    align-self: center !important;
    grid-column: 1 !important;
    grid-row: 1 / 4 !important;
    height: 74px !important;
    max-width: 100% !important;
  }

  html body.store-lite-page:not(.store-brand-is-open) .brand-catalog-card .brand-logo-mode {
    max-height: 34px !important;
    max-width: 112px !important;
  }

  html body.store-lite-page:not(.store-brand-is-open) .brand-catalog-card strong {
    grid-column: 2 !important;
    font-size: 0.78rem !important;
    line-height: 1.05 !important;
  }

  html body.store-lite-page:not(.store-brand-is-open) .brand-catalog-card small {
    display: block !important;
    font-size: 0.62rem !important;
    grid-column: 2 !important;
    line-height: 1.25 !important;
  }

  html body.store-lite-page:not(.store-brand-is-open) .brand-catalog-card span {
    grid-column: 2 !important;
  }

  html body.pimax-compare-page .pimax-page,
  html body.pimax-compare-page .vr-compare-page {
    box-sizing: border-box !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    width: 100% !important;
  }

  html body.pimax-compare-page .vr-compare-hero,
  html body.pimax-compare-page .vr-compare-section {
    box-sizing: border-box !important;
    display: block !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    width: 100% !important;
  }

  html body.pimax-compare-page .vr-compare-hero > *,
  html body.pimax-compare-page .vr-compare-callout,
  html body.pimax-compare-page .section-title,
  html body.pimax-compare-page .vr-guide-grid,
  html body.pimax-compare-page .competitor-grid-named {
    box-sizing: border-box !important;
    inline-size: min(344px, calc(100vw - 32px)) !important;
    max-width: min(344px, calc(100vw - 32px)) !important;
    min-width: 0 !important;
    width: min(344px, calc(100vw - 32px)) !important;
  }

  html body.pimax-compare-page .vr-compare-hero h1 {
    font-size: clamp(2rem, 11vw, 2.65rem) !important;
    line-height: 0.98 !important;
    overflow-wrap: break-word !important;
    text-wrap: wrap !important;
    white-space: normal !important;
  }

  html body.pimax-compare-page .vr-compare-hero p,
  html body.pimax-compare-page .vr-compare-callout strong {
    font-size: 0.96rem !important;
    line-height: 1.36 !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
  }
}

/* Final mobile containment pass: no hero/title should escape the viewport. */
@media (max-width: 700px) {
  html,
  body {
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  html body .site-header,
  html body .front-header {
    box-sizing: border-box !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    overflow: hidden !important;
    width: 100% !important;
  }

  html body .site-header > .header-actions > .theme-toggle,
  html body .front-header > .front-actions > .theme-toggle {
    display: none !important;
  }

  html body .site-header.has-site-search,
  html body .front-header.has-site-search {
    align-items: center !important;
    display: flex !important;
    gap: 8px !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    justify-content: space-between !important;
    min-height: 72px !important;
    padding-left: 18px !important;
    padding-right: 12px !important;
    position: sticky !important;
  }

  html body .site-header.has-site-search > .brand,
  html body .front-header.has-site-search > .brand,
  html body .front-header.has-site-search > .front-brand {
    flex: 0 0 64px !important;
    max-width: 64px !important;
    min-width: 0 !important;
    width: 64px !important;
  }

  html body .site-header.has-site-search > .header-actions,
  html body .front-header.has-site-search > .front-actions {
    align-items: center !important;
    display: flex !important;
    flex: 0 0 auto !important;
    gap: 6px !important;
    justify-content: flex-end !important;
    margin-left: auto !important;
    max-width: calc(100vw - 94px) !important;
    min-width: 0 !important;
    overflow: visible !important;
    position: static !important;
    transform: none !important;
    width: auto !important;
  }

  html body .site-header.has-site-search > nav,
  html body .front-header.has-site-search > nav {
    display: none !important;
  }

  html body .site-header.has-site-search .site-search:not(.is-open),
  html body .front-header.has-site-search .site-search:not(.is-open) {
    flex: 0 0 44px !important;
    margin: 0 !important;
    min-width: 44px !important;
    position: static !important;
    width: 44px !important;
  }

  html body .site-header.has-site-search .instagram-action,
  html body .front-header.has-site-search .instagram-action {
    flex: 0 0 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    min-width: 44px !important;
    width: 44px !important;
  }

  html body .site-header .header-actions,
  html body .front-header .front-actions {
    gap: 6px !important;
    max-width: calc(100vw - 94px) !important;
    overflow: visible !important;
  }

  html body .site-header .mobile-menu-toggle,
  html body .front-header .mobile-menu-toggle {
    min-width: 74px !important;
    width: 74px !important;
  }

  html body .site-header .brand,
  html body .front-header .brand,
  html body .front-header .front-brand {
    min-width: 0 !important;
    max-width: 174px !important;
  }

  html body .site-header .brand span,
  html body .front-header .brand span,
  html body .front-header .front-brand span {
    display: none !important;
  }

  html body .site-header .brand strong,
  html body .front-header .brand strong,
  html body .front-header .front-brand strong {
    display: block !important;
    max-width: 112px !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: normal !important;
  text-align: center !important;
  }

  html body .site-header .brand small,
  html body .front-header .brand small,
  html body .front-header .front-brand small {
    display: block !important;
    max-width: 112px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
  text-align: center !important;
  }

  html body.race-home .fan-hero,
  html body.flight-site.lite-page .flight-hero,
  html body.pimax-site .pimax-hero,
  html body.pimax-compare-page .vr-compare-hero {
    box-sizing: border-box !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    padding-left: 28px !important;
    padding-right: 28px !important;
    width: 100% !important;
  }

  html body.pimax-site .pimax-hero h1 {
    box-sizing: border-box !important;
    font-size: clamp(2.45rem, 12vw, 3.35rem) !important;
    inline-size: min(334px, calc(100vw - 56px)) !important;
    line-height: 0.98 !important;
    max-width: min(334px, calc(100vw - 56px)) !important;
    overflow-wrap: break-word !important;
    text-wrap: wrap !important;
    white-space: normal !important;
    width: min(334px, calc(100vw - 56px)) !important;
  }

  html body.pimax-site .pimax-hero p,
  html body.pimax-site .pimax-hero-copy p,
  html body.pimax-site .pimax-hero .hero-copy,
  html body.pimax-site .pimax-hero-copy,
  html body.pimax-site .pimax-hero .hero-actions {
    box-sizing: border-box !important;
    inline-size: min(334px, calc(100vw - 56px)) !important;
    max-width: min(334px, calc(100vw - 56px)) !important;
    overflow-wrap: break-word !important;
    width: min(334px, calc(100vw - 56px)) !important;
  }

  html body.race-home .fan-hero h1,
  html body.flight-site.lite-page .flight-hero-copy h1 {
    box-sizing: border-box !important;
    font-size: clamp(2.25rem, 10.2vw, 3rem) !important;
    inline-size: min(334px, calc(100vw - 56px)) !important;
    line-height: 1.02 !important;
    max-width: min(334px, calc(100vw - 56px)) !important;
    overflow-wrap: break-word !important;
    text-wrap: wrap !important;
    white-space: normal !important;
    width: min(334px, calc(100vw - 56px)) !important;
  }

  html body.race-home .fan-hero p,
  html body.flight-site.lite-page .flight-hero-copy p {
    box-sizing: border-box !important;
    inline-size: min(334px, calc(100vw - 56px)) !important;
    max-width: min(334px, calc(100vw - 56px)) !important;
    overflow-wrap: break-word !important;
    width: min(334px, calc(100vw - 56px)) !important;
  }

  html body.race-home .hero-actions,
  html body.flight-site.lite-page .flight-hero-actions {
    box-sizing: border-box !important;
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: 1fr !important;
    inline-size: min(334px, calc(100vw - 56px)) !important;
    max-width: min(334px, calc(100vw - 56px)) !important;
    width: min(334px, calc(100vw - 56px)) !important;
  }

  html body.race-home .hero-actions .button,
  html body.flight-site.lite-page .flight-hero-actions .button {
    justify-content: center !important;
    min-height: 48px !important;
    width: 100% !important;
  }

  html body .mobile-whatsapp {
    display: none !important;
  }
}

/* Final header audit: keep desktop bars aligned and mobile actions usable. */
@media (max-width: 700px) {
  html body .site-header.has-site-search,
  html body .front-header.has-site-search {
    align-items: center !important;
    display: grid !important;
    gap: 8px !important;
    grid-template-areas: "brand actions" !important;
    grid-template-columns: 62px minmax(0, 1fr) !important;
    justify-content: initial !important;
    min-height: 72px !important;
    overflow: visible !important;
    padding: 10px 10px 10px 16px !important;
    position: sticky !important;
    width: 100% !important;
  }

  html body .site-header.has-site-search > .brand,
  html body .front-header.has-site-search > .brand,
  html body .front-header.has-site-search > .front-brand {
    align-items: center !important;
    display: flex !important;
    flex: none !important;
    grid-area: brand !important;
    justify-content: flex-start !important;
    justify-self: start !important;
    left: auto !important;
    margin: 0 !important;
    max-width: 62px !important;
    min-width: 0 !important;
    position: relative !important;
    top: auto !important;
    transform: none !important;
    width: 62px !important;
    z-index: 8 !important;
  }

  html body .site-header.has-site-search > .brand img,
  html body .front-header.has-site-search > .brand img,
  html body .front-header.has-site-search > .front-brand img {
    height: 54px !important;
    max-width: 58px !important;
    object-fit: contain !important;
    width: 58px !important;
  }

  html body .site-header.has-site-search > .header-actions,
  html body .front-header.has-site-search > .front-actions {
    align-items: center !important;
    display: flex !important;
    flex: none !important;
    gap: 6px !important;
    grid-area: actions !important;
    justify-content: flex-end !important;
    justify-self: end !important;
    margin: 0 !important;
    max-width: calc(100vw - 94px) !important;
    min-width: 0 !important;
    overflow: visible !important;
    position: relative !important;
    transform: none !important;
    width: auto !important;
    z-index: 9 !important;
  }

  html body .site-header.has-site-search > .header-actions,
  html body .front-header.has-site-search > .front-actions,
  html body .site-header.has-site-search > .header-actions *,
  html body .front-header.has-site-search > .front-actions * {
    box-sizing: border-box !important;
  }

  html body:not(.mobile-menu-open) .site-header.has-site-search > nav,
  html body:not(.mobile-menu-open) .front-header.has-site-search > nav {
    display: none !important;
  }

  html body.mobile-menu-open .site-header.has-site-search > nav,
  html body.mobile-menu-open .front-header.has-site-search > nav {
    display: flex !important;
  }

  html body .site-header.has-site-search .mobile-menu-toggle,
  html body .front-header.has-site-search .mobile-menu-toggle {
    align-items: center !important;
    border-radius: 999px !important;
    display: inline-grid !important;
    flex: 0 0 74px !important;
    grid-template-columns: 18px auto !important;
    height: 44px !important;
    justify-content: center !important;
    min-height: 44px !important;
    min-width: 74px !important;
    opacity: 1 !important;
    padding: 0 10px !important;
    position: absolute !important;
    right: 10px !important;
    top: 14px !important;
    visibility: visible !important;
    width: 74px !important;
    z-index: 20 !important;
  }

  html body .site-header.has-site-search .mobile-menu-toggle b,
  html body .front-header.has-site-search .mobile-menu-toggle b {
    display: block !important;
    font-size: 0.76rem !important;
    line-height: 1 !important;
    margin: 0 !important;
    white-space: normal !important;
  text-align: center !important;
  }

  html body .site-header.has-site-search .mobile-menu-toggle span,
  html body .front-header.has-site-search .mobile-menu-toggle span {
    display: block !important;
    height: 2px !important;
    left: 12px !important;
    position: absolute !important;
    width: 16px !important;
  }

  html body .site-header.has-site-search .mobile-menu-toggle span:nth-child(1),
  html body .front-header.has-site-search .mobile-menu-toggle span:nth-child(1) {
    top: 14px !important;
  }

  html body .site-header.has-site-search .mobile-menu-toggle span:nth-child(2),
  html body .front-header.has-site-search .mobile-menu-toggle span:nth-child(2) {
    top: 21px !important;
  }

  html body .site-header.has-site-search .mobile-menu-toggle span:nth-child(3),
  html body .front-header.has-site-search .mobile-menu-toggle span:nth-child(3) {
    top: 28px !important;
  }

  html body .site-header.has-site-search .instagram-action,
  html body .front-header.has-site-search .instagram-action,
  html body .site-header.has-site-search .site-search:not(.is-open),
  html body .front-header.has-site-search .site-search:not(.is-open) {
    flex: 0 0 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    min-width: 42px !important;
    width: 42px !important;
  }

  html body .site-header.has-site-search .site-search:not(.is-open),
  html body .front-header.has-site-search .site-search:not(.is-open) {
    left: auto !important;
    position: absolute !important;
    right: 92px !important;
    top: 15px !important;
    transform: none !important;
  }

  html body .site-header.has-site-search > .header-actions > .instagram-action,
  html body .front-header.has-site-search > .front-actions > .instagram-action {
    display: none !important;
    flex: 0 0 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
  }

  html body .site-header.has-site-search > .header-actions > .theme-toggle,
  html body .front-header.has-site-search > .front-actions > .theme-toggle,
  html body .site-header.has-site-search > .header-actions > .header-action,
  html body .front-header.has-site-search > .front-actions > .front-cta,
  html body .front-header.has-site-search > .front-actions > .header-action {
    display: none !important;
    flex: 0 0 0 !important;
    min-width: 0 !important;
    width: 0 !important;
  }



  html body.pimax-site .pimax-launch-copy,
  html body.pimax-site .pimax-launch-copy *,
  html body.pimax-site .pimax-paths,
  html body.pimax-site .pimax-paths * {
    box-sizing: border-box !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
  }

  html body.pimax-site .pimax-launch-copy > p,
  html body.pimax-site .pimax-launch-copy .hero-actions,
  html body.pimax-site .pimax-hero-facts {
    inline-size: min(334px, calc(100vw - 56px)) !important;
    max-width: min(334px, calc(100vw - 56px)) !important;
    width: min(334px, calc(100vw - 56px)) !important;
  }
}

/* Final mobile header lock: visible search + menu, no off-canvas drift. */
@media (max-width: 700px) {
  html body .mobile-menu-floating {
    align-items: center !important;
    background: rgba(255, 255, 255, 0.94) !important;
    border: 1px solid rgba(15, 23, 42, 0.14) !important;
    border-radius: 999px !important;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.22) !important;
    color: #0b1219 !important;
    display: inline-grid !important;
    grid-template-columns: 18px auto !important;
    height: 44px !important;
    justify-content: center !important;
    min-height: 44px !important;
    min-width: 74px !important;
    padding: 0 10px !important;
    pointer-events: auto !important;
    position: fixed !important;
    right: 64px !important;
    top: 14px !important;
    transform: none !important;
    visibility: visible !important;
    width: 74px !important;
    z-index: 100000 !important;
  }

  html body .site-header.has-site-search > .mobile-menu-toggle,
  html body .front-header.has-site-search > .mobile-menu-toggle {
    display: none !important;
  }

  html.dark-theme body .mobile-menu-floating,
  body.dark-theme .mobile-menu-floating {
    background: rgba(15, 24, 32, 0.96) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    color: #f8fbf7 !important;
  }

  html body .mobile-menu-floating span {
    background: currentColor !important;
    border-radius: 999px !important;
    display: block !important;
    height: 2px !important;
    left: 12px !important;
    position: absolute !important;
    width: 16px !important;
  }

  html body .mobile-menu-floating span:nth-child(1) {
    top: 14px !important;
  }

  html body .mobile-menu-floating span:nth-child(2) {
    top: 21px !important;
  }

  html body .mobile-menu-floating span:nth-child(3) {
    top: 28px !important;
  }

  html body .mobile-menu-floating b {
    display: block !important;
    font-size: 0.76rem !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding-left: 22px !important;
    white-space: normal !important;
  text-align: center !important;
  }

  html body .site-header.has-site-search,
  html body .front-header.has-site-search {
    position: sticky !important;
    overflow: visible !important;
  }

  html body .site-header.has-site-search > .header-actions,
  html body .front-header.has-site-search > .front-actions {
    position: static !important;
    width: auto !important;
    max-width: none !important;
    overflow: visible !important;
    transform: none !important;
  }

  html body .site-header.has-site-search .site-search:not(.is-open),
  html body .front-header.has-site-search .site-search:not(.is-open) {
    display: block !important;
    position: absolute !important;
    inset: 15px 92px auto auto !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    transform: none !important;
    z-index: 30 !important;
  }

  html body .site-header.has-site-search .mobile-menu-toggle,
  html body .front-header.has-site-search .mobile-menu-toggle {
    display: inline-grid !important;
    position: absolute !important;
    inset: 14px 10px auto auto !important;
    width: 74px !important;
    min-width: 74px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
    visibility: visible !important;
    z-index: 40 !important;
  }

  html body .site-header.has-site-search .mobile-menu-toggle b,
  html body .front-header.has-site-search .mobile-menu-toggle b {
    display: block !important;
    padding-left: 22px !important;
  }
}

/* Final desktop parity lock: Flight/Pimax headers match the compact SR header. */
@media (min-width: 981px) {
  html body.flight-site .site-header.has-site-search,
  html body.flight-site .front-header.has-site-search,
  html body.pimax-site .site-header.has-site-search,
  html body.pimax-site .front-header.has-site-search {
    align-items: center !important;
    column-gap: clamp(18px, 1.8vw, 30px) !important;
    display: grid !important;
    grid-template-areas:
      "brand search actions"
      "brand nav switcher" !important;
    grid-template-columns: minmax(150px, 220px) minmax(360px, 1fr) auto !important;
    grid-template-rows: 54px 52px !important;
    min-height: 118px !important;
    overflow: visible !important;
    padding-bottom: 14px !important;
    padding-top: 14px !important;
    row-gap: 0 !important;
  }

  html body.flight-site .site-header.has-site-search > .brand,
  html body.flight-site .front-header.has-site-search > .brand,
  html body.flight-site .front-header.has-site-search > .front-brand,
  html body.pimax-site .site-header.has-site-search > .brand,
  html body.pimax-site .front-header.has-site-search > .brand,
  html body.pimax-site .front-header.has-site-search > .front-brand {
    grid-area: brand !important;
    justify-self: start !important;
    min-width: 0 !important;
    position: static !important;
    transform: none !important;
  }

  html body.flight-site .site-header.has-site-search > .site-search,
  html body.flight-site .front-header.has-site-search > .site-search,
  html body.flight-site .site-header.has-site-search > .site-search.is-open,
  html body.flight-site .front-header.has-site-search > .site-search.is-open,
  html body.pimax-site .site-header.has-site-search > .site-search,
  html body.pimax-site .front-header.has-site-search > .site-search,
  html body.pimax-site .site-header.has-site-search > .site-search.is-open,
  html body.pimax-site .front-header.has-site-search > .site-search.is-open {
    grid-area: search !important;
    justify-self: stretch !important;
    left: auto !important;
    margin: 0 !important;
    max-width: none !important;
    min-width: 0 !important;
    position: relative !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    width: 100% !important;
  }

  html body.flight-site .site-header.has-site-search > nav,
  html body.flight-site .front-header.has-site-search > nav,
  html body.pimax-site .site-header.has-site-search > nav,
  html body.pimax-site .front-header.has-site-search > nav {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    grid-area: nav !important;
    justify-content: center !important;
    justify-self: center !important;
    left: auto !important;
    max-width: 100% !important;
    overflow: visible !important;
    padding-inline: 0 !important;
    position: relative !important;
    top: auto !important;
    transform: none !important;
    width: auto !important;
  }

  html body.flight-site .site-header.has-site-search > .site-universe-switch,
  html body.flight-site .front-header.has-site-search > .site-universe-switch,
  html body.pimax-site .site-header.has-site-search > .site-universe-switch,
  html body.pimax-site .front-header.has-site-search > .site-universe-switch {
    grid-area: switcher !important;
    justify-self: end !important;
    margin: 0 !important;
    max-width: 308px !important;
    min-width: 0 !important;
    position: relative !important;
    transform: none !important;
    width: 308px !important;
    z-index: 3 !important;
  }

  html body.flight-site .site-header.has-site-search > .header-actions,
  html body.flight-site .front-header.has-site-search > .front-actions,
  html body.pimax-site .site-header.has-site-search > .header-actions,
  html body.pimax-site .front-header.has-site-search > .front-actions {
    grid-area: actions !important;
    justify-self: end !important;
    margin: 0 !important;
    min-width: 0 !important;
    position: relative !important;
    transform: none !important;
  }
}

/* End-of-file desktop lock: Flight/Pimax use the same compact single-row header as SR. */
@media (min-width: 1680px) {
  html body.flight-site .site-header.has-site-search,
  html body.flight-site .front-header.has-site-search,
  html body.pimax-site .site-header.has-site-search,
  html body.pimax-site .front-header.has-site-search {
    grid-template-areas: "brand search nav switcher actions" !important;
    grid-template-columns: minmax(150px, 210px) minmax(300px, 360px) minmax(420px, 1fr) minmax(260px, auto) auto !important;
    grid-template-rows: auto !important;
    min-height: 88px !important;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
  }

  html body.flight-site .site-header.has-site-search > .site-universe-switch,
  html body.flight-site .front-header.has-site-search > .site-universe-switch,
  html body.pimax-site .site-header.has-site-search > .site-universe-switch,
  html body.pimax-site .front-header.has-site-search > .site-universe-switch {
    justify-self: end !important;
  }
}

/* Site switcher final skin: compact, logo-first, same behavior on all sites. */
html body .site-universe-switch {
  align-items: stretch !important;
  background: rgba(255, 255, 255, 0.76) !important;
  border: 1px solid rgba(20, 30, 40, 0.1) !important;
  border-radius: 16px !important;
  box-shadow: 0 14px 34px rgba(13, 18, 24, 0.12) !important;
  display: grid !important;
  gap: 5px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  padding: 5px !important;
}

html.dark-theme body .site-universe-switch,
body.dark-theme .site-universe-switch {
  background: rgba(8, 13, 18, 0.76) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.24) !important;
}

html body .site-universe-switch a {
  align-items: center !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  color: var(--text, #11130f) !important;
  display: grid !important;
  gap: 3px !important;
  grid-template-rows: 24px auto !important;
  justify-items: center !important;
  min-height: 54px !important;
  min-width: 0 !important;
  padding: 6px 7px !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease !important;
}

html.dark-theme body .site-universe-switch a,
body.dark-theme .site-universe-switch a {
  color: #f8fbf7 !important;
}

html body .site-universe-switch a:hover,
html body .site-universe-switch a:focus-visible,
html body .site-universe-switch a.is-active {
  background: linear-gradient(135deg, rgba(23, 207, 116, 0.22), rgba(248, 208, 0, 0.34)) !important;
  border-color: rgba(23, 207, 116, 0.42) !important;
  box-shadow: 0 12px 26px rgba(7, 120, 67, 0.14) !important;
  outline: 0 !important;
  transform: translateY(-1px) !important;
}

html body.flight-site .site-universe-switch a:hover,
html body.flight-site .site-universe-switch a:focus-visible,
html body.flight-site .site-universe-switch a.is-active {
  background: linear-gradient(135deg, rgba(40, 157, 255, 0.24), rgba(248, 208, 0, 0.28)) !important;
  border-color: rgba(40, 157, 255, 0.38) !important;
}

html body.pimax-site .site-universe-switch a:hover,
html body.pimax-site .site-universe-switch a:focus-visible,
html body.pimax-site .site-universe-switch a.is-active {
  background: linear-gradient(135deg, rgba(23, 207, 116, 0.26), rgba(248, 208, 0, 0.24)) !important;
  border-color: rgba(23, 207, 116, 0.46) !important;
}

html:not(.dark-theme) body.pimax-site .site-universe-switch a.pimax.is-active strong,
html:not(.dark-theme) body.pimax-compare-page .site-universe-switch a.pimax.is-active strong {
  color: #11130f !important;
}

html.dark-theme body.pimax-site .site-universe-switch a.pimax.is-active strong,
body.dark-theme.pimax-site .site-universe-switch a.pimax.is-active strong,
html.dark-theme body.pimax-compare-page .site-universe-switch a.pimax.is-active strong,
body.dark-theme.pimax-compare-page .site-universe-switch a.pimax.is-active strong {
  color: #ffffff !important;
}

html body .site-universe-logo {
  align-items: center !important;
  display: grid !important;
  height: 24px !important;
  justify-items: center !important;
  min-width: 0 !important;
  width: 58px !important;
}

html body .site-universe-logo img {
  display: block !important;
  height: 24px !important;
  max-width: 58px !important;
  object-fit: contain !important;
  width: 58px !important;
}

html body .site-universe-switch a strong {
  color: inherit !important;
  display: block !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
  margin: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: normal !important;
  text-align: center !important;
}

@media (max-width: 700px) {
  html body .site-header.has-site-search > .site-universe-switch,
  html body .front-header.has-site-search > .site-universe-switch {
    display: none !important;
  }
}

/* Header contract v7: final desktop authority. One row on normal desktop, two only when width is genuinely tight. */
@media (min-width: 1281px) {
  html body .site-header.has-site-search,
  html body .front-header.has-site-search {
    align-items: center !important;
    box-sizing: border-box !important;
    column-gap: 18px !important;
    display: grid !important;
    grid-template-areas: "brand search nav switcher actions" !important;
    grid-template-columns: minmax(210px, 250px) 330px minmax(430px, 1fr) 204px auto !important;
    grid-template-rows: 1fr !important;
    min-height: 88px !important;
    overflow: visible !important;
    padding: 10px clamp(22px, 2.5vw, 54px) !important;
    width: 100% !important;
  }

  html body .site-header.has-site-search > .brand,
  html body .front-header.has-site-search > .brand,
  html body .front-header.has-site-search > .front-brand {
    grid-area: brand !important;
    justify-self: start !important;
    min-width: 0 !important;
    position: static !important;
    transform: none !important;
    width: auto !important;
  }

  html body .site-header.has-site-search > .site-search,
  html body .front-header.has-site-search > .site-search,
  html body .site-header.has-site-search > .site-search.is-open,
  html body .front-header.has-site-search > .site-search.is-open,
  html body .site-header.has-site-search > .site-search .site-search-field,
  html body .front-header.has-site-search > .site-search .site-search-field {
    grid-area: search !important;
    justify-self: start !important;
    left: auto !important;
    margin: 0 !important;
    max-width: 330px !important;
    min-width: 0 !important;
    position: relative !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    width: 330px !important;
  }

  html body .site-header.has-site-search > nav,
  html body .front-header.has-site-search > nav {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    display: flex !important;
    gap: clamp(12px, 0.85vw, 22px) !important;
    grid-area: nav !important;
    justify-content: center !important;
    justify-self: center !important;
    margin: 0 !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    position: static !important;
    transform: none !important;
    width: 100% !important;
  }

  html body .site-header.has-site-search > nav a,
  html body .front-header.has-site-search > nav a {
    flex: 0 0 auto !important;
    font-size: clamp(13px, 0.72vw, 15px) !important;
    min-height: 34px !important;
    padding: 8px 7px !important;
    white-space: normal !important;
  text-align: center !important;
  }

  html body .site-header.has-site-search > .site-universe-switch,
  html body .front-header.has-site-search > .site-universe-switch {
    display: grid !important;
    grid-area: switcher !important;
    justify-self: end !important;
    margin: 0 !important;
    max-width: 204px !important;
    min-width: 0 !important;
    position: static !important;
    transform: none !important;
    width: 204px !important;
  }

  html body .site-header.has-site-search > .header-actions,
  html body .front-header.has-site-search > .front-actions {
    grid-area: actions !important;
    justify-self: end !important;
    margin: 0 !important;
    min-width: 0 !important;
    position: static !important;
    transform: none !important;
    white-space: normal !important;
  text-align: center !important;
  }
}

@media (max-width: 1480px) and (min-width: 981px) {
  html body .site-header.has-site-search,
  html body .front-header.has-site-search {
    grid-template-areas:
      "brand search switcher actions"
      "nav nav nav nav" !important;
    grid-template-columns: minmax(190px, 240px) 320px 204px auto !important;
    grid-template-rows: 50px 38px !important;
    min-height: 108px !important;
  }

  html body .site-header.has-site-search > nav,
  html body .front-header.has-site-search > nav {
    justify-self: center !important;
    max-width: min(760px, 100%) !important;
  }
}

/* Ready kits hover CTA lock. */
html body .ready-kit-hover-copy small,
html body.ready-race-page .ready-kit-hover-copy small,
html body.ready-flight-page .ready-kit-hover-copy small {
  align-items: center !important;
  background: #05080a !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  display: inline-flex !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  gap: 6px !important;
  line-height: 1 !important;
  margin-top: 2px !important;
  max-width: 100% !important;
  padding: 7px 10px !important;
  text-transform: uppercase !important;
  white-space: normal !important;
  text-align: center !important;
}

html:not(.dark-theme) body .ready-kit-hover-copy small,
html:not(.dark-theme) body.ready-race-page .ready-kit-hover-copy small,
html:not(.dark-theme) body.ready-flight-page .ready-kit-hover-copy small {
  background: #05080a !important;
  border-color: rgba(5, 8, 10, 0.16) !important;
  color: #ffffff !important;
}

html body .ready-kit-hover-copy small::after,
html body.ready-race-page .ready-kit-hover-copy small::after,
html body.ready-flight-page .ready-kit-hover-copy small::after {
  content: ">" !important;
  font-size: 12px !important;
  line-height: 1 !important;
}


/* Ready Flight hover cards: keep the details CTA visible even with longer item descriptions. */
@media (hover: hover) {
  body.ready-flight-page .ready-kit-thumbs .ready-kit-item {
    min-height: 198px !important;
  }

  body.ready-flight-page .ready-kit-thumbs .ready-kit-item > .ready-kit-item-info {
    min-height: 198px !important;
  }

  body.ready-flight-page .ready-kit-thumbs .ready-kit-item > .ready-kit-item-visual {
    grid-template-columns: 126px minmax(0, 1fr) !important;
    min-height: 198px !important;
    padding: 16px !important;
  }

  body.ready-flight-page .ready-kit-hover-copy {
    align-self: stretch !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-height: 0 !important;
  }

  body.ready-flight-page .ready-kit-hover-copy p {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    margin-bottom: 10px !important;
    overflow: hidden !important;
  }

  body.ready-flight-page .ready-kit-hover-copy small {
    align-self: flex-start !important;
    flex: 0 0 auto !important;
    margin-top: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  body.ready-flight-page .ready-kit-hover-copy small::after {
    content: ">" !important;
  }
}

/* Product page pilot: compact video + clean purchase actions */
.product-video-section,
.flight-product-video-section {
  width: min(1180px, calc(100% - 40px));
  margin: 22px auto 34px;
  display: grid;
  grid-template-columns: minmax(0, 0.84fr) minmax(260px, 0.46fr);
  gap: 18px;
  align-items: stretch;
}

.product-video-copy,
.flight-product-video-section > div:first-child {
  border: 1px solid rgba(116, 130, 119, 0.24);
  border-radius: 18px;
  padding: clamp(22px, 3vw, 34px);
  background: rgba(255, 255, 255, 0.82);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

html.dark-theme .product-video-copy,
body.dark-theme .product-video-copy,
html.dark-theme .flight-product-video-section > div:first-child,
body.dark-theme .flight-product-video-section > div:first-child {
  background: rgba(10, 18, 24, 0.92);
  border-color: rgba(255, 255, 255, 0.12);
}

.product-video-copy h2,
.flight-product-video-section h2 {
  margin: 6px 0 10px;
  font-size: clamp(1.55rem, 2.6vw, 2.7rem);
  line-height: 1;
  color: var(--text);
}

.product-video-copy p,
.flight-product-video-section p {
  color: var(--muted);
  line-height: 1.55;
}

.product-video-frame {
  min-height: 420px;
  max-height: 540px;
  border: 1px solid rgba(116, 130, 119, 0.24);
  border-radius: 18px;
  overflow: hidden;
  background: #050709;
  box-shadow: 0 18px 58px rgba(0, 0, 0, 0.16);
}

.product-video-frame video,
.product-video-frame iframe {
  width: 100%;
  height: 100%;
  min-height: 420px;
  display: block;
  border: 0;
  object-fit: cover;
}

/* VR configurator headset row: four goggles in one desktop line, without squeezing accessories. */
@media (min-width: 1181px) {
  html body.vr-config-site #vr-headset-options {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  html body.vr-config-site #vr-headset-options .vr-option-card {
    gap: 8px !important;
    min-height: 208px !important;
    padding: 13px !important;
  }

  html body.vr-config-site #vr-headset-options .vr-option-card img {
    height: 118px !important;
  }

  html body.vr-config-site #vr-headset-options .vr-option-card strong {
    font-size: clamp(15px, 1vw, 18px) !important;
    line-height: 1.05 !important;
  }

  html body.vr-config-site #vr-headset-options .vr-option-card p {
    font-size: 12.5px !important;
    line-height: 1.35 !important;
  }
}

@media (max-width: 1180px) and (min-width: 761px) {
  html body.vr-config-site #vr-headset-options {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

.product-video-frame-vertical {
  width: min(360px, 100%);
  justify-self: center;
  aspect-ratio: 9 / 16;
}

body.pimax-site.product-vr-page .product-ad-hero,
body.pimax-site.product-vr-page .product-ad-description,
body.pimax-site.product-vr-page .product-editorial article,
body.pimax-site.product-vr-page .product-editorial aside,
body.pimax-site.product-vr-page .product-info article,
body.pimax-site.product-vr-page .product-final-cta,
body.pimax-site.product-vr-page .product-video-copy {
  border-color: rgba(10, 190, 90, 0.28);
}

body.pimax-site.product-vr-page .product-ad-hero {
  background: #f6faf7;
}

html.dark-theme body.pimax-site.product-vr-page .product-ad-hero,
body.dark-theme.pimax-site.product-vr-page .product-ad-hero {
  background: #07120f;
}

body.pimax-site.product-vr-page .product-buy-panel {
  border-color: rgba(10, 190, 90, 0.36);
}

body.pimax-site.product-vr-page .button.primary,
body.pimax-site.product-vr-page #product-stock-notify {
  background: linear-gradient(135deg, #19d978, #d6ee3b);
  color: #06120d;
  border-color: transparent;
}

.deal-badge.is-out-stock {
  background: rgba(255, 190, 60, 0.16);
  color: #8a5a00;
  border-color: rgba(255, 190, 60, 0.38);
}

html.dark-theme .deal-badge.is-out-stock,
body.dark-theme .deal-badge.is-out-stock {
  color: #ffe08a;
}

/* Product labels in the light Speed Race theme need dark text on light cards. */
html:not(.dark-theme) body.product-racing-page .deal-badge:not(.is-out-stock),
html:not(.dark-theme) body.speedrace-site .deal-badge:not(.is-out-stock),
html:not(.dark-theme) body .product-ad-highlights span {
  background: rgba(244, 196, 48, 0.18) !important;
  border-color: rgba(178, 130, 0, 0.34) !important;
  color: #1f1a08 !important;
}

html:not(.dark-theme) body.product-racing-page .product-ad-subtitle,
html:not(.dark-theme) body.speedrace-site .product-ad-subtitle {
  color: #211f18 !important;
}

#product-mp-button:disabled,
#product-add-cart-button:disabled {
  cursor: not-allowed;
  opacity: 0.56;
  box-shadow: none;
}

body.flight-site .flight-product-video-section {
  --flight-video-border: rgba(56, 158, 255, 0.28);
}

body.flight-site .flight-product-video-section > div:first-child,
body.flight-site .flight-product-video-section .product-video-frame {
  border-color: var(--flight-video-border);
}

body.flight-site .flight-product-actions,
body.flight-site .flight-buy-panel {
  gap: 10px;
}

@media (max-width: 860px) {
  .product-video-section,
  .flight-product-video-section {
    width: min(100% - 24px, 620px);
    grid-template-columns: 1fr;
  }

  .product-video-frame,
  .product-video-frame video,
  .product-video-frame iframe {
    min-height: 360px;
  }

  .product-video-frame-vertical {
    max-height: 520px;
  }
}

/* Global header contract: same geometry across index, store, configurators, story and product pages. */
@media (min-width: 981px) {
  html body .site-header.has-site-search,
  html body .front-header.has-site-search {
    align-items: center !important;
    box-sizing: border-box !important;
    column-gap: clamp(12px, 1.1vw, 22px) !important;
    display: grid !important;
    grid-template-areas:
      "brand search switcher actions"
      "nav nav nav nav" !important;
    grid-template-columns: minmax(230px, 280px) minmax(280px, 420px) 244px minmax(320px, auto) !important;
    grid-template-rows: 52px 38px !important;
    min-height: 112px !important;
    overflow: visible !important;
    padding: 10px clamp(20px, 2.4vw, 48px) !important;
    width: 100% !important;
  }

  html body .site-header.has-site-search > .brand,
  html body .front-header.has-site-search > .brand,
  html body .front-header.has-site-search > .front-brand {
    grid-area: brand !important;
    justify-self: start !important;
    min-width: 0 !important;
    position: static !important;
    transform: none !important;
    width: auto !important;
  }

  html body .site-header.has-site-search > .site-search,
  html body .front-header.has-site-search > .site-search,
  html body .site-header.has-site-search > .site-search.is-open,
  html body .front-header.has-site-search > .site-search.is-open {
    grid-area: search !important;
    justify-self: start !important;
    left: auto !important;
    margin: 0 !important;
    max-width: 420px !important;
    min-width: 0 !important;
    position: relative !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    width: min(420px, 100%) !important;
    z-index: 2 !important;
  }

  html body .site-header.has-site-search > .site-search .site-search-field,
  html body .front-header.has-site-search > .site-search .site-search-field {
    max-width: 420px !important;
    width: 100% !important;
  }

  html body .site-header.has-site-search > nav,
  html body .front-header.has-site-search > nav {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    display: flex !important;
    gap: clamp(16px, 1.2vw, 28px) !important;
    grid-area: nav !important;
    justify-content: center !important;
    justify-self: center !important;
    margin: 0 !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    position: static !important;
    transform: none !important;
    width: 100% !important;
    z-index: 2 !important;
  }

  html body .site-header.has-site-search > nav a,
  html body .front-header.has-site-search > nav a {
    flex: 0 0 auto !important;
    font-size: clamp(13px, 0.72vw, 15px) !important;
    min-height: 34px !important;
    padding: 8px clamp(8px, 0.62vw, 12px) !important;
    white-space: normal !important;
  text-align: center !important;
  }

  html body .site-header.has-site-search > .site-universe-switch,
  html body .front-header.has-site-search > .site-universe-switch {
    grid-area: switcher !important;
    justify-self: end !important;
    margin: 0 !important;
    max-width: 244px !important;
    min-width: 0 !important;
    position: static !important;
    transform: none !important;
    width: 244px !important;
    z-index: 4 !important;
  }

  html body .site-header.has-site-search > .header-actions,
  html body .front-header.has-site-search > .front-actions {
    grid-area: actions !important;
    justify-self: end !important;
    margin: 0 !important;
    min-width: 0 !important;
    position: static !important;
    transform: none !important;
    white-space: normal !important;
  text-align: center !important;
    z-index: 5 !important;
  }
}

@media (max-width: 1900px) and (min-width: 981px) {
  html body .site-header.has-site-search,
  html body .front-header.has-site-search {
    column-gap: 12px !important;
    grid-template-columns: minmax(190px, 240px) 340px 204px minmax(320px, auto) !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  html body .site-header.has-site-search > .site-search,
  html body .front-header.has-site-search > .site-search,
  html body .site-header.has-site-search > .site-search.is-open,
  html body .front-header.has-site-search > .site-search.is-open,
  html body .site-header.has-site-search > .site-search .site-search-field,
  html body .front-header.has-site-search > .site-search .site-search-field {
    max-width: 340px !important;
    width: 340px !important;
  }

  html body .site-header.has-site-search > nav,
  html body .front-header.has-site-search > nav {
    gap: 14px !important;
    justify-content: center !important;
    padding-right: 0 !important;
  }

  html body .site-header.has-site-search > nav a,
  html body .front-header.has-site-search > nav a {
    font-size: 13px !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
  }

  html body .site-header.has-site-search > .site-universe-switch,
  html body .front-header.has-site-search > .site-universe-switch {
    max-width: 204px !important;
    width: 204px !important;
  }

  html body .site-header.has-site-search > .site-universe-switch a,
  html body .front-header.has-site-search > .site-universe-switch a {
    min-height: 56px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  html body .site-header.has-site-search > .site-universe-switch .site-universe-logo,
  html body .front-header.has-site-search > .site-universe-switch .site-universe-logo {
    height: 24px !important;
    width: 44px !important;
  }

  html body .site-header.has-site-search > .site-universe-switch .site-universe-logo img,
  html body .front-header.has-site-search > .site-universe-switch .site-universe-logo img {
    max-height: 24px !important;
    max-width: 44px !important;
  }
}

@media (max-width: 1180px) and (min-width: 981px) {
  html body .site-header.has-site-search,
  html body .front-header.has-site-search {
    grid-template-areas:
      "brand search actions"
      "nav nav nav" !important;
    grid-template-columns: minmax(210px, 280px) minmax(300px, 1fr) auto !important;
    grid-template-rows: 50px 40px !important;
    min-height: 104px !important;
  }

  html body .site-header.has-site-search > nav,
  html body .front-header.has-site-search > nav {
    justify-content: center !important;
    justify-self: center !important;
    max-width: min(780px, 100%) !important;
    padding: 0 !important;
  }

  html body .site-header.has-site-search > .site-universe-switch,
  html body .front-header.has-site-search > .site-universe-switch {
    display: none !important;
  }
}

/* Visual audit pass 2026-06-21: keep the first configurator step readable.
   The original two-column header pushed the title to the right and made the
   intro look disconnected from the cards below. */
body.configurator-lite-page .ecosystem-stage-header,
html body.configurator-lite-page .ecosystem-stage-header {
  align-items: start !important;
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: minmax(0, 1fr) !important;
  justify-items: start !important;
  margin-bottom: 18px !important;
  max-width: 920px !important;
  text-align: left !important;
}

body.configurator-lite-page .ecosystem-stage-header h3,
html body.configurator-lite-page .ecosystem-stage-header h3 {
  font-size: clamp(2rem, 3.7vw, 3.7rem) !important;
  line-height: 0.98 !important;
  margin: 4px 0 0 !important;
  max-width: 780px !important;
}

body.configurator-lite-page .ecosystem-stage-header p,
html body.configurator-lite-page .ecosystem-stage-header p {
  color: var(--muted) !important;
  font-size: clamp(0.98rem, 1.2vw, 1.08rem) !important;
  line-height: 1.55 !important;
  max-width: 760px !important;
}

html:not(.dark-theme) body.configurator-lite-page .ecosystem-stage-header h3 {
  color: #181713 !important;
}

html:not(.dark-theme) body.configurator-lite-page .ecosystem-stage-header p {
  color: #5f584c !important;
}

/* Flight configurator audit pass: the opening headline was too tall and made
   the hero feel broken before the customer reached the product choices. */
body.flight-site.flight-config-lite .flight-hero {
  overflow: hidden !important;
}

body.flight-site.flight-config-lite .flight-hero-inner,
html body.flight-site.flight-config-lite .flight-hero-inner {
  align-items: center !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.72fr) !important;
}

body.flight-site.flight-config-lite .flight-hero-copy h1,
html body.flight-site.flight-config-lite .flight-hero-copy h1 {
  font-size: clamp(2.25rem, 4.35vw, 3.85rem) !important;
  line-height: 1.01 !important;
  max-width: 700px !important;
}

body.flight-site.flight-config-lite .flight-hero-panel,
html body.flight-site.flight-config-lite .flight-hero-panel {
  max-width: 440px !important;
  min-width: 0 !important;
}

/* Speed Flight dedicated store: same catalog idea as Pimax VR, with blue aviation tone. */
body.flight-store-page .brand-catalog-grid,
body.flight-store-page .catalog-empty-state,
body.flight-store-page .catalog-brand-switcher {
  display: none !important;
}

body.flight-store-page .store-hero {
  min-height: auto !important;
  padding-bottom: clamp(34px, 5vw, 64px) !important;
}

body.flight-store-page .brand-catalog-intro {
  max-width: 760px !important;
}

.flight-store-pitch {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 24px;
  max-width: 1120px;
}

.flight-store-pitch article {
  background: color-mix(in srgb, var(--flight-panel, #ffffff) 88%, transparent);
  border: 1px solid color-mix(in srgb, var(--flight-blue, #1794e8) 22%, var(--flight-line, #cfe4f5));
  border-radius: 18px;
  display: grid;
  gap: 8px;
  padding: 18px;
}

.flight-store-pitch span {
  color: var(--flight-blue, #126fc4);
  font-size: 0.78rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.flight-store-pitch strong {
  color: var(--flight-text, #06111e);
  font-size: 1.04rem;
}

.flight-store-pitch p {
  color: var(--flight-muted, #526b7a);
  font-size: 0.94rem;
  line-height: 1.5;
  margin: 0;
}

body.flight-store-page #moza-flight.store-section {
  padding-inline: clamp(18px, 4vw, 52px) !important;
  padding-top: clamp(34px, 5vw, 58px) !important;
}

body.flight-store-page #moza-flight .section-heading {
  align-items: end;
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0, 0.72fr) minmax(280px, 0.46fr);
}

body.flight-store-page #moza-flight .section-heading p:last-child {
  justify-self: end;
  max-width: 470px;
}

body.flight-store-page [data-store-grid="moza"] {
  align-items: stretch;
  gap: 18px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.flight-store-page [data-store-grid="moza"] .store-category-divider {
  grid-column: 1 / -1;
  margin: 10px 0 0;
}

body.flight-store-page [data-store-grid="moza"] .store-category-divider span {
  background: color-mix(in srgb, var(--flight-blue, #1794e8) 12%, var(--flight-panel, #fff));
  border: 1px solid color-mix(in srgb, var(--flight-blue, #1794e8) 24%, var(--flight-line, #cfe4f5));
  border-radius: 999px;
  color: var(--flight-blue, #126fc4);
  padding: 8px 14px;
}

body.flight-store-page [data-store-grid="moza"] .store-product-card {
  border-radius: 22px !important;
  min-height: 100%;
}

body.flight-store-page [data-store-grid="moza"] .store-card figure {
  background:
    radial-gradient(circle at 50% 42%, rgba(30, 150, 255, 0.15), transparent 58%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(226, 244, 255, 0.92)) !important;
}

body.flight-store-page [data-store-grid="moza"] .store-card img {
  max-height: 228px !important;
  width: min(100%, 310px);
}

body.flight-store-page [data-store-grid="moza"] .store-card-copy {
  align-content: start;
  display: grid !important;
  gap: 8px !important;
}

body.flight-store-page [data-store-grid="moza"] .store-card-copy > span {
  color: var(--flight-blue, #126fc4) !important;
}

body.flight-store-page [data-store-grid="moza"] .store-card strong {
  font-size: clamp(1.08rem, 1.25vw, 1.34rem) !important;
}

body.flight-store-page [data-store-grid="moza"] .store-card p {
  color: var(--flight-muted, #526b7a) !important;
  font-size: 0.94rem !important;
}

body.flight-store-page [data-store-grid="moza"] .store-card-actions {
  align-items: stretch;
  display: grid !important;
  gap: 8px;
  grid-template-columns: 1fr 1fr;
}

body.flight-store-page [data-store-grid="moza"] .store-card-actions .store-cart-button,
body.flight-store-page [data-store-grid="moza"] .store-card-actions .store-info-button,
body.flight-store-page [data-store-grid="moza"] .store-card-actions .stock-notify-button {
  min-height: 42px;
  white-space: normal;
}

body.flight-store-page [data-store-grid="moza"] .store-card-actions .stock-notify-button.is-visible {
  grid-column: 1 / -1;
}

.flight-store-cross-sell {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: clamp(28px, 5vw, 70px) clamp(18px, 4vw, 52px);
}

.flight-cross-card {
  border-radius: 24px;
  display: grid;
  gap: 12px;
  min-height: 300px;
  overflow: hidden;
  padding: clamp(22px, 3vw, 36px);
  position: relative;
}

.flight-cross-card::before {
  content: "";
  inset: 0;
  opacity: 0.28;
  position: absolute;
}

.flight-cross-card > * {
  position: relative;
  z-index: 1;
}

.flight-cross-card span {
  color: #9fddff;
  font-size: 0.78rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.flight-cross-card h2 {
  color: #ffffff;
  font-size: clamp(2rem, 4vw, 4rem);
  line-height: 0.98;
  margin: 0;
  max-width: 700px;
}

.flight-cross-card p {
  color: rgba(255, 255, 255, 0.82);
  line-height: 1.6;
  margin: 0;
  max-width: 620px;
}

.flight-cross-card a {
  align-self: end;
  background: #35b5ff;
  border-radius: 999px;
  color: #06111e;
  font-weight: 950;
  justify-self: start;
  padding: 13px 18px;
  text-decoration: none;
}

.flight-cross-race {
  background:
    linear-gradient(90deg, rgba(4, 8, 7, 0.9), rgba(4, 8, 7, 0.46)),
    url("assets/fanatec/10_GT_DD_PRO_01.min-339x226.format-webp.webp") center / cover;
}

.flight-cross-vr {
  background:
    linear-gradient(90deg, rgba(4, 12, 20, 0.92), rgba(4, 12, 20, 0.5)),
    url("assets/pimax/Pimax-Crystal-Light-3.png") center / cover;
}

html.dark-theme .flight-store-pitch article,
body.dark-theme .flight-store-pitch article {
  background: color-mix(in srgb, var(--flight-panel, #0d1a27) 86%, transparent);
  border-color: rgba(86, 187, 255, 0.2);
}

html.dark-theme body.flight-store-page [data-store-grid="moza"] .store-card figure,
body.dark-theme.flight-store-page [data-store-grid="moza"] .store-card figure {
  background:
    radial-gradient(circle at 50% 42%, rgba(58, 183, 255, 0.18), transparent 58%),
    linear-gradient(180deg, rgba(7, 16, 28, 0.96), rgba(10, 25, 42, 0.94)) !important;
}

@media (max-width: 900px) {
  .flight-store-pitch,
  .flight-store-cross-sell,
  body.flight-store-page #moza-flight .section-heading {
    grid-template-columns: 1fr;
  }

  body.flight-store-page [data-store-grid="moza"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  body.flight-store-page [data-store-grid="moza"] {
    grid-template-columns: 1fr !important;
  }

  body.flight-store-page .store-hero {
    padding-top: 116px !important;
  }
}

@media (max-width: 900px) {
  body.flight-site.flight-config-lite .flight-hero-inner,
  html body.flight-site.flight-config-lite .flight-hero-inner {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.configurator-lite-page .ecosystem-stage-header h3,
  html body.configurator-lite-page .ecosystem-stage-header h3,
  body.flight-site.flight-config-lite .flight-hero-copy h1,
  html body.flight-site.flight-config-lite .flight-hero-copy h1 {
    font-size: clamp(2rem, 9vw, 3.1rem) !important;
  }
}

/* Visual audit: on mobile, dense Pimax comparison tables become readable cards. */
@media (max-width: 760px) {
  html body.pimax-site .vr-compare-table,
  html body.pimax-site .vr-comparison-table {
    border-collapse: separate !important;
    display: block !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  html body.pimax-site .vr-compare-table thead,
  html body.pimax-site .vr-comparison-table thead {
    display: none !important;
  }

  html body.pimax-site .vr-compare-table tbody,
  html body.pimax-site .vr-comparison-table tbody {
    display: grid !important;
    gap: 12px !important;
    width: 100% !important;
  }

  html body.pimax-site .vr-compare-table tr,
  html body.pimax-site .vr-comparison-table tr {
    background: color-mix(in srgb, var(--pimax-panel) 92%, transparent) !important;
    border: 1px solid var(--pimax-line) !important;
    border-radius: 16px !important;
    display: grid !important;
    overflow: hidden !important;
    padding: 12px !important;
    width: 100% !important;
  }

  html body.pimax-site .vr-compare-table th,
  html body.pimax-site .vr-comparison-table th {
    border: 0 !important;
    display: block !important;
    padding: 0 0 10px !important;
    text-align: left !important;
    white-space: normal !important;
    width: 100% !important;
  }

  html body.pimax-site .vr-compare-table td,
  html body.pimax-site .vr-comparison-table td {
    align-items: start !important;
    border: 0 !important;
    border-top: 1px solid var(--pimax-line) !important;
    display: grid !important;
    gap: 5px !important;
    grid-template-columns: 104px minmax(0, 1fr) !important;
    padding: 9px 0 !important;
    text-align: left !important;
    white-space: normal !important;
    width: 100% !important;
  }

  html body.pimax-site .vr-compare-table td::before,
  html body.pimax-site .vr-comparison-table td::before {
    color: var(--pimax-blue) !important;
    content: "Info";
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: 0.04em !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
  }

  html body.pimax-site .vr-compare-table td:nth-of-type(1)::before,
  html body.pimax-site .vr-comparison-table td:nth-of-type(1)::before {
    content: "Melhor para";
  }

  html body.pimax-site .vr-compare-table td:nth-of-type(2)::before,
  html body.pimax-site .vr-comparison-table td:nth-of-type(2)::before {
    content: "Painel";
  }

  html body.pimax-site .vr-compare-table td:nth-of-type(3)::before,
  html body.pimax-site .vr-comparison-table td:nth-of-type(3)::before {
    content: "Resolução";
  }

  html body.pimax-site .vr-compare-table td:nth-of-type(4)::before {
    content: "PPD";
  }

  html body.pimax-site .vr-compare-table td:nth-of-type(5)::before {
    content: "Campo";
  }

  html body.pimax-site .vr-compare-table td:nth-of-type(6)::before,
  html body.pimax-site .vr-comparison-table td:nth-of-type(4)::before {
    content: "Dimming";
  }

  html body.pimax-site .vr-compare-table td:nth-of-type(7)::before,
  html body.pimax-site .vr-comparison-table td:nth-of-type(5)::before {
    content: "Estoque";
  }

  html body.pimax-site .vr-compare-table td:nth-of-type(8)::before {
    content: "Venda";
  }
}

/* Visual audit pass 2026-06-21: prevent dense cards from looking broken. */
body.ready-race-page .ready-kit-thumbs .ready-kit-item,
body.ready-flight-page .ready-kit-thumbs .ready-kit-item {
  contain: layout paint !important;
}

body.ready-race-page .ready-kit-item-info,
body.ready-flight-page .ready-kit-item-info {
  min-width: 0 !important;
}

body.ready-race-page .ready-kit-item-info strong,
body.ready-flight-page .ready-kit-item-info strong,
body.ready-race-page .ready-kit-item-info p,
body.ready-flight-page .ready-kit-item-info p {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

body.ready-race-page .ready-kit-item-info p,
body.ready-flight-page .ready-kit-item-info p {
  display: -webkit-box !important;
  font-size: 12px !important;
  line-height: 1.26 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 4 !important;
  overflow: hidden !important;
}

@media (hover: hover) {
  body.ready-race-page .ready-kit-thumbs .ready-kit-item,
  body.ready-flight-page .ready-kit-thumbs .ready-kit-item {
    min-height: 156px !important;
  }

  body.ready-race-page .ready-kit-thumbs .ready-kit-item > .ready-kit-item-info,
  body.ready-flight-page .ready-kit-thumbs .ready-kit-item > .ready-kit-item-info {
    min-height: 156px !important;
    padding: 15px !important;
  }

  body.ready-race-page .ready-kit-thumbs .ready-kit-item > .ready-kit-item-visual,
  body.ready-flight-page .ready-kit-thumbs .ready-kit-item > .ready-kit-item-visual {
    grid-template-columns: 104px minmax(0, 1fr) !important;
    gap: 11px !important;
    padding: 12px !important;
  }

  body.ready-race-page .ready-kit-thumbs .ready-kit-item > .ready-kit-item-visual > img,
  body.ready-flight-page .ready-kit-thumbs .ready-kit-item > .ready-kit-item-visual > img {
    width: 96px !important;
  }

  body.ready-race-page .ready-kit-hover-copy p,
  body.ready-flight-page .ready-kit-hover-copy p {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;
  }
}

html body.product-ad-page .deal-badge,
html body.product-ad-page .product-variant-selector > span,
html body.product-ad-page .product-variant-choice,
html body.product-ad-page .product-variant-choice strong,
html body.product-ad-page .product-variant-choice small,
html body.product-ad-page .product-buy-panel p,
html body.product-ad-page .product-buy-panel span,
html body.product-ad-page .product-buy-panel strong {
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
  white-space: normal !important;
}

html body.product-ad-page .deal-badge {
  align-self: start !important;
  display: inline-flex !important;
  line-height: 1.1 !important;
  padding: 7px 10px !important;
}

html body.product-ad-page .product-variant-options {
  grid-template-columns: repeat(auto-fit, minmax(118px, 1fr)) !important;
}

html body.product-ad-page .product-variant-choice {
  align-content: start !important;
  min-height: 66px !important;
  padding: 9px !important;
}

html body.product-ad-page .product-variant-choice strong {
  font-size: 12px !important;
  line-height: 1.15 !important;
}

html body.product-ad-page .product-variant-choice small {
  font-size: 11px !important;
  line-height: 1.2 !important;
}

@media (max-width: 760px) {
  html body.pimax-compare-page .vr-guide-grid,
  html body.pimax-compare-page .competitor-grid-named {
    inline-size: 100% !important;
    margin-inline: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  html body.pimax-compare-page .vr-guide-grid.is-mobile-carousel,
  html body.pimax-compare-page .competitor-grid-named.is-mobile-carousel,
  html body.pimax-compare-page .vr-guide-grid,
  html body.pimax-compare-page .competitor-grid-named {
    display: flex !important;
    gap: 12px !important;
    overflow-x: auto !important;
    padding: 0 14px 12px !important;
    scroll-padding-inline: 14px !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
  }

  html body.pimax-compare-page .vr-guide-grid > article,
  html body.pimax-compare-page .competitor-grid-named > article {
    flex: 0 0 min(82vw, 330px) !important;
    min-height: 0 !important;
    padding: 16px !important;
    scroll-snap-align: center !important;
  }

  html body.pimax-compare-page .vr-guide-grid h3,
  html body.pimax-compare-page .competitor-grid h3 {
    font-size: 1.15rem !important;
    line-height: 1.08 !important;
  }

  html body.pimax-compare-page .vr-guide-grid p,
  html body.pimax-compare-page .competitor-grid p {
    display: -webkit-box !important;
    font-size: 0.88rem !important;
    line-height: 1.34 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 5 !important;
    overflow: hidden !important;
  }

  html body.pimax-compare-page .vr-guide-grid article > span,
  html body.pimax-compare-page .competitor-grid-named article > span {
    margin-bottom: 10px !important;
    padding: 7px 9px !important;
  }

  html body.pimax-compare-page .vr-table-scroll-hint {
    align-items: center !important;
    display: grid !important;
    grid-template-columns: 1fr auto auto !important;
    width: 100% !important;
  }
}

/* Header stabilization pass: keep nav away from search/site switch/actions on desktop. */
@media (min-width: 981px) {
  html body .site-header.has-site-search,
  html body .front-header.has-site-search {
    align-items: center !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-areas:
      "brand search switcher actions"
      "nav nav nav nav" !important;
    grid-template-columns: minmax(210px, 270px) minmax(300px, 430px) minmax(190px, 230px) minmax(260px, max-content) !important;
    grid-template-rows: auto auto !important;
    min-height: 108px !important;
    overflow: visible !important;
    padding: 14px clamp(18px, 2.4vw, 42px) 12px !important;
    row-gap: 10px !important;
    width: 100% !important;
  }

  html body .site-header.has-site-search > .brand,
  html body .front-header.has-site-search > .brand,
  html body .front-header.has-site-search > .front-brand {
    grid-area: brand !important;
    min-width: 0 !important;
    position: relative !important;
    z-index: 4 !important;
  }

  html body .site-header.has-site-search > .site-search,
  html body .front-header.has-site-search > .site-search,
  html body .site-header.has-site-search > .site-search.is-open,
  html body .front-header.has-site-search > .site-search.is-open {
    grid-area: search !important;
    justify-self: start !important;
    max-width: 430px !important;
    min-width: 0 !important;
    position: relative !important;
    width: min(430px, 100%) !important;
    z-index: 5 !important;
  }

  html body .site-header.has-site-search > .site-search .site-search-field,
  html body .front-header.has-site-search > .site-search .site-search-field {
    max-width: 430px !important;
    width: 100% !important;
  }

  html body .site-header.has-site-search > .site-universe-switch,
  html body .front-header.has-site-search > .site-universe-switch {
    grid-area: switcher !important;
    justify-self: end !important;
    margin: 0 !important;
    max-width: 230px !important;
    position: relative !important;
    width: 230px !important;
    z-index: 6 !important;
  }

  html body .site-header.has-site-search > .header-actions,
  html body .front-header.has-site-search > .front-actions {
    grid-area: actions !important;
    justify-self: end !important;
    margin: 0 !important;
    max-width: 100% !important;
    min-width: 0 !important;
    position: relative !important;
    z-index: 6 !important;
  }

  html body .site-header.has-site-search > nav,
  html body .front-header.has-site-search > nav {
    align-items: center !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: clamp(18px, 2.5vw, 42px) !important;
    grid-area: nav !important;
    justify-content: center !important;
    justify-self: center !important;
    margin: 0 !important;
    max-width: 980px !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: relative !important;
    width: min(980px, 100%) !important;
    z-index: 3 !important;
  }

  html body .site-header.has-site-search > nav a,
  html body .front-header.has-site-search > nav a {
    flex: 0 0 auto !important;
    line-height: 1 !important;
    min-width: 0 !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 1360px) and (min-width: 981px) {
  html body .site-header.has-site-search,
  html body .front-header.has-site-search {
    grid-template-columns: minmax(190px, 250px) minmax(260px, 360px) minmax(178px, 210px) minmax(220px, max-content) !important;
  }

  html body .site-header.has-site-search > .site-search,
  html body .front-header.has-site-search > .site-search,
  html body .site-header.has-site-search > .site-search.is-open,
  html body .front-header.has-site-search > .site-search.is-open,
  html body .site-header.has-site-search > .site-search .site-search-field,
  html body .front-header.has-site-search > .site-search .site-search-field {
    max-width: 360px !important;
  }

  html body .site-header.has-site-search > nav,
  html body .front-header.has-site-search > nav {
    gap: 20px !important;
  }
}

@media (min-width: 981px) {
  html body .site-header,
  html body .front-header {
    display: grid !important;
    grid-template-areas:
      "brand search switcher actions"
      "nav nav nav nav" !important;
    grid-template-columns: minmax(210px, 270px) minmax(300px, 430px) minmax(190px, 230px) minmax(260px, max-content) !important;
    grid-template-rows: auto auto !important;
    min-height: 108px !important;
    overflow: visible !important;
    row-gap: 10px !important;
  }

  html body .site-header > .brand,
  html body .front-header > .brand,
  html body .front-header > .front-brand {
    grid-area: brand !important;
    justify-self: start !important;
  }

  html body .site-header > .site-search,
  html body .front-header > .site-search {
    grid-area: search !important;
    justify-self: start !important;
    max-width: 430px !important;
    width: min(430px, 100%) !important;
  }

  html body .site-header > .site-search .site-search-field,
  html body .front-header > .site-search .site-search-field {
    width: 100% !important;
  }

  html body .site-header > .site-universe-switch,
  html body .front-header > .site-universe-switch {
    grid-area: switcher !important;
    justify-self: end !important;
    margin: 0 !important;
    max-width: 230px !important;
    width: 230px !important;
  }

  html body .site-header > .header-actions,
  html body .front-header > .front-actions {
    grid-area: actions !important;
    justify-self: end !important;
    margin: 0 !important;
  }

html body .site-header > nav,
  html body .front-header > nav {
    grid-area: nav !important;
    justify-content: center !important;
    justify-self: center !important;
    max-width: 980px !important;
    overflow: hidden !important;
    width: min(980px, 100%) !important;
  }
}

/* Product page audit pass: keep the buy column inside the viewport on desktop. */
@media (min-width: 981px) {
  html body .product-ad-page .product-ad-hero {
    box-sizing: border-box !important;
    grid-template-columns: minmax(220px, 0.62fr) minmax(0, 1fr) minmax(290px, 340px) !important;
    max-width: 100vw !important;
    overflow: hidden !important;
  }

  html body .product-ad-page .product-buy-panel {
    box-sizing: border-box !important;
    justify-self: stretch !important;
    max-width: 340px !important;
    min-width: 0 !important;
    overflow: hidden !important;
    width: 100% !important;
  }

  html body .product-ad-page .product-buy-panel .button.full,
  html body .product-ad-page .product-buy-panel button,
  html body .product-ad-page .product-buy-panel a {
    max-width: 100% !important;
    white-space: normal !important;
  }

  html body .product-ad-page .product-price {
    font-size: clamp(2.4rem, 3.2vw, 3.8rem) !important;
    letter-spacing: 0 !important;
    line-height: 0.95 !important;
  }

  html body .product-ad-page .old-price,
  html body .product-ad-page .pix-price,
  html body .product-ad-page .installments,
  html body .product-ad-page .product-buy-panel p,
  html body .product-ad-page .integration-note {
    max-width: 100% !important;
  }
}

/* Pimax comparator: keep the final sources and CTA contained. */
body.pimax-compare-page .vr-compare-sources {
  background: rgba(7, 17, 14, 0.82) !important;
  border: 1px solid rgba(37, 232, 96, 0.18) !important;
  border-radius: 24px !important;
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.18) !important;
  box-sizing: border-box !important;
  margin: clamp(34px, 5vw, 72px) auto 0 !important;
  max-width: 1180px !important;
  overflow: hidden !important;
  padding: clamp(24px, 4vw, 46px) !important;
  width: min(1180px, calc(100% - 48px)) !important;
}

body.pimax-compare-page .vr-compare-sources h2 {
  font-size: clamp(2rem, 4vw, 3.4rem) !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  margin: 0 0 12px !important;
  max-width: 760px !important;
  text-wrap: balance !important;
}

body.pimax-compare-page .vr-compare-sources p {
  margin: 0 !important;
  max-width: 940px !important;
}

body.pimax-compare-page .vr-compare-sources ul {
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  list-style: none !important;
  margin: 24px 0 0 !important;
  padding: 0 !important;
}

body.pimax-compare-page .vr-compare-sources li {
  min-width: 0 !important;
}

body.pimax-compare-page .vr-compare-sources a {
  align-items: center !important;
  background: rgba(255, 255, 255, 0.055) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 14px !important;
  display: flex !important;
  font-weight: 850 !important;
  justify-content: space-between !important;
  min-height: 48px !important;
  padding: 12px 14px !important;
  text-decoration: none !important;
}

body.pimax-compare-page .vr-compare-sources a::after {
  content: "↗";
  font-size: 0.9em;
  opacity: 0.72;
}

body.pimax-compare-page .final-cta {
  align-items: center !important;
  background: linear-gradient(135deg, rgba(9, 47, 25, 0.82), rgba(5, 18, 15, 0.94)) !important;
  border: 1px solid rgba(37, 232, 96, 0.24) !important;
  border-radius: 26px !important;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.2) !important;
  box-sizing: border-box !important;
  display: grid !important;
  gap: 24px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  margin: clamp(24px, 4vw, 46px) auto clamp(40px, 6vw, 76px) !important;
  max-width: 1180px !important;
  overflow: hidden !important;
  padding: clamp(24px, 4vw, 46px) !important;
  width: min(1180px, calc(100% - 48px)) !important;
}

body.pimax-compare-page .final-cta > div {
  min-width: 0 !important;
}

body.pimax-compare-page .final-cta h2 {
  color: #f8fff8 !important;
  font-size: clamp(2rem, 4.2vw, 4rem) !important;
  letter-spacing: 0 !important;
  line-height: 0.98 !important;
  margin: 0 !important;
  max-width: 820px !important;
  text-wrap: balance !important;
}

body.pimax-compare-page .final-cta p {
  color: rgba(248, 255, 248, 0.74) !important;
  font-size: clamp(1rem, 1.15vw, 1.1rem) !important;
  line-height: 1.55 !important;
  margin: 14px 0 0 !important;
  max-width: 760px !important;
}

body.pimax-compare-page .final-cta .button {
  justify-self: end !important;
  min-width: 230px !important;
  text-align: center !important;
  white-space: nowrap !important;
}

html:not(.dark-theme) body.pimax-compare-page .vr-compare-sources {
  background: rgba(255, 255, 255, 0.88) !important;
  border-color: rgba(7, 141, 45, 0.18) !important;
  box-shadow: 0 22px 58px rgba(7, 74, 32, 0.08) !important;
}

html:not(.dark-theme) body.pimax-compare-page .vr-compare-sources h2 {
  color: #071008 !important;
}

html:not(.dark-theme) body.pimax-compare-page .vr-compare-sources p,
html:not(.dark-theme) body.pimax-compare-page .vr-compare-sources li,
html:not(.dark-theme) body.pimax-compare-page .vr-compare-sources a {
  color: rgba(7, 16, 8, 0.74) !important;
}

html:not(.dark-theme) body.pimax-compare-page .vr-compare-sources a {
  background: rgba(7, 141, 45, 0.055) !important;
  border-color: rgba(7, 141, 45, 0.12) !important;
}

html:not(.dark-theme) body.pimax-compare-page .final-cta {
  background: linear-gradient(135deg, #ffffff, #eaf8ee) !important;
  border-color: rgba(7, 141, 45, 0.18) !important;
  box-shadow: 0 24px 60px rgba(7, 74, 32, 0.09) !important;
}

html:not(.dark-theme) body.pimax-compare-page .final-cta h2 {
  color: #071008 !important;
}

html:not(.dark-theme) body.pimax-compare-page .final-cta p {
  color: rgba(7, 16, 8, 0.68) !important;
}

@media (max-width: 900px) {
  body.pimax-compare-page .vr-compare-sources,
  body.pimax-compare-page .final-cta {
    width: min(100% - 24px, 560px) !important;
  }

  body.pimax-compare-page .vr-compare-sources ul {
    grid-template-columns: 1fr !important;
  }

  body.pimax-compare-page .final-cta {
    grid-template-columns: 1fr !important;
    text-align: left !important;
  }

  body.pimax-compare-page .final-cta .button {
    justify-self: stretch !important;
    min-width: 0 !important;
    width: 100% !important;
  }
}

/* Shared compact header lock.
   Keeps search, nav, site switcher and actions from fighting each other without
   turning the desktop header into a tall banner. */
@media (min-width: 981px) {
  html body .site-header,
  html body .front-header,
  html body .site-header.has-site-search,
  html body .front-header.has-site-search {
    align-items: center !important;
    box-sizing: border-box !important;
    column-gap: clamp(18px, 2vw, 34px) !important;
    display: grid !important;
    grid-template-areas:
      "brand search switcher actions"
      "nav nav nav nav" !important;
    grid-template-columns: minmax(205px, 250px) minmax(260px, 380px) minmax(178px, 220px) max-content !important;
    grid-template-rows: 44px 24px !important;
    min-height: 84px !important;
    overflow: visible !important;
    padding: 8px clamp(20px, 2.5vw, 46px) !important;
    row-gap: 4px !important;
  }

  html body .site-header > .brand,
  html body .front-header > .brand,
  html body .front-header > .front-brand,
  html body .site-header.has-site-search > .brand,
  html body .front-header.has-site-search > .brand,
  html body .front-header.has-site-search > .front-brand {
    grid-area: brand !important;
    justify-self: start !important;
    min-width: 0 !important;
  }

  html body .site-header .brand-logo,
  html body .front-header .brand-logo,
  html body .front-header .front-logo {
    max-height: 44px !important;
  }

  html body .site-header > .site-search,
  html body .front-header > .site-search,
  html body .site-header.has-site-search > .site-search,
  html body .front-header.has-site-search > .site-search,
  html body .site-header.has-site-search > .site-search.is-open,
  html body .front-header.has-site-search > .site-search.is-open {
    grid-area: search !important;
    justify-self: start !important;
    max-width: 380px !important;
    min-width: 0 !important;
    width: min(380px, 100%) !important;
  }

  html body .site-header > .site-search .site-search-field,
  html body .front-header > .site-search .site-search-field,
  html body .site-header.has-site-search > .site-search .site-search-field,
  html body .front-header.has-site-search > .site-search .site-search-field {
    height: 42px !important;
    min-height: 42px !important;
    width: 100% !important;
  }

  html body .site-header > nav,
  html body .front-header > nav,
  html body .site-header.has-site-search > nav,
  html body .front-header.has-site-search > nav {
    align-items: center !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: clamp(18px, 2.1vw, 34px) !important;
    grid-area: nav !important;
    justify-content: center !important;
    justify-self: center !important;
    line-height: 1 !important;
    margin: 0 !important;
    max-width: min(980px, 100%) !important;
    min-height: 24px !important;
    overflow: hidden !important;
    padding: 0 !important;
    width: min(980px, 100%) !important;
  }

  html body .site-header > nav a,
  html body .front-header > nav a,
  html body .site-header.has-site-search > nav a,
  html body .front-header.has-site-search > nav a {
    align-items: center !important;
    display: inline-flex !important;
    font-size: 14px !important;
    line-height: 1 !important;
    min-height: 24px !important;
    padding: 4px 0 !important;
    white-space: nowrap !important;
  }

  html body .site-header > nav a[href*="kits-prontos"],
  html body .front-header > nav a[href*="kits-prontos"],
  html body .site-header > nav a[href*="kits-voo"],
  html body .front-header > nav a[href*="kits-voo"] {
    font-size: 14px !important;
    min-height: 24px !important;
    padding: 4px 10px !important;
  }

  html body .site-header > .site-universe-switch,
  html body .front-header > .site-universe-switch,
  html body .site-header.has-site-search > .site-universe-switch,
  html body .front-header.has-site-search > .site-universe-switch {
    grid-area: switcher !important;
    justify-self: end !important;
    margin: 0 !important;
    max-width: 220px !important;
    width: 220px !important;
  }

  html body .site-universe-switch a {
    min-height: 38px !important;
    padding: 5px 9px !important;
  }

  html body .site-universe-switch .site-universe-logo {
    height: 20px !important;
  }

  html body .site-header > .header-actions,
  html body .front-header > .front-actions,
  html body .front-header > .header-actions,
  html body .site-header.has-site-search > .header-actions,
  html body .front-header.has-site-search > .front-actions,
  html body .front-header.has-site-search > .header-actions {
    align-items: center !important;
    display: flex !important;
    gap: 8px !important;
    grid-area: actions !important;
    justify-self: end !important;
    margin: 0 !important;
    min-width: 0 !important;
  }
}

@media (min-width: 981px) and (max-width: 1380px) {
  html body .site-header,
  html body .front-header,
  html body .site-header.has-site-search,
  html body .front-header.has-site-search {
    column-gap: 16px !important;
    grid-template-columns: minmax(185px, 220px) minmax(220px, 310px) minmax(162px, 190px) max-content !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
  }

  html body .site-header > .site-search,
  html body .front-header > .site-search,
  html body .site-header.has-site-search > .site-search,
  html body .front-header.has-site-search > .site-search,
  html body .site-header.has-site-search > .site-search.is-open,
  html body .front-header.has-site-search > .site-search.is-open {
    max-width: 310px !important;
    width: min(310px, 100%) !important;
  }

  html body .site-header > nav,
  html body .front-header > nav,
  html body .site-header.has-site-search > nav,
  html body .front-header.has-site-search > nav {
    gap: 18px !important;
    max-width: 760px !important;
  }

  html body .site-header > .site-universe-switch,
  html body .front-header > .site-universe-switch,
  html body .site-header.has-site-search > .site-universe-switch,
  html body .front-header.has-site-search > .site-universe-switch {
    max-width: 190px !important;
    width: 190px !important;
  }
}

/* Final shared header override, keep this block at EOF. */
.config-line-switch {
  display: none !important;
}

@media (min-width: 981px) {
  html body .site-header.header-system,
  html body .front-header.header-system,
  html body .site-header.header-system.has-site-search,
  html body .front-header.header-system.has-site-search {
    display: grid !important;
    grid-template-areas:
      "brand search switcher actions"
      "nav nav nav nav" !important;
    grid-template-columns: minmax(190px, 250px) minmax(260px, 380px) 220px max-content !important;
    grid-template-rows: 56px 32px !important;
    min-height: 112px !important;
    overflow: visible !important;
    padding: 12px clamp(24px, 2vw, 44px) 14px !important;
    row-gap: 10px !important;
  }

  html body .site-header.header-system > .brand,
  html body .front-header.header-system > .front-brand,
  html body .front-header.header-system > .brand {
    grid-area: brand !important;
    max-width: 250px !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  html body .site-header.header-system > .site-search,
  html body .front-header.header-system > .site-search {
    grid-area: search !important;
    justify-self: start !important;
    max-width: 380px !important;
    min-width: 0 !important;
    position: relative !important;
    transform: none !important;
    width: min(380px, 100%) !important;
  }

  html body .site-header.header-system > nav,
  html body .front-header.header-system > nav {
    grid-area: nav !important;
    justify-content: center !important;
    justify-self: center !important;
    max-width: 1040px !important;
    min-height: 32px !important;
    min-width: 0 !important;
    overflow: hidden !important;
    width: min(1040px, 100%) !important;
  }

  html body .site-header.header-system > .site-universe-switch,
  html body .front-header.header-system > .site-universe-switch {
    grid-area: switcher !important;
    justify-self: end !important;
    max-width: 220px !important;
    min-width: 0 !important;
    position: static !important;
    transform: none !important;
    width: 220px !important;
  }

  html body .site-header.header-system > .header-actions,
  html body .front-header.header-system > .front-actions,
  html body .front-header.header-system > .header-actions {
    grid-area: actions !important;
    justify-self: end !important;
    min-width: 0 !important;
    position: static !important;
    transform: none !important;
    width: auto !important;
  }

  html body .site-header.header-system nav .mobile-universe-switch,
  html body .front-header.header-system nav .mobile-universe-switch,
  html body .site-header.header-system nav .mobile-menu-strip,
  html body .front-header.header-system nav .mobile-menu-strip {
    display: none !important;
  }

  html body .site-header.header-system > nav > a,
  html body .front-header.header-system > nav > a {
    font-size: 14px !important;
    min-height: 26px !important;
    padding: 5px 8px !important;
  }

  html body .site-header.header-system > nav > a[href*="kits-prontos"],
  html body .front-header.header-system > nav > a[href*="kits-prontos"],
  html body .site-header.header-system > nav > a[href*="kits-voo"],
  html body .front-header.header-system > nav > a[href*="kits-voo"] {
    align-items: center !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    font-size: 14px !important;
    line-height: 1 !important;
    min-height: 26px !important;
    padding: 5px 9px !important;
  }

  html body .site-header.header-system > nav > a[href*="kits-prontos"],
  html body .front-header.header-system > nav > a[href*="kits-prontos"] {
    background: rgba(255, 203, 44, 0.18) !important;
    border: 1px solid rgba(255, 203, 44, 0.42) !important;
    color: #2a2100 !important;
  }

  html body .site-header.header-system > nav > a[href*="kits-voo"],
  html body .front-header.header-system > nav > a[href*="kits-voo"] {
    background: rgba(35, 139, 255, 0.15) !important;
    border: 1px solid rgba(35, 139, 255, 0.36) !important;
    color: #073b78 !important;
  }

  html.dark-theme body .site-header.header-system > nav > a[href*="kits-prontos"],
  body.dark-theme .site-header.header-system > nav > a[href*="kits-prontos"],
  html.dark-theme body .front-header.header-system > nav > a[href*="kits-prontos"],
  body.dark-theme .front-header.header-system > nav > a[href*="kits-prontos"] {
    background: rgba(255, 203, 44, 0.14) !important;
    border-color: rgba(255, 203, 44, 0.38) !important;
    color: #ffe58a !important;
  }

  html.dark-theme body .site-header.header-system > nav > a[href*="kits-voo"],
  body.dark-theme .site-header.header-system > nav > a[href*="kits-voo"],
  html.dark-theme body .front-header.header-system > nav > a[href*="kits-voo"],
  body.dark-theme .front-header.header-system > nav > a[href*="kits-voo"] {
    background: rgba(35, 139, 255, 0.18) !important;
    border-color: rgba(35, 139, 255, 0.42) !important;
    color: #bfe0ff !important;
  }
}



/* EOF override: Pimax Brasil stock/action layout must win over older card rules. */
body.pimax-lite .pimax-card-actions {
  display: grid !important;
  grid-template-columns: minmax(120px, auto) minmax(120px, auto) !important;
  justify-content: start !important;
  align-items: center !important;
  gap: 10px !important;
  margin-top: 8px !important;
}

body.pimax-lite .pimax-card-actions a,
body.pimax-lite .pimax-card-actions button {
  min-height: 42px !important;
  border-radius: 999px !important;
  padding: 11px 16px !important;
  font: inherit !important;
  font-size: 0.82rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

body.pimax-lite .pimax-card-actions a[data-stock-buy-action],
body.pimax-lite .pimax-card-actions button[data-stock-notify-row] {
  border: 1px solid transparent !important;
  background: linear-gradient(135deg, #20df72, #d6ff4a) !important;
  color: #04110a !important;
  box-shadow: 0 14px 26px rgba(24, 191, 103, 0.18) !important;
}

body.pimax-lite .pimax-card-actions a:not([data-stock-buy-action]) {
  border: 1px solid rgba(21, 128, 79, 0.24) !important;
  background: rgba(255, 255, 255, 0.58) !important;
  color: var(--pimax-text) !important;
}

body.pimax-lite .pimax-launch-card .stock-table-action,
body.pimax-lite .pimax-super-options .stock-table-action,
body.pimax-lite .pimax-dream-panel .stock-table-action {
  width: fit-content !important;
  border-radius: 999px !important;
  padding: 7px 12px !important;
  font-size: 0.72rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

body.pimax-lite .pimax-launch-card .stock-table-action.is-in,
body.pimax-lite .pimax-super-options .stock-table-action.is-in,
body.pimax-lite .pimax-dream-panel .stock-table-action.is-in {
  background: rgba(33, 211, 118, 0.14) !important;
  border: 1px solid rgba(33, 211, 118, 0.38) !important;
  color: #0a7d3b !important;
}

body.pimax-lite .pimax-launch-card .stock-table-action.is-out,
body.pimax-lite .pimax-super-options .stock-table-action.is-out,
body.pimax-lite .pimax-dream-panel .stock-table-action.is-out {
  background: rgba(255, 191, 69, 0.18) !important;
  border: 1px solid rgba(255, 191, 69, 0.45) !important;
  color: #805100 !important;
}

html.dark-theme body.pimax-lite .pimax-card-actions a:not([data-stock-buy-action]),
body.dark-theme.pimax-lite .pimax-card-actions a:not([data-stock-buy-action]) {
  background: rgba(255, 255, 255, 0.04) !important;
  color: #eef8f0 !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
}

@media (max-width: 720px) {
  body.pimax-lite .pimax-card-actions {
    grid-template-columns: 1fr !important;
  }
}

body.pimax-lite .pimax-super-options .pimax-card-actions {
  width: 100% !important;
  grid-template-columns: 1fr !important;
  justify-content: stretch !important;
  align-items: stretch !important;
  gap: 8px !important;
}

body.pimax-lite .pimax-super-options .pimax-card-actions a,
body.pimax-lite .pimax-super-options .pimax-card-actions button {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  white-space: normal !important;
}

/* Home flow cards: final theme override, kept at EOF so it wins. */
html:not(.dark-theme) body .front-system-strip article {
  background: #fffaf0 !important;
  border-color: rgba(142, 102, 18, 0.24) !important;
  box-shadow: 0 16px 36px rgba(76, 54, 12, 0.08) !important;
}

html:not(.dark-theme) body .front-system-strip span {
  color: #d5a000 !important;
}

html:not(.dark-theme) body .front-system-strip strong {
  color: #17130b !important;
}

html:not(.dark-theme) body .front-system-strip p {
  color: #5f533f !important;
}

html.dark-theme body .front-system-strip article,
body.dark-theme .front-system-strip article {
  background: #111a23 !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  box-shadow: none !important;
}

html.dark-theme body .front-system-strip span,
body.dark-theme .front-system-strip span {
  color: #ffcb2c !important;
}

html.dark-theme body .front-system-strip strong,
body.dark-theme .front-system-strip strong {
  color: #fff7df !important;
}

html.dark-theme body .front-system-strip p,
body.dark-theme .front-system-strip p {
  color: #cfd6d0 !important;
}

/* Pimax comparator and QLED product polish - final EOF override 2026-06-22 */
body.pimax-compare-page .vr-guide-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch !important;
}

body.pimax-compare-page .vr-guide-card-qled-50 { order: 1 !important; }
body.pimax-compare-page .vr-guide-card-qled-57 { order: 2 !important; }
body.pimax-compare-page .vr-guide-card-qled-ultra { order: 3 !important; }
body.pimax-compare-page .vr-guide-card-light { order: 4 !important; }
body.pimax-compare-page .vr-guide-card-oled { order: 5 !important; }
body.pimax-compare-page .vr-guide-card-air { order: 6 !important; }

body.pimax-compare-page .vr-guide-grid > article {
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
}

body.pimax-compare-page .vr-guide-card-qled {
  background: linear-gradient(145deg, rgba(8, 48, 34, 0.96), rgba(14, 82, 47, 0.88)) !important;
  border-color: rgba(49, 227, 126, 0.35) !important;
}

body.pimax-compare-page .vr-guide-card-qled-57 {
  background: linear-gradient(145deg, rgba(6, 61, 42, 0.98), rgba(18, 106, 57, 0.9)) !important;
}

body.pimax-compare-page .vr-guide-card-qled-ultra {
  background: linear-gradient(145deg, rgba(5, 55, 48, 0.98), rgba(21, 93, 63, 0.9)) !important;
}

body.pimax-compare-page .vr-guide-card-light {
  background: linear-gradient(145deg, rgba(12, 51, 61, 0.96), rgba(12, 93, 88, 0.86)) !important;
  border-color: rgba(70, 210, 190, 0.34) !important;
}

body.pimax-compare-page .vr-guide-card-oled {
  background: linear-gradient(145deg, rgba(45, 31, 70, 0.97), rgba(93, 52, 111, 0.86)) !important;
  border-color: rgba(208, 155, 255, 0.34) !important;
}

body.pimax-compare-page .vr-guide-card-air {
  background: linear-gradient(145deg, rgba(18, 38, 75, 0.97), rgba(32, 77, 126, 0.86)) !important;
  border-color: rgba(111, 183, 255, 0.34) !important;
}

html:not(.dark-theme) body.pimax-compare-page .vr-guide-grid > article,
html:not(.dark-theme) body.pimax-compare-page .vr-guide-grid > article h3,
html:not(.dark-theme) body.pimax-compare-page .vr-guide-grid > article strong,
html:not(.dark-theme) body.pimax-compare-page .vr-guide-grid > article p {
  color: #07120d !important;
}

html:not(.dark-theme) body.pimax-compare-page .vr-guide-card-qled {
  background: linear-gradient(145deg, #effff3, #dff7e6) !important;
  border-color: rgba(19, 151, 79, 0.28) !important;
}

html:not(.dark-theme) body.pimax-compare-page .vr-guide-card-light {
  background: linear-gradient(145deg, #eefcff, #ddf5f2) !important;
  border-color: rgba(12, 136, 128, 0.25) !important;
}

html:not(.dark-theme) body.pimax-compare-page .vr-guide-card-oled {
  background: linear-gradient(145deg, #fbf3ff, #efe4fb) !important;
  border-color: rgba(128, 76, 170, 0.22) !important;
}

html:not(.dark-theme) body.pimax-compare-page .vr-guide-card-air {
  background: linear-gradient(145deg, #eef6ff, #e0ecff) !important;
  border-color: rgba(52, 104, 181, 0.22) !important;
}

body.pimax-compare-page .vr-compare-table {
  min-width: 1540px !important;
  table-layout: fixed !important;
}

body.pimax-compare-page .vr-compare-table th:nth-child(1),
body.pimax-compare-page .vr-compare-table td:nth-child(1) { width: 210px !important; }
body.pimax-compare-page .vr-compare-table th:nth-child(2),
body.pimax-compare-page .vr-compare-table td:nth-child(2) { width: 290px !important; }
body.pimax-compare-page .vr-compare-table th:nth-child(3),
body.pimax-compare-page .vr-compare-table td:nth-child(3) { width: 240px !important; }
body.pimax-compare-page .vr-compare-table th:nth-child(4),
body.pimax-compare-page .vr-compare-table td:nth-child(4),
body.pimax-compare-page .vr-compare-table th:nth-child(5),
body.pimax-compare-page .vr-compare-table td:nth-child(5),
body.pimax-compare-page .vr-compare-table th:nth-child(6),
body.pimax-compare-page .vr-compare-table td:nth-child(6),
body.pimax-compare-page .vr-compare-table th:nth-child(7),
body.pimax-compare-page .vr-compare-table td:nth-child(7) { width: 160px !important; }
body.pimax-compare-page .vr-compare-table th:nth-child(8),
body.pimax-compare-page .vr-compare-table td:nth-child(8) {
  width: 128px !important;
  text-align: center !important;
}
body.pimax-compare-page .vr-compare-table th:nth-child(9),
body.pimax-compare-page .vr-compare-table td:nth-child(9) { width: 300px !important; }

body.pimax-lite .vr-product-buy {
  min-width: 0 !important;
  overflow: hidden !important;
}

body.pimax-lite .vr-product-buy .product-price {
  max-width: 100% !important;
  font-size: clamp(2.5rem, 4.8vw, 4.6rem) !important;
  line-height: 0.95 !important;
  overflow-wrap: anywhere !important;
}

body.pimax-lite .product-variant-options {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.pimax-lite .product-variant-choice {
  min-width: 0 !important;
  padding: 12px 10px !important;
}

@media (max-width: 900px) {
  body.pimax-compare-page .vr-guide-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  body.pimax-lite .product-variant-options {
    grid-template-columns: 1fr !important;
  }
}
/* Pimax Brasil card actions: stock as badge, card opens product page - 2026-06-22 */
body.pimax-lite [data-card-href] {
  cursor: pointer !important;
  transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease !important;
}

body.pimax-lite [data-card-href]:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(38, 224, 119, 0.48) !important;
  box-shadow: 0 18px 34px rgba(9, 50, 28, 0.16) !important;
}

body.pimax-lite .pimax-super-options [data-stock-cell],
body.pimax-lite .pimax-accessory-grid [data-stock-cell] {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 12px 0 10px !important;
}

body.pimax-lite .pimax-super-options [data-stock-cell] .stock-table-action,
body.pimax-lite .pimax-accessory-grid [data-stock-cell] .stock-table-action {
  min-height: 0 !important;
  width: auto !important;
  min-width: 118px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  font-size: 0.62rem !important;
  line-height: 1 !important;
  letter-spacing: 0.045em !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

body.pimax-lite .pimax-super-options .pimax-card-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  justify-items: center !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
}

body.pimax-lite .pimax-super-options .pimax-card-actions a,
body.pimax-lite .pimax-super-options .pimax-card-actions button {
  width: 100% !important;
  max-width: 150px !important;
  min-height: 40px !important;
  padding: 10px 12px !important;
  font-size: 0.78rem !important;
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

body.pimax-lite .pimax-super-options .pimax-card-actions button[data-stock-notify-row] {
  grid-column: auto !important;
  white-space: normal !important;
}

body.pimax-lite .pimax-super-options .pimax-card-actions .pimax-notify-action {
  border: 1px solid rgba(255, 202, 72, 0.72) !important;
  background: rgba(255, 202, 72, 0.18) !important;
  color: #ffd35a !important;
  box-shadow: none !important;
}

html:not(.dark-theme) body.pimax-lite .pimax-super-options .pimax-card-actions .pimax-notify-action {
  background: #fff1c2 !important;
  color: #6c4b00 !important;
}

/* Pimax QLED sold-out card: keep notify + details as equal actions */
body.pimax-lite .pimax-super-options article.is-out-of-stock .pimax-card-actions,
body.pimax-lite .pimax-super-options article:has(.pimax-notify-action) .pimax-card-actions {
  display: grid !important;
  flex-direction: initial !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  justify-items: stretch !important;
  align-items: stretch !important;
  gap: 10px !important;
}

body.pimax-lite .pimax-super-options article.is-out-of-stock .pimax-card-actions a:not([data-stock-buy-action]),
body.pimax-lite .pimax-super-options article:has(.pimax-notify-action) .pimax-card-actions a:not([data-stock-buy-action]),
body.pimax-lite .pimax-super-options .pimax-card-actions .pimax-notify-action {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 42px !important;
}

body.pimax-lite .pimax-super-options .pimax-card-actions .pimax-notify-action {
  padding: 8px 10px !important;
  font-size: 0.66rem !important;
  line-height: 1.08 !important;
}

body.pimax-lite .pimax-super-options article.is-out-of-stock:has(button.pimax-notify-action[data-stock-notify-row]) .pimax-card-actions a:not([data-stock-buy-action]),
body.pimax-lite .pimax-super-options article.is-out-of-stock:has(button.pimax-notify-action[data-stock-notify-row]) .pimax-card-actions button.pimax-notify-action[data-stock-notify-row] {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}

body.pimax-lite .pimax-card-more {
  width: fit-content !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 10px !important;
  min-height: 38px !important;
  padding: 10px 14px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(26, 162, 87, 0.25) !important;
  background: rgba(255, 255, 255, 0.62) !important;
  color: var(--pimax-text) !important;
  font-size: 0.78rem !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
}

html.dark-theme body.pimax-lite .pimax-card-more,
body.dark-theme.pimax-lite .pimax-card-more {
  background: rgba(255, 255, 255, 0.05) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  color: #eef8f0 !important;
}

@media (max-width: 760px) {
  body.pimax-lite .pimax-super-options .pimax-card-actions {
    grid-template-columns: 1fr !important;
  }
}

/* Ready-to-race header lock. Keeps kits-prontos on the same SR menu geometry. */
@media (min-width: 981px) {
  html body.ready-race-page header.header-system {
    display: grid !important;
    grid-template-areas:
      "brand search switcher actions"
      "nav nav nav nav" !important;
    grid-template-columns: minmax(190px, 230px) minmax(260px, 380px) 220px max-content !important;
    grid-template-rows: 56px 32px !important;
    column-gap: 18px !important;
    row-gap: 10px !important;
    align-items: center !important;
    min-height: 112px !important;
    padding: 14px 48px 12px !important;
  }

  html body.ready-race-page header.header-system .brand {
    grid-area: brand !important;
    min-width: 0 !important;
  }

  html body.ready-race-page header.header-system .site-search {
    grid-area: search !important;
    width: 100% !important;
    max-width: 380px !important;
    justify-self: start !important;
  }

  html body.ready-race-page header.header-system .site-universe-switch {
    grid-area: switcher !important;
    width: 220px !important;
    justify-self: center !important;
  }

  html body.ready-race-page header.header-system .header-actions {
    grid-area: actions !important;
    justify-self: end !important;
    min-width: 0 !important;
  }

  html body.ready-race-page header.header-system > nav {
    grid-area: nav !important;
    justify-self: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 20px !important;
    width: min(1040px, 100%) !important;
    max-width: 1040px !important;
    margin: 0 auto !important;
  }
}

/* Speed Race home menu parity: keep the ready-kit pill, but use the same text tone as the other SR pages. */
@media (min-width: 981px) {
  html.dark-theme body.race-home header.header-system > nav > a[href*="kits-prontos"],
  body.dark-theme.race-home header.header-system > nav > a[href*="kits-prontos"] {
    color: rgba(245, 242, 231, 0.82) !important;
  }

  html:not(.dark-theme) body.race-home header.header-system > nav > a[href*="kits-prontos"],
  body:not(.dark-theme).race-home header.header-system > nav > a[href*="kits-prontos"] {
    color: #5f511c !important;
  }
}

/* End-of-file priority fixes for cart/configurator interactions. */
.option-card.is-selected,
.option-card.selected {
  border-color: rgba(212, 168, 42, 0.9) !important;
  box-shadow: 0 0 0 2px rgba(212, 168, 42, 0.28), 0 18px 44px rgba(212, 168, 42, 0.12) !important;
}

html.dark-theme body .option-card.is-selected,
body.dark-theme .option-card.is-selected,
html.dark-theme body .option-card.selected,
body.dark-theme .option-card.selected {
  border-color: rgba(255, 205, 67, 0.92) !important;
  box-shadow: 0 0 0 2px rgba(255, 205, 67, 0.28), 0 18px 44px rgba(255, 205, 67, 0.12) !important;
}

.variant-choice.is-selected,
.variant-choice.selected {
  border-color: rgba(212, 168, 42, 0.9) !important;
  box-shadow: inset 0 0 0 1px rgba(212, 168, 42, 0.45) !important;
}

#product-mp-button + #product-add-cart-button {
  display: none !important;
  pointer-events: none !important;
}

.cart-toast {
  align-items: center !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.22) !important;
  display: flex !important;
  gap: 8px !important;
  min-height: 44px !important;
}

.cart-toast:not([hidden])::before {
  content: "✓";
  display: inline-grid;
  place-items: center;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: #20d779;
  color: #06100b;
  font-size: 12px;
  font-weight: 1000;
}

/* FINAL OVERRIDE: kits prontos para correr em 5 colunas no desktop. */
@media (min-width: 1180px) {


  body.ready-race-page .ready-kits-section .ready-kit-card {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: none !important;
    padding: 16px !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-media img {
    height: 150px !important;
    object-fit: contain !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-copy h3 {
    font-size: clamp(1.12rem, 1.05vw, 1.45rem) !important;
    line-height: 1.05 !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-copy p,
  body.ready-race-page .ready-kits-section .ready-kit-description {
    font-size: 0.92rem !important;
    line-height: 1.42 !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-thumbs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }


}
/* Comparador VR: a area de video deve exibir apenas o video e os botoes de troca. */
.vr-video-feature > h2,
.vr-video-feature > h2 + p {
  display: none !important;
}

/* Kits prontos: pagina em lista, um kit por linha, com foto dos itens visivel. */
body.ready-race-page .ready-kits-section .ready-kit-grid,
body.ready-race-page .ready-kits-section .bundle-row.ready-kit-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 22px !important;
  max-width: min(1480px, calc(100vw - 64px)) !important;
  margin-inline: auto !important;
}

body.ready-race-page .ready-kits-section .ready-kit-card {
  display: grid !important;
  grid-template-columns: minmax(190px, 250px) minmax(260px, 0.9fr) minmax(420px, 1.6fr) minmax(180px, 0.55fr) !important;
  align-items: stretch !important;
  gap: 18px !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  padding: 18px !important;
}

body.ready-race-page .ready-kits-section .ready-kit-media {
  min-height: 230px !important;
}

body.ready-race-page .ready-kits-section .ready-kit-media img {
  width: 100% !important;
  height: 205px !important;
  object-fit: contain !important;
}

body.ready-race-page .ready-kits-section .ready-kit-thumbs {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  align-content: start !important;
}

body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item {
  display: grid !important;
  grid-template-columns: 1fr 104px !important;
  gap: 10px !important;
  align-items: stretch !important;
  min-height: 120px !important;
  padding: 10px !important;
}

body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item > .ready-kit-item-info {
  opacity: 1 !important;
  transform: none !important;
  position: static !important;
  visibility: visible !important;
}

body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item > .ready-kit-item-visual {
  position: relative !important;
  inset: auto !important;
  width: 104px !important;
  min-width: 104px !important;
  height: auto !important;
  min-height: 100px !important;
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
  display: grid !important;
  place-items: center !important;
  text-decoration: none !important;
}

body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item > .ready-kit-item-visual > img {
  width: 92px !important;
  height: 72px !important;
  object-fit: contain !important;
  display: block !important;
}

body.ready-race-page .ready-kits-section .ready-kit-hover-copy {
  position: static !important;
  display: block !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.ready-race-page .ready-kits-section .ready-kit-hover-copy span,
body.ready-race-page .ready-kits-section .ready-kit-hover-copy strong,
body.ready-race-page .ready-kits-section .ready-kit-hover-copy p {
  display: none !important;
}

body.ready-race-page .ready-kits-section .ready-kit-hover-copy small {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 6px !important;
  width: 100% !important;
  min-height: 28px !important;
  border-radius: 999px !important;
  background: #10151b !important;
  color: #fff !important;
  font-size: 0.68rem !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
  text-align: center !important;
}

body.ready-race-page .ready-kits-section .ready-kit-price,
body.ready-race-page .ready-kits-section .ready-kit-actions {
  align-self: center !important;
}

@media (max-width: 1180px) {
  body.ready-race-page .ready-kits-section .ready-kit-card {
    grid-template-columns: 1fr !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-thumbs {
    grid-template-columns: 1fr !important;
  }
}
/* VR configurator: product cards keep one clean image, without photo carousel controls. */
body.vr-config-site .card-gallery-arrow,
body.vr-config-site .card-gallery-count {
  display: none !important;
}

/* Store cross-line cards: reusable end-of-catalog promos for Race, Flight and Pimax. */
.store-line-cross-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(14px, 2vw, 22px);
  margin-top: clamp(24px, 4vw, 42px);
}

.store-line-cross-card {
  --cross-accent: #20d875;
  --cross-bg: url("assets/fanatec-gt-dd-pro-hero.webp");
  position: relative;
  min-height: clamp(190px, 22vw, 280px);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 8px;
  overflow: hidden;
  border-radius: 22px;
  padding: clamp(20px, 3vw, 32px);
  color: #fff !important;
  text-decoration: none !important;
  border: 1px solid color-mix(in srgb, var(--cross-accent) 45%, rgba(255, 255, 255, 0.18));
  background: #07100d;
  box-shadow: 0 22px 50px rgba(0, 0, 0, 0.24);
  isolation: isolate;
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.store-line-cross-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background-image: var(--cross-bg);
  background-size: cover;
  background-position: center;
  transform: scale(1.02);
  transition: transform 220ms ease, filter 220ms ease;
}

.store-line-cross-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(180deg, rgba(4, 8, 10, 0.16), rgba(4, 8, 10, 0.86)),
    linear-gradient(90deg, color-mix(in srgb, var(--cross-accent) 28%, transparent), transparent 62%);
}

.store-line-cross-card:hover,
.store-line-cross-card:focus-visible {
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--cross-accent) 78%, #fff);
  box-shadow: 0 28px 70px color-mix(in srgb, var(--cross-accent) 20%, rgba(0, 0, 0, 0.34));
  outline: none;
}

.store-line-cross-card:hover::before,
.store-line-cross-card:focus-visible::before {
  transform: scale(1.08);
  filter: saturate(1.08) contrast(1.04);
}

.store-line-cross-card span {
  width: fit-content;
  border-radius: 999px;
  padding: 7px 11px;
  color: #06100c;
  background: var(--cross-accent);
  font-size: 0.74rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.store-line-cross-card strong {
  max-width: 560px;
  color: #fff !important;
  font-size: clamp(1.45rem, 2.5vw, 2.45rem);
  line-height: 0.98;
  letter-spacing: -0.02em;
}

.store-line-cross-card small,
.store-line-cross-card p {
  max-width: 520px;
  color: rgba(255, 255, 255, 0.82) !important;
  font-size: clamp(0.92rem, 1.1vw, 1.05rem);
  line-height: 1.45;
  margin: 0;
}

.store-line-cross-card em {
  width: fit-content;
  margin-top: 8px;
  border-radius: 999px;
  padding: 10px 14px;
  color: #06100c !important;
  background: var(--cross-accent);
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.store-line-cross-race {
  --cross-accent: #f2c400;
  --cross-bg: url("assets/fanatec-gt-dd-pro-hero.webp");
}

.store-line-cross-flight {
  --cross-accent: #36a9ff;
  --cross-bg: url("assets/products/primary/moza-ay210-white.webp");
}

.store-line-cross-vr {
  --cross-accent: #23e47b;
  --cross-bg: url("assets/products/primary/pimax-crystal-light.webp");
}

html:not(.dark-theme) .store-line-cross-card::after {
  background:
    linear-gradient(180deg, rgba(5, 7, 8, 0.04), rgba(5, 7, 8, 0.8)),
    linear-gradient(90deg, color-mix(in srgb, var(--cross-accent) 36%, transparent), transparent 62%);
}

@media (max-width: 780px) {
  .store-line-cross-cards {
    grid-template-columns: 1fr;
  }

  .store-line-cross-card {
    min-height: 220px;
  }
}

/* Home Speed Race: cards finais de Speed Flight e Pimax com mais presença. */
body.race-home .sr-cross-sites.store-line-cross-cards {
  width: min(1500px, calc(100vw - 56px)) !important;
  gap: clamp(22px, 3vw, 42px) !important;
  margin: clamp(44px, 6vw, 86px) auto 0 !important;
}

body.race-home .sr-cross-sites .store-line-cross-card {
  min-height: clamp(310px, 30vw, 470px) !important;
  border-radius: 30px !important;
  padding: clamp(34px, 4.3vw, 64px) !important;
  gap: 18px !important;
}

body.race-home .sr-cross-sites .store-line-cross-card span {
  padding: 9px 14px !important;
  font-size: 0.82rem !important;
}

body.race-home .sr-cross-sites .store-line-cross-card strong {
  max-width: 760px !important;
  font-size: clamp(2.35rem, 4.1vw, 5rem) !important;
  line-height: 0.95 !important;
}

body.race-home .sr-cross-sites .store-line-cross-card p {
  max-width: 720px !important;
  font-size: clamp(1.08rem, 1.45vw, 1.42rem) !important;
}

body.race-home .sr-cross-sites .store-line-cross-card em {
  margin-top: 12px !important;
  padding: 14px 20px !important;
  font-size: 0.95rem !important;
}

@media (max-width: 900px) {
  body.race-home .sr-cross-sites.store-line-cross-cards {
    width: min(100% - 28px, 620px) !important;
    grid-template-columns: 1fr !important;
  }

  body.race-home .sr-cross-sites .store-line-cross-card {
    min-height: 280px !important;
    padding: 28px !important;
  }
}

/* Pronto para correr: 5 cards verticais, com itens legiveis e preview no hover. */
@media (min-width: 1180px) {
  body.ready-race-page .ready-kits-section .ready-kit-grid,
  body.ready-race-page .ready-kits-section .bundle-row.ready-kit-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: clamp(14px, 1vw, 20px) !important;
    max-width: min(1720px, calc(100vw - 72px)) !important;
    margin-inline: auto !important;
    overflow: visible !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-card {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    align-items: stretch !important;
    gap: 14px !important;
    max-width: none !important;
    min-width: 0 !important;
    width: 100% !important;
    padding: 16px !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-media {
    min-height: 172px !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-media img {
    width: 100% !important;
    height: 145px !important;
    object-fit: contain !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-thumbs {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item {
    contain: none !important;
    display: block !important;
    grid-template-columns: none !important;
    min-height: 126px !important;
    overflow: hidden !important;
    padding: 14px 16px !important;
    position: relative !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item > .ready-kit-item-info {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    max-width: none !important;
    min-height: 98px !important;
    opacity: 1 !important;
    position: static !important;
    transform: none !important;
    visibility: visible !important;
    width: 100% !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item > .ready-kit-item-info span,
  body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item > .ready-kit-item-info strong,
  body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item > .ready-kit-item-info p {
    max-width: none !important;
    overflow-wrap: normal !important;
    white-space: normal !important;
    word-break: normal !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item > .ready-kit-item-info strong {
    font-size: clamp(0.95rem, 0.72vw, 1.08rem) !important;
    line-height: 1.16 !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item > .ready-kit-item-info p {
    font-size: clamp(0.82rem, 0.62vw, 0.92rem) !important;
    line-height: 1.35 !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item > .ready-kit-item-visual {
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid rgba(16, 24, 20, 0.12) !important;
    border-radius: 16px !important;
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.16) !important;
    display: grid !important;
    gap: 12px !important;
    grid-template-columns: 104px minmax(0, 1fr) !important;
    inset: 8px !important;
    min-height: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    padding: 12px !important;
    pointer-events: none !important;
    position: absolute !important;
    transform: translateY(6px) scale(0.98) !important;
    transition: opacity 160ms ease, transform 160ms ease !important;
    width: auto !important;
    z-index: 6 !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item > .ready-kit-item-visual > img {
    display: block !important;
    align-self: center !important;
    background: #fff !important;
    border-radius: 12px !important;
    height: 92px !important;
    object-fit: contain !important;
    padding: 8px !important;
    width: 104px !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-hover-copy {
    background: transparent !important;
    border: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-width: 0 !important;
    padding: 0 !important;
    position: static !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-hover-copy span,
  body.ready-race-page .ready-kits-section .ready-kit-hover-copy strong,
  body.ready-race-page .ready-kits-section .ready-kit-hover-copy p {
    display: block !important;
    max-width: none !important;
    overflow-wrap: normal !important;
    white-space: normal !important;
    word-break: normal !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-hover-copy span {
    color: #d7a900 !important;
    font-size: 0.68rem !important;
    font-weight: 950 !important;
    letter-spacing: 0.08em !important;
    margin-bottom: 4px !important;
    text-transform: uppercase !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-hover-copy strong {
    color: #111 !important;
    font-size: 0.92rem !important;
    line-height: 1.15 !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-hover-copy p {
    color: rgba(17, 17, 17, 0.72) !important;
    font-size: 0.78rem !important;
    line-height: 1.3 !important;
    margin: 4px 0 8px !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-hover-copy small {
    display: inline-flex !important;
    align-self: flex-start !important;
    background: #050806 !important;
    border-radius: 999px !important;
    color: #fff !important;
    font-size: 0.68rem !important;
    font-weight: 950 !important;
    padding: 7px 10px !important;
    width: auto !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item:hover > .ready-kit-item-visual,
  body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item:focus-within > .ready-kit-item-visual {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(0) scale(1) !important;
  }

  html.dark-theme body.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item > .ready-kit-item-visual,
  body.dark-theme.ready-race-page .ready-kits-section .ready-kit-thumbs .ready-kit-item > .ready-kit-item-visual {
    background: rgba(9, 14, 17, 0.96) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
  }

  html.dark-theme body.ready-race-page .ready-kits-section .ready-kit-hover-copy strong,
  body.dark-theme.ready-race-page .ready-kits-section .ready-kit-hover-copy strong {
    color: #fff !important;
  }

  html.dark-theme body.ready-race-page .ready-kits-section .ready-kit-hover-copy p,
  body.dark-theme.ready-race-page .ready-kits-section .ready-kit-hover-copy p {
    color: rgba(255, 255, 255, 0.72) !important;
  }

  body.ready-race-page .ready-kits-section .ready-kit-price,
  body.ready-race-page .ready-kits-section .ready-kit-actions {
    align-self: stretch !important;
  }
}

/* Ready Flight: generated item lines stay stacked, with photo/details only on hover. */
body.ready-flight-page .ready-kit-stack {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: minmax(0, 1fr) !important;
  margin: 4px 0 14px !important;
  min-width: 0 !important;
}

body.ready-flight-page .ready-kit-grid,
body.ready-flight-page .bundle-row.ready-kit-grid {
  align-items: start !important;
}

body.ready-flight-page .ready-kit-price {
  margin-top: 0 !important;
}

body.ready-flight-page .ready-kit-line,
body.ready-flight-page .sr-ready-item {
  align-items: center !important;
  background: color-mix(in srgb, var(--flight-panel-soft, #f4faff) 88%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--kit-accent, #2ab7ff) 24%, var(--flight-line, #d2e5f5)) !important;
  border-radius: 14px !important;
  color: inherit !important;
  display: block !important;
  min-height: 64px !important;
  overflow: hidden !important;
  padding: 12px !important;
  position: relative !important;
  text-decoration: none !important;
  transition: border-color 140ms ease, box-shadow 140ms ease, min-height 140ms ease !important;
}

body.ready-flight-page .ready-kit-line-media,
body.ready-flight-page .sr-ready-item-media {
  align-items: center !important;
  background: rgba(255, 255, 255, 0.88) !important;
  border-radius: 12px !important;
  display: none !important;
  justify-content: center !important;
  min-width: 0 !important;
  overflow: hidden !important;
  padding: 8px !important;
}

body.ready-flight-page .ready-kit-line-media img,
body.ready-flight-page .sr-ready-item-media img {
  height: 118px !important;
  max-width: 100% !important;
  object-fit: contain !important;
  width: 100% !important;
}

body.ready-flight-page .ready-kit-line-copy,
body.ready-flight-page .sr-ready-item-copy {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

body.ready-flight-page .sr-ready-item-category {
  color: var(--kit-accent, #2ab7ff) !important;
  display: block !important;
  font-size: 0.68rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.04em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

body.ready-flight-page .ready-kit-line strong,
body.ready-flight-page .sr-ready-item strong {
  color: var(--flight-text, #061c32) !important;
  display: block !important;
  font-size: 0.92rem !important;
  line-height: 1.08 !important;
  overflow-wrap: anywhere !important;
}

body.ready-flight-page .ready-kit-line p,
body.ready-flight-page .sr-ready-item p {
  color: var(--flight-muted, #526b82) !important;
  display: none !important;
  font-size: 0.76rem !important;
  font-weight: 760 !important;
  line-height: 1.25 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

body.ready-flight-page .ready-kit-line em,
body.ready-flight-page .sr-ready-item em {
  color: var(--kit-accent, #2ab7ff) !important;
  display: none !important;
  font-size: 0.72rem !important;
  font-style: normal !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

body.ready-flight-page .ready-kit-line:hover,
body.ready-flight-page .ready-kit-line:focus-visible,
body.ready-flight-page .sr-ready-item:hover,
body.ready-flight-page .sr-ready-item:focus-visible {
  border-color: color-mix(in srgb, var(--kit-accent, #2ab7ff) 58%, var(--flight-line, #d2e5f5)) !important;
  box-shadow: 0 14px 32px color-mix(in srgb, var(--kit-accent, #2ab7ff) 18%, transparent) !important;
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: minmax(0, 1fr) 132px !important;
  min-height: 158px !important;
}

body.ready-flight-page .ready-kit-line:hover .ready-kit-line-media,
body.ready-flight-page .ready-kit-line:focus-visible .ready-kit-line-media,
body.ready-flight-page .sr-ready-item:hover .sr-ready-item-media,
body.ready-flight-page .sr-ready-item:focus-visible .sr-ready-item-media {
  display: flex !important;
}

body.ready-flight-page .ready-kit-line:hover p,
body.ready-flight-page .ready-kit-line:focus-visible p,
body.ready-flight-page .sr-ready-item:hover p,
body.ready-flight-page .sr-ready-item:focus-visible p {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
}

body.ready-flight-page .ready-kit-line:hover em,
body.ready-flight-page .ready-kit-line:focus-visible em,
body.ready-flight-page .sr-ready-item:hover em,
body.ready-flight-page .sr-ready-item:focus-visible em {
  display: block !important;
}

html.dark-theme body.ready-flight-page .ready-kit-line,
body.dark-theme.ready-flight-page .ready-kit-line,
html.dark-theme body.ready-flight-page .sr-ready-item,
body.dark-theme.ready-flight-page .sr-ready-item {
  background: color-mix(in srgb, var(--flight-panel-soft, #122233) 86%, transparent) !important;
}

html.dark-theme body.ready-flight-page .ready-kit-line strong,
body.dark-theme.ready-flight-page .ready-kit-line strong,
html.dark-theme body.ready-flight-page .sr-ready-item strong,
body.dark-theme.ready-flight-page .sr-ready-item strong {
  color: var(--flight-text, #eef8ff) !important;
}

@media (max-width: 760px) {
  body.ready-flight-page .ready-kit-line,
  body.ready-flight-page .sr-ready-item {
    padding: 10px !important;
  }

  body.ready-flight-page .ready-kit-line:hover,
  body.ready-flight-page .ready-kit-line:focus-visible,
  body.ready-flight-page .sr-ready-item:hover,
  body.ready-flight-page .sr-ready-item:focus-visible {
    grid-template-columns: minmax(0, 1fr) 96px !important;
    min-height: 132px !important;
  }
}

/* Mobile menu polish: compact header button and non-clipping menu content. */
@media (max-width: 760px) {
  html body .site-header.has-site-search .mobile-menu-toggle,
  html body .front-header.has-site-search .mobile-menu-toggle,
  html body .site-header .mobile-menu-toggle,
  html body .front-header .mobile-menu-toggle {
    align-items: center !important;
    display: inline-grid !important;
    flex: 0 0 44px !important;
    grid-template-columns: 1fr !important;
    height: 44px !important;
    justify-items: center !important;
    min-height: 44px !important;
    min-width: 44px !important;
    padding: 0 !important;
    width: 44px !important;
  }

  html body .site-header.has-site-search .mobile-menu-toggle b,
  html body .front-header.has-site-search .mobile-menu-toggle b,
  html body .site-header .mobile-menu-toggle b,
  html body .front-header .mobile-menu-toggle b {
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }

  html body .site-header.has-site-search .mobile-menu-toggle span,
  html body .front-header.has-site-search .mobile-menu-toggle span,
  html body .site-header .mobile-menu-toggle span,
  html body .front-header .mobile-menu-toggle span {
    left: auto !important;
    position: static !important;
    width: 18px !important;
  }

  html body .site-header.has-site-search .mobile-menu-toggle span:nth-child(1),
  html body .front-header.has-site-search .mobile-menu-toggle span:nth-child(1),
  html body .site-header.has-site-search .mobile-menu-toggle span:nth-child(2),
  html body .front-header.has-site-search .mobile-menu-toggle span:nth-child(2),
  html body .site-header.has-site-search .mobile-menu-toggle span:nth-child(3),
  html body .front-header.has-site-search .mobile-menu-toggle span:nth-child(3),
  html body .site-header .mobile-menu-toggle span:nth-child(1),
  html body .front-header .mobile-menu-toggle span:nth-child(1),
  html body .site-header .mobile-menu-toggle span:nth-child(2),
  html body .front-header .mobile-menu-toggle span:nth-child(2),
  html body .site-header .mobile-menu-toggle span:nth-child(3),
  html body .front-header .mobile-menu-toggle span:nth-child(3) {
    top: auto !important;
  }

  html body .site-header.has-site-search .site-search:not(.is-open),
  html body .front-header.has-site-search .site-search:not(.is-open) {
    right: 64px !important;
  }

  html body.mobile-menu-open .site-header nav,
  html body.mobile-menu-open .front-header nav,
  html body.mobile-menu-open .site-header.has-site-search > nav,
  html body.mobile-menu-open .front-header.has-site-search > nav {
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    left: 10px !important;
    max-width: calc(100vw - 20px) !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    padding: 14px !important;
    right: 10px !important;
    width: calc(100vw - 20px) !important;
  }

  html body.mobile-menu-open .site-header nav a,
  html body.mobile-menu-open .front-header nav a {
    box-sizing: border-box !important;
    justify-content: space-between !important;
    max-width: 100% !important;
    min-width: 0 !important;
    text-align: left !important;
  }

  html body.mobile-menu-open .site-header nav .mobile-universe-switch,
  html body.mobile-menu-open .front-header nav .mobile-universe-switch {
    box-sizing: border-box !important;
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    max-width: 100% !important;
    padding: 0 !important;
    width: 100% !important;
  }

  html body.mobile-menu-open .site-header nav .mobile-universe-switch a,
  html body.mobile-menu-open .front-header nav .mobile-universe-switch a {
    align-items: center !important;
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    justify-items: start !important;
    min-height: 58px !important;
    width: 100% !important;
  }

  html body.mobile-menu-open .site-header nav .mobile-universe-switch a img,
  html body.mobile-menu-open .front-header nav .mobile-universe-switch a img {
    height: 34px !important;
    object-fit: contain !important;
    width: 34px !important;
  }

  html body.mobile-menu-open .site-header nav .mobile-universe-switch a span,
  html body.mobile-menu-open .front-header nav .mobile-universe-switch a span,
  html body.mobile-menu-open .site-header nav .mobile-universe-switch a strong,
  html body.mobile-menu-open .front-header nav .mobile-universe-switch a strong,
  html body.mobile-menu-open .site-header nav .mobile-universe-switch a small,
  html body.mobile-menu-open .front-header nav .mobile-universe-switch a small {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-align: left !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body.mobile-menu-open .mobile-whatsapp,
  html body.mobile-menu-open .speedrace-mobile-whatsapp,
  html body.mobile-menu-open #speedrace-cart-root .cart-fab {
    display: none !important;
  }
}

/* Mobile functional pass: configurator, ready kits and Pimax comparator. */
@media (max-width: 760px) {
  html body.configurator-lite-page,
  html body.ready-race-page,
  html body.pimax-compare-page {
    padding-bottom: calc(92px + env(safe-area-inset-bottom)) !important;
  }

  html body.configurator-lite-page main {
    padding-top: 20px !important;
  }

  html body.configurator-lite-page .configurator-hero {
    margin: 24px 14px 20px !important;
    min-height: 0 !important;
    padding: 20px !important;
    width: auto !important;
  }

  html body.configurator-lite-page .configurator-hero h1 {
    font-size: clamp(2rem, 9vw, 2.85rem) !important;
    line-height: 1.02 !important;
  }

  html body.configurator-lite-page .configurator-hero p {
    font-size: 1rem !important;
    line-height: 1.55 !important;
  }

  html body.configurator-lite-page .configurator-hero .button {
    min-height: 48px !important;
    width: 100% !important;
  }

  html body.configurator-lite-page .configurator-section {
    padding: 24px 14px 32px !important;
  }

  html body.configurator-lite-page .section-heading {
    margin-bottom: 18px !important;
  }

  html body.configurator-lite-page .section-heading h2 {
    font-size: clamp(1.65rem, 7.2vw, 2.1rem) !important;
    line-height: 1.06 !important;
  }

  html body.configurator-lite-page .legend-row {
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.configurator-lite-page .ecosystem-stage {
    margin: 18px 0 22px !important;
    padding: 16px !important;
  }

  html body.configurator-lite-page .ecosystem-stage-header h3 {
    font-size: clamp(1.65rem, 7.5vw, 2.2rem) !important;
    line-height: 1.05 !important;
  }

  html body.configurator-lite-page .ecosystem-switch,
  html body.configurator-lite-page .option-grid {
    display: grid !important;
    gap: 12px !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.configurator-lite-page .ecosystem-card,
  html body.configurator-lite-page .option-card {
    min-height: 0 !important;
    padding: 14px !important;
  }

  html body.configurator-lite-page .ecosystem-card ul {
    display: none !important;
  }

  html body.configurator-lite-page .option-card {
    align-items: center !important;
    display: grid !important;
    gap: 12px !important;
    grid-template-columns: 96px minmax(0, 1fr) !important;
  }

  html body.configurator-lite-page .option-card .product-photo,
  html body.configurator-lite-page .option-card > img {
    grid-row: span 4 !important;
    min-height: 82px !important;
  }

  html body.configurator-lite-page .option-card h3,
  html body.configurator-lite-page .option-card strong {
    font-size: 1rem !important;
    line-height: 1.08 !important;
  }

  html body.configurator-lite-page .option-card p {
    display: -webkit-box !important;
    font-size: 0.84rem !important;
    line-height: 1.32 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;
  }

  html body.configurator-lite-page .summary {
    border-radius: 22px 22px 0 0 !important;
    bottom: 0 !important;
    left: 8px !important;
    max-height: min(82dvh, 720px) !important;
    opacity: 0 !important;
    padding: 18px 16px calc(116px + env(safe-area-inset-bottom)) !important;
    right: 8px !important;
    top: auto !important;
    transform: translateY(calc(100% + 18px)) !important;
    width: auto !important;
    z-index: 920 !important;
  }

  html body.configurator-lite-page.config-summary-open .summary {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }

  html body.configurator-lite-page .config-summary-fab {
    bottom: calc(16px + env(safe-area-inset-bottom)) !important;
    height: 52px !important;
    left: 12px !important;
    min-width: 86px !important;
    right: auto !important;
    z-index: 930 !important;
  }

  html body.ready-race-page .fan-hero {
    min-height: 0 !important;
    padding: 92px 22px 108px !important;
  }

  html body.ready-race-page .fan-hero img {
    aspect-ratio: 16 / 10 !important;
    margin-bottom: 24px !important;
    max-height: 230px !important;
    object-fit: cover !important;
    width: 100% !important;
  }

  html body.ready-race-page .fan-hero h1 {
    font-size: clamp(1.95rem, 8.9vw, 2.45rem) !important;
    line-height: 1.03 !important;
  }

  html body.ready-race-page .fan-hero p {
    font-size: 1rem !important;
    line-height: 1.48 !important;
  }

  html body.ready-race-page .fan-hero .hero-actions {
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    margin-top: 20px !important;
    position: relative !important;
    z-index: 940 !important;
  }

  html body.ready-race-page .fan-hero .button,
  html body.pimax-compare-page .hero-actions .button {
    min-height: 50px !important;
    width: 100% !important;
  }

  html body.ready-race-page .bundle-section.ready-kits-section {
    padding-top: 28px !important;
  }

  html body.ready-race-page .sr-ready-clean {
    width: min(100% - 24px, 680px) !important;
  }

  html body.ready-race-page .sr-ready-clean .sr-ready-style-grid,
  html body.ready-race-page .sr-ready-clean .sr-ready-kit-grid-clean {
    margin-inline: -2px !important;
    overflow-x: auto !important;
    padding: 0 2px 14px !important;
    scroll-padding-inline: 2px !important;
    scroll-snap-type: x mandatory !important;
  }

  html body.ready-race-page .sr-ready-clean .sr-ready-style-grid {
    grid-auto-columns: minmax(260px, 84vw) !important;
  }

  html body.ready-race-page .sr-ready-clean .sr-ready-kit-grid-clean {
    grid-auto-columns: minmax(278px, 86vw) !important;
  }

  html body.ready-race-page .sr-ready-clean .sr-ready-style-card,
  html body.ready-race-page .sr-ready-clean .sr-ready-kit-card-clean {
    scroll-snap-align: start !important;
  }

  html body.ready-race-page .sr-ready-clean .sr-ready-kit-card-clean {
    min-height: 260px !important;
    padding: 14px !important;
  }

  html body.ready-race-page .sr-ready-expanded-clean {
    padding: 16px !important;
  }

  html body.ready-race-page .sr-ready-expanded-head {
    gap: 12px !important;
  }

  html body.ready-race-page .sr-ready-expanded-head h3 {
    font-size: clamp(1.8rem, 8vw, 2.45rem) !important;
  }

  html body.ready-race-page .sr-ready-actions-clean {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.pimax-compare-page .vr-compare-hero {
    min-height: 0 !important;
    padding-bottom: 32px !important;
    padding-top: 34px !important;
  }

  html body.pimax-compare-page .vr-compare-hero h1 {
    font-size: clamp(2.2rem, 11vw, 3rem) !important;
    line-height: 1 !important;
  }

  html body.pimax-compare-page .hero-actions {
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    position: relative !important;
    z-index: 940 !important;
  }

  html body.pimax-compare-page .vr-compare-callout {
    margin-top: 14px !important;
    padding: 18px !important;
  }

  html body.pimax-compare-page .vr-compare-section {
    padding-top: 30px !important;
  }

  html body.pimax-compare-page .vr-guide-grid,
  html body.pimax-compare-page .competitor-grid-named {
    display: flex !important;
    gap: 12px !important;
    margin-inline: -12px !important;
    max-width: calc(100vw - 24px) !important;
    overflow-x: auto !important;
    padding: 0 12px 14px !important;
    scroll-padding-inline: 12px !important;
    scroll-snap-type: x mandatory !important;
    width: calc(100vw - 24px) !important;
  }

  html body.pimax-compare-page .vr-guide-grid > article,
  html body.pimax-compare-page .competitor-grid-named > article {
    flex: 0 0 min(82vw, 320px) !important;
    min-height: 0 !important;
    scroll-snap-align: start !important;
  }

  html body.pimax-compare-page .vr-guide-grid > article {
    background:
      linear-gradient(135deg, rgba(5, 18, 12, 0.92), rgba(12, 47, 31, 0.88)),
      var(--pimax-panel, #0b1711) !important;
    color: #f4fff8 !important;
  }

  html body.pimax-compare-page .vr-guide-grid > article::before,
  html body.pimax-compare-page .vr-guide-grid > article::after {
    opacity: 0.18 !important;
  }

  html body.pimax-compare-page .vr-guide-grid > article h3,
  html body.pimax-compare-page .vr-guide-grid > article strong,
  html body.pimax-compare-page .vr-guide-grid > article p,
  html body.pimax-compare-page .vr-guide-grid > article a {
    color: #f4fff8 !important;
  }

  html body.pimax-compare-page .vr-guide-grid > article p {
    opacity: 0.88 !important;
  }

  html body.pimax-compare-page .vr-table-scroll-hint {
    display: none !important;
  }

  html body.pimax-compare-page .vr-compare-table-wrap {
    margin-inline: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    width: 100% !important;
  }

  html body.pimax-compare-page .vr-compare-table tbody {
    gap: 14px !important;
  }

  html body.pimax-compare-page .vr-compare-table tr {
    padding: 14px !important;
  }

  html body.pimax-compare-page .vr-compare-table tr,
  html body.pimax-compare-page .vr-compare-table th,
  html body.pimax-compare-page .vr-compare-table td {
    color: #f4fff8 !important;
  }

  html body.pimax-compare-page .vr-compare-table tr {
    background: #102018 !important;
    border-color: rgba(38, 224, 119, 0.28) !important;
  }

  html body.pimax-compare-page .vr-compare-table tbody th a {
    color: #25d96f !important;
  }

  html body.pimax-compare-page .vr-compare-table td {
    grid-template-columns: 94px minmax(0, 1fr) !important;
  }

  html body.pimax-compare-page .vr-compare-table .stock-table-action,
  html body.pimax-compare-page .vr-compare-table .stock-table-badge {
    align-items: center !important;
    display: inline-flex !important;
    justify-content: center !important;
    min-width: 118px !important;
    white-space: nowrap !important;
    width: max-content !important;
    writing-mode: horizontal-tb !important;
  }

  html body.configurator-lite-page .speedrace-mobile-whatsapp,
  html body.ready-race-page .speedrace-mobile-whatsapp,
  html body.pimax-compare-page .speedrace-mobile-whatsapp {
    bottom: calc(16px + env(safe-area-inset-bottom)) !important;
    height: 52px !important;
    left: calc(50% - 26px) !important;
    right: auto !important;
    width: 52px !important;
    z-index: 929 !important;
  }

  html body.configurator-lite-page .speedrace-mobile-whatsapp {
    display: none !important;
  }

  html body.configurator-lite-page #speedrace-cart-root .cart-fab,
  html body.ready-race-page #speedrace-cart-root .cart-fab,
  html body.pimax-compare-page #speedrace-cart-root .cart-fab {
    bottom: calc(16px + env(safe-area-inset-bottom)) !important;
    height: 52px !important;
    min-width: 92px !important;
    right: 12px !important;
    transform: none !important;
    z-index: 929 !important;
  }

  html body.ready-race-page .speedrace-mobile-whatsapp,
  html body.pimax-compare-page .speedrace-mobile-whatsapp {
    left: 12px !important;
  }

  html body.ready-race-page #speedrace-cart-root .cart-fab,
  html body.pimax-compare-page #speedrace-cart-root .cart-fab {
    right: 12px !important;
  }

  html body.ready-race-page .speedrace-mobile-whatsapp,
  html body.ready-race-page #speedrace-cart-root .cart-fab {
    display: none !important;
  }
}