:root {
  --bg:#080b09;
  --panel:#111713;
  --line:#28352b;
  --text:#f5f7f1;
  --muted:#a7b4a6;
  --green:#c1ff83;
}
body {
  background:
    radial-gradient(ellipse at 85% 0%,rgba(107,165,78,.09),transparent 38%),
    #080b09;
}
.header {
  min-height:88px;
  backdrop-filter:blur(18px);
  background:rgba(8,11,9,.92);
}
.brand-mark {
  box-shadow:inset 0 0 22px rgba(193,255,131,.08);
}
.hero {
  min-height:580px;
  align-items:center;
}
.hero h1 {
  font-size:clamp(64px,7vw,116px);
  letter-spacing:-2px;
}
.hero-car {
  min-height:520px;
  border:1px solid #354734;
  box-shadow:0 35px 90px rgba(0,0,0,.32);
}
.hero-car img {
  transition:transform .8s cubic-bezier(.2,.7,.2,1);
}
.hero-car:hover img {transform:scale(1.045)}
.vehicle-grid {gap:22px}
.vehicle-card {
  background:linear-gradient(160deg,#19211a,#101511);
  border:1px solid #29372b;
  transition:transform .25s,border-color .25s,box-shadow .25s;
}
.vehicle-card:hover {
  transform:translateY(-5px);
  border-color:#8bbd65;
  box-shadow:0 24px 60px rgba(0,0,0,.3);
}
.card-media {aspect-ratio:1.48}
.card-price {color:var(--green);font-weight:700}
.button.primary,.primary {
  background:var(--green);
  color:#10170c;
  border-color:var(--green);
}
.purchase-panel {
  background:linear-gradient(150deg,#1b261b,#101611);
  border-color:#40563b;
  box-shadow:0 22px 70px rgba(0,0,0,.2);
}
.purchase-price {color:var(--green);font-weight:700}
.gallery-stage {
  background:#090d0a;
  border-color:#3a4b3b;
}
.search-bar {
  background:#151d16;
  border-color:#40563b;
  box-shadow:0 12px 36px rgba(0,0,0,.16);
}
::selection {background:var(--green);color:#080b09}
@media(max-width:700px){
  .hero{min-height:auto}
  .hero h1{font-size:clamp(52px,12vw,76px)}
  .hero-car{min-height:350px}
  .vehicle-card:hover{transform:none}
  .vehicle-grid{gap:12px}
  .purchase-panel{box-shadow:none}
}
@media(prefers-reduced-motion:reduce){
  .vehicle-card,.hero-car img{transition:none}
}

/* OVERDRIVE / VIDEO PREVIEWS */
.card-media [data-media] {
  display:block;
  width:100%;
  height:100%;
}
.card-media video {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  background:#080b09;
  pointer-events:none;
}
.card-media:has(video)::after {
  content:'▶ VIDEO';
  position:absolute;
  bottom:12px;
  left:12px;
  padding:6px 10px;
  background:rgba(8,12,9,.85);
  color:#c1ff83;
  border:1px solid #496b40;
  font-size:10px;
  letter-spacing:1.5px;
  pointer-events:none;
}

/* GHOST PROTOCOLS - search suggestions dropdown (2026-10-22) */
.gp-search-wrap {
  position: relative;
}
.gp-suggestions {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #151d16;
  border: 1px solid #40563b;
  border-top: none;
  z-index: 100;
  max-height: 320px;
  overflow-y: auto;
}
.gp-sug-item {
  display: block;
  width: 100%;
  text-align: left;
  padding: 10px 22px;
  background: none;
  border: none;
  color: #f5f7f1;
  cursor: pointer;
  font-size: 13px;
}
.gp-sug-item:hover {
  background: rgba(193,255,131,0.08);
  color: #c1ff83;
}

/* Hold the page still while results stream in (2026-10-22) */
body.is-loading .pagination,
body.is-loading .concierge,
body.is-loading .footer {
  visibility: hidden;
}