/* GVolt Performance — seletor de produto na entrada (Fase I.6) */
/* Reaproveita os tokens (--bg,--panel,--line,--blue,--deep,--text,--muted) */
/* e as classes globais (.button,.button-secondary,.eyebrow) já definidas  */
/* em styles.css — não redefine nada global aqui.                          */

#gvolt-product-selector[hidden]{display:none}
#gvolt-product-selector{position:fixed;inset:0;z-index:200;display:grid;place-items:center;box-sizing:border-box;padding:24px}
.ps-backdrop{position:absolute;inset:0;background:rgba(4,8,16,.72);backdrop-filter:blur(6px)}
.ps-panel{position:relative;width:min(760px,100%);padding:clamp(28px,4vw,48px);border:1px solid #1d4a76;border-radius:20px;background:linear-gradient(150deg,#0b1a30,#070d18 70%);box-shadow:0 40px 100px rgba(0,0,0,.55),0 0 60px rgba(10,140,255,.12);outline:none}
.ps-panel h2{font-family:Bahnschrift,"Arial Narrow",sans-serif;font-size:clamp(26px,3.4vw,36px);letter-spacing:-.4px;margin:8px 0 12px}
.ps-lead{color:#a9bfd6;font-size:14px;line-height:1.6;margin:0 0 28px;max-width:560px}
.ps-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ps-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:24px;border:1px solid #1b375b;border-radius:14px;background:linear-gradient(145deg,#0d182a,#0a1120)}
.ps-card svg{width:34px;height:34px;color:var(--blue);margin-bottom:6px}
.ps-card h3{font-size:16px;margin:0;color:#eaf4ff}
.ps-card p{color:#8fa6c0;font-size:12px;margin:0 0 14px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}
.ps-card .button,.ps-card .button-secondary{width:100%;padding:13px 16px;font-size:12px!important}
body.ps-open{overflow:hidden}
body.ps-open #gvolt-product-selector{overscroll-behavior:contain}
@media(max-width:640px){
  .ps-grid{grid-template-columns:1fr}
  .ps-panel{padding:26px 20px}
}