/* === v12 polish layer === */
:root{
  --bg: #0b0b0c;
  --panel: rgba(0,0,0,.55);
  --text: #f4f4f5;
  --muted: rgba(255,255,255,.72);
  --red: #b30012;
  --red2:#e00018;
  --shadow: 0 18px 45px rgba(0,0,0,.45);
  --radius: 18px;
}

/* Sticky CTA */
.sticky-quote{
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 999;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border-radius: 999px;
  font-weight: 800;
  letter-spacing: .6px;
  text-transform: uppercase;
  background: linear-gradient(180deg,var(--red2),var(--red));
  color: #fff;
  box-shadow: var(--shadow);
  border: 1px solid rgba(255,255,255,.12);
}
.sticky-quote:hover{ transform: translateY(-2px); }
.sticky-quote:active{ transform: translateY(0); }

/* Dealer-level header polish */
.header{
  position: sticky;
  top: 0;
  z-index: 50;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background: linear-gradient(180deg, rgba(0,0,0,.82), rgba(0,0,0,.55));
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.header .inner{ gap: 16px; }
.header .logo img{ filter: drop-shadow(0 10px 18px rgba(0,0,0,.35)); }

/* Mobile nav */
.nav-toggle{
  display:none;
  width: 44px;
  height: 40px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.35);
  color: #fff;
  font-size: 18px;
  line-height: 1;
}
.nav-toggle:hover{ background: rgba(255,255,255,.06); }
@media (max-width: 860px){
  .header .nav{ display:none; }
  .nav-toggle{ display:inline-flex; align-items:center; justify-content:center; margin-left:auto; }
  .header .cta{ display:none; }
  .mobile-nav{
    display:none;
    padding: 14px 18px 18px;
    border-top: 1px solid rgba(255,255,255,.08);
  }
  .mobile-nav.open{ display:block; }
  .mobile-nav a{ display:block; padding: 10px 0; color: rgba(255,255,255,.92); font-weight: 700; }
}

/* Animated model cards */
.cards .card{
  border-radius: var(--radius);
  overflow: hidden;
  transform: translateZ(0);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  border: 1px solid rgba(0,0,0,.06);
  background: #fff;
}
.cards .card img{ transition: transform .25s ease; }
.cards .card:hover{
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(0,0,0,.18);
  border-color: rgba(179,0,18,.28);
}
.cards .card:hover img{ transform: scale(1.04); }
.cards .card .btn{ transition: transform .18s ease, filter .18s ease; }
.cards .card:hover .btn{ transform: translateY(-1px); filter: brightness(1.02); }

/* Hero overlay readability (keeps your photo, improves text contrast) */
.hero{
  position: relative;
}
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  background: radial-gradient(65% 65% at 60% 45%, rgba(0,0,0,.0), rgba(0,0,0,.42) 70%, rgba(0,0,0,.62));
  pointer-events:none;
}
.hero .content{ position:relative; z-index:1; }
.hero .content h1, .hero .content p{ text-shadow: 0 10px 28px rgba(0,0,0,.45); }

/* Annagola CTA */
.annagola-cta{
  margin: 44px auto 0;
  max-width: 1100px;
  padding: 22px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(0,0,0,.65), rgba(0,0,0,.40));
  border: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.92);
  display:flex;
  gap: 16px;
  align-items:center;
  justify-content: space-between;
}
.annagola-cta .copy{ max-width: 780px; }
.annagola-cta h3{ margin:0 0 6px; font-size: 18px; letter-spacing:.3px; }
.annagola-cta p{ margin:0; color: rgba(255,255,255,.78); }
.annagola-cta a{
  white-space: nowrap;
}
@media (max-width: 860px){
  .annagola-cta{ flex-direction:column; align-items:flex-start; }
}

/* Specs tables readability */
.spec-grid, .spec-table{
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}