/* Motor Atlas — classy interaction polish
   Removes bright green focus boxes from catalogue controls and replaces
   the inner card hover wash with a restrained graphite/silver treatment. */

/* Catalogue controls: keep focus visible without neon green boxes. */
.toolbar .search:focus-within,
.toolbar .selectlabel:focus-within{
  border-color:#46504a!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.055)!important;
}

.toolbar .search input:focus,
.toolbar .search input:focus-visible,
.toolbar .selectlabel select:focus,
.toolbar .selectlabel select:focus-visible{
  outline:none!important;
  box-shadow:none!important;
  border-color:transparent!important;
}

/* Keyboard users still get a subtle neutral focus cue. */
.toolbar .search:has(input:focus-visible),
.toolbar .selectlabel:has(select:focus-visible){
  border-color:#59635e!important;
  box-shadow:0 0 0 2px rgba(215,221,217,.09)!important;
}

/* Cars: neutral charcoal base instead of a green-tinted panel. */
.card{
  background:linear-gradient(180deg,rgba(17,18,18,.97),rgba(7,8,8,.99))!important;
}

/* Keep the outer lime accent on hover, but remove the green wash inside. */
.card::after{
  background:radial-gradient(ellipse,rgba(205,211,207,.075),rgba(120,126,123,.025) 34%,transparent 67%)!important;
}
.card:hover::after{opacity:.72!important}

/* Slightly cooler lower body section so the car image stays the focus. */
.cardbody{
  background:linear-gradient(180deg,rgba(13,14,14,.72),rgba(7,8,8,.92));
}

/* Hero headline — one clean cinematic line on desktop. */
.intro>div:first-child{
  flex:1 1 auto;
  min-width:0;
}
.intro h1{
  max-width:none!important;
  width:max-content;
  white-space:nowrap;
  font-size:clamp(3.25rem,5.25vw,5.7rem)!important;
  line-height:.91!important;
  letter-spacing:-.04em!important;
  margin:.2em 0 .16em!important;
  background:linear-gradient(180deg,#ffffff 0%,#f3f5f4 58%,#cbd1cd 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:0 16px 42px rgba(0,0,0,.38);
}
.intro h1 span{
  color:var(--lime)!important;
  -webkit-text-fill-color:var(--lime);
  text-shadow:0 0 20px rgba(183,255,72,.28);
}
.intro .eyebrow{
  margin-bottom:.3rem;
}
.intro p{
  margin-top:.75rem!important;
  letter-spacing:.005em;
}

/* Preserve comfortable wrapping on narrower screens. */
@media(max-width:1180px){
  .intro h1{
    font-size:clamp(3rem,6vw,4.9rem)!important;
  }
}
@media(max-width:820px){
  .intro h1{
    width:auto;
    white-space:normal;
    font-size:clamp(3rem,11vw,4.4rem)!important;
    line-height:.94!important;
  }
}