/* Pimax Lite keeps the same content, images and product structure.
   It only removes expensive visual effects that were hurting scroll performance. */

body.pimax-lite {
  --pimax-bg: #f3fff5;
  --pimax-panel: #ffffff;
  --pimax-soft: #e8f7ed;
  --pimax-text: #07140d;
  --pimax-muted: #526b5b;
  --pimax-line: #cce7d4;
  --pimax-blue: #0f8f4f;
  --pimax-cyan: #1246a0;
  --pimax-yellow: #f5c400;
  --accent: #0f8f4f;
  --accent-2: #1246a0;
  --pimax-shadow: none;
  background: var(--pimax-bg);
}

html.dark-theme body.pimax-lite,
body.dark-theme.pimax-lite {
  --pimax-bg: #06100b;
  --pimax-panel: #0c1811;
  --pimax-soft: #102416;
  --pimax-text: #f4fff6;
  --pimax-muted: #a8c9b1;
  --pimax-line: #1f3b29;
  --pimax-blue: #22e27b;
  --pimax-cyan: #f5c400;
  --pimax-yellow: #f5c400;
  --accent: #22e27b;
  --accent-2: #f5c400;
  --pimax-shadow: none;
  background: #06100b;
}

body.pimax-lite .site-header {
  background: var(--pimax-panel);
  border-bottom: 1px solid var(--pimax-line);
  box-shadow: none;
  position: sticky;
}

body.pimax-lite .header-action,
body.pimax-lite .button.primary,
body.pimax-lite .pimax-model-card em,
body.pimax-lite .vr-total {
  background: var(--pimax-blue);
  border-color: var(--pimax-blue);
  box-shadow: none;
  color: #ffffff;
}

body.pimax-lite nav a[href="pimax-brasil-lite.html"],
body.pimax-lite.vr-config-site nav a[href="configurador-vr-lite.html"] {
  color: var(--pimax-blue);
}

html.dark-theme body.pimax-lite .header-action,
html.dark-theme body.pimax-lite .button.primary,
html.dark-theme body.pimax-lite .pimax-model-card em,
html.dark-theme body.pimax-lite .vr-total {
  color: #06100b;
}

body.pimax-lite .button.secondary,
body.pimax-lite .button.ghost,
body.pimax-lite .theme-toggle {
  background: var(--pimax-panel);
  border-color: var(--pimax-line);
  box-shadow: none;
  color: var(--pimax-text);
}

body.pimax-lite .pimax-page,
body.pimax-lite .vr-config-page {
  background: var(--pimax-bg);
}

body.pimax-lite .pimax-hero,
body.pimax-lite .pimax-hero-visual,
body.pimax-lite .pimax-proof article,
body.pimax-lite .pimax-model-card,
body.pimax-lite .pimax-compare div,
body.pimax-lite .pimax-accessory-grid article,
body.pimax-lite .pimax-setup,
body.pimax-lite .product-final-cta,
body.pimax-lite .vr-config-hero > div,
body.pimax-lite .vr-config-hero-card,
body.pimax-lite .vr-option-group,
body.pimax-lite .vr-summary,
body.pimax-lite .vr-option-card {
  background: var(--pimax-panel);
  border: 1px solid var(--pimax-line);
  box-shadow: none;
}

body.pimax-lite .pimax-hero::before,
body.pimax-lite .vr-config-hero-card::before,
body.pimax-lite .pimax-hero-visual::before {
  content: none;
}

body.pimax-lite .pimax-hero {
  min-height: auto;
}

body.pimax-lite .pimax-hero-copy h1,
body.pimax-lite .vr-config-hero h1 {
  color: var(--pimax-text);
  font-size: clamp(2.4rem, 5vw, 4.8rem);
  line-height: 0.98;
}

body.pimax-lite .pimax-section h2,
body.pimax-lite .pimax-accessories h2,
body.pimax-lite .pimax-setup h2,
body.pimax-lite .product-final-cta h2,
body.pimax-lite .vr-option-group h2 {
  font-size: clamp(1.9rem, 3.6vw, 3.8rem);
  line-height: 1;
}

