/* Glossmith 2.0 surgical enhancement — preserves existing brand and functionality */
:root{--gm-radius:18px;--gm-fast:180ms;--gm-ease:cubic-bezier(.2,.8,.2,1)}
body{font-family:var(--sans)}
/* Reserve Space Mono for genuinely technical readouts, not ordinary interface copy. */
.qb-head,.qb-note-sub,.qb-opt,.qb-film,.qb-tap-guide,.qb-div-title,.qb-div-sub,.cov-caption,.cov-slabels,.cov-legend,.tint-b,.nav-links,.nav-book{font-family:var(--sans)!important}

/* Keep the original header, just reduce visual bulk and improve touch hierarchy. */
nav{transition:background var(--gm-fast) var(--gm-ease),border-color var(--gm-fast) var(--gm-ease),transform var(--gm-fast) var(--gm-ease)}
.nav-book{letter-spacing:.12em!important;font-weight:700}
@media(max-width:760px){
  nav{left:18px!important;right:18px!important;width:auto!important;padding:.48rem .55rem .48rem 1rem!important;min-height:64px!important;border-radius:999px!important}
  .logo{font-size:1.02rem!important;letter-spacing:.075em!important}
  .theme-toggle,.nav-toggle{width:46px!important;height:46px!important}
  .nav-book{height:46px!important;padding:0 1.5rem!important;font-size:.74rem!important}
}

/* Quote builder: preserve structure, make it feel configurator-like and calm. */
#quote .quote-intro{max-width:720px}
.qb-block{transition:border-color var(--gm-fast) var(--gm-ease),background var(--gm-fast) var(--gm-ease),transform var(--gm-fast) var(--gm-ease)}
.qb-block:focus-within{border-color:rgba(184,255,0,.34)}
.qb-opt,.qb-film,.qb-modetab,.tint-b{transition:transform var(--gm-fast) var(--gm-ease),border-color var(--gm-fast) var(--gm-ease),background var(--gm-fast) var(--gm-ease),color var(--gm-fast) var(--gm-ease)}
.qb-opt:hover,.qb-film:hover,.tint-b:hover{transform:translateY(-1px)}
.qb-note-sub{max-width:68ch;line-height:1.5!important}
.qb-estimate{top:102px!important;box-shadow:0 24px 70px rgba(0,0,0,.24)}
.qb-book{min-height:52px}
.qb-copy{min-height:46px}

/* Signature vehicle stage */
.cov3d-stage{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.06),transparent 36%),linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,.12));border-color:rgba(255,255,255,.09)!important}
.cov3d-stage:after{content:"";position:absolute;inset:auto 10% 7% 10%;height:1px;background:linear-gradient(90deg,transparent,rgba(184,255,0,.26),transparent);pointer-events:none}
.gm-model-badge{position:absolute;z-index:4;top:14px;left:14px;display:flex;align-items:center;gap:.45rem;padding:.42rem .62rem;border:1px solid rgba(255,255,255,.10);background:rgba(8,8,8,.56);backdrop-filter:blur(10px);border-radius:999px;color:rgba(245,245,245,.68);font-size:.61rem;font-weight:700;letter-spacing:.08em;pointer-events:none}
.gm-model-badge span{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px rgba(184,255,0,.7)}
#cov3d{filter:drop-shadow(0 18px 30px rgba(0,0,0,.38))}
#tintBtns .tint-b{font-size:.72rem!important;font-weight:650!important;letter-spacing:0!important;min-width:48px;text-align:center}
#tintRead{font-family:var(--sans)!important;color:var(--text)!important}
#tintRead b{color:var(--gold-lt);font-size:.8rem}

/* Less 'website card', more product chooser on mobile. */
@media(max-width:760px){
  .quote-layout{gap:1rem!important}
  .qb-config,.qb-estimate{border-radius:18px!important}
  .qb-block{padding:1.05rem!important}
  .qb-head{font-size:.9rem!important}
  .qb-note-sub{font-size:.77rem!important;margin-top:.45rem!important}
  .qb-estimate{position:relative!important;top:auto!important}
  .cov3d-stage{min-height:300px!important}
  .gm-model-badge{font-size:.55rem;top:10px;left:10px}
}

/* Make supporting content less visually competitive without deleting it. */
.qb-callout{opacity:.92}
.prod-intro,.why-desc,.gal-note{line-height:1.6}