body.pimax-lite .pimax-model-card h3,
body.pimax-lite .pimax-compare strong,
body.pimax-lite .pimax-accessory-grid h3,
body.pimax-lite .vr-summary h2 {
  font-size: clamp(1.3rem, 2.1vw, 2rem);
  line-height: 1.05;
}

body.pimax-lite .pimax-hero-copy p,
body.pimax-lite .vr-config-hero p {
  font-size: 17px;
  line-height: 1.55;
}

body.pimax-lite .pimax-hero-copy p,
body.pimax-lite .pimax-proof p,
body.pimax-lite .pimax-model-card p,
body.pimax-lite .pimax-compare p,
body.pimax-lite .pimax-accessory-grid p,
body.pimax-lite .pimax-setup p,
body.pimax-lite .pimax-setup li,
body.pimax-lite .vr-config-hero p,
body.pimax-lite .vr-option-card p,
body.pimax-lite .vr-summary p,
body.pimax-lite .vr-summary-note {
  color: var(--pimax-muted);
}

body.pimax-lite .pimax-hero-visual img,
body.pimax-lite .pimax-model-card img,
body.pimax-lite .vr-config-hero-card img,
body.pimax-lite .vr-option-card img {
  background: var(--pimax-soft);
  filter: none;
  mix-blend-mode: normal;
  transform: none;
}

body.pimax-lite .pimax-model-card,
body.pimax-lite .vr-option-card {
  transition: border-color 120ms ease, background 120ms ease;
}

body.pimax-lite .pimax-model-card:hover,
body.pimax-lite .vr-option-card:hover,
body.pimax-lite .vr-option-card.is-selected {
  border-color: var(--pimax-blue);
  box-shadow: none;
  transform: none;
}

body.pimax-lite .vr-option-card.is-selected {
  background: var(--pimax-soft);
  border-color: var(--pimax-blue);
  border-width: 2px;
  outline: 2px solid rgba(185, 86, 24, 0.22);
  outline-offset: 2px;
  position: relative;
}

body.pimax-lite .vr-option-card.is-selected::before {
  background: var(--pimax-blue);
  border-radius: 999px;
  content: "";
  height: 10px;
  left: 12px;
  position: absolute;
  top: 12px;
  width: 10px;
}

body.pimax-lite .vr-option-card.is-selected::after {
  background: var(--pimax-blue);
  border-radius: 999px;
  color: #ffffff;
  content: "Selecionado";
  font-size: 11px;
  font-weight: 950;
  line-height: 1;
  padding: 8px 10px;
  position: absolute;
  right: 12px;
  text-transform: uppercase;
  top: 10px;
}

body.pimax-lite .vr-summary {
  position: static;
}

body.pimax-lite .vr-summary-note {
  background: var(--pimax-soft);
  border: 1px solid var(--pimax-line);
}

body.pimax-lite .vr-total small,
body.pimax-lite .vr-total em {
  color: inherit;
  opacity: 0.8;
}

body.pimax-lite .pimax-accessory-grid article,
body.pimax-lite .pimax-compare div,
body.pimax-lite .pimax-proof article {
  min-height: 0;
}

body.pimax-lite .pimax-model-card {
  min-height: 460px;
}

body.pimax-lite .pimax-model-card img {
  height: 230px;
}

body.pimax-lite .pimax-hero-visual img {
  max-height: 360px;
}

body.pimax-lite .vr-config-hero-card {
  min-height: 360px;
}

body.pimax-lite .vr-config-hero-card img {
  height: 240px;
}

body.pimax-lite .vr-option-card {
  min-height: 210px;
}

@media (max-width: 760px) {
  body.pimax-lite .pimax-hero,
  body.pimax-lite .vr-config-hero {
    padding-top: 28px;
  }

  body.pimax-lite .pimax-hero-copy h1,
  body.pimax-lite .vr-config-hero h1 {
    font-size: 34px;
  }

  body.pimax-lite .pimax-section h2,
  body.pimax-lite .pimax-accessories h2,
  body.pimax-lite .pimax-setup h2,
  body.pimax-lite .product-final-cta h2,
  body.pimax-lite .vr-option-group h2 {
    font-size: 28px;
  }

  body.pimax-lite .pimax-model-card {
    min-height: 0;
  }

  body.pimax-lite .pimax-model-card img {
    height: 190px;
  }
}