/* HST / DrAir 2026-10-28 — ONLY six vehicle cards within #vehicles.
   Models cropped from the user-approved FIRST 3x2 reference.
   Text remains live, readable HTML for accessibility and SEO. */
#vehicles .vehicle-grid.drair-vehicles-v1 {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  width:100%;
}
#vehicles .vehicle-grid.drair-vehicles-v1 .drair-vehicle {
  position:relative;
  overflow:hidden;
  isolation:isolate;
  min-width:0;
  margin:0;
  padding:6px 6px 0;
  background:#16171c;
  border:1px solid #30353d;
  border-radius:12px;
  color:#f6f7f8;
  box-shadow:0 5px 17px rgba(0,0,0,.24);
  transition:border-color .2s ease,transform .2s ease;
}
#vehicles .vehicle-grid.drair-vehicles-v1 .drair-vehicle img {
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:2.40/1;
  object-fit:contain;
  object-position:center;
  background:#16171c!important;
  border:0;
  border-radius:7px 7px 0 0;
  filter:none!important;
  opacity:1;
  margin:0;
}
#vehicles .vehicle-grid.drair-vehicles-v1 .drair-vehicle b {
  display:flex;
  align-items:center;
  text-align:left;
  margin:0;
  padding:5px 6px 11px 26px;
  min-height:35px;
  color:#fff;
  font-family:'Manrope','Segoe UI',Arial,sans-serif;
  font-style:normal;
  font-weight:600;
  font-size:clamp(10px,.84vw,14px);
  line-height:1.32;
  overflow-wrap:anywhere;
}
#vehicles .vehicle-grid.drair-vehicles-v1 .drair-vehicle b::before {
  content:'';
  position:absolute;
  left:17px;
  bottom:10px;
  width:7px;
  height:24px;
  transform:skew(-20deg);
  background:#f10b2d;
}
@media (hover:hover) {
  #vehicles .vehicle-grid.drair-vehicles-v1 .drair-vehicle:hover {
    border-color:#dd1938;
    transform:translateY(-2px);
  }
}
@media(max-width:1100px) {
  #vehicles .vehicle-grid.drair-vehicles-v1 {gap:9px;}
  #vehicles .vehicle-grid.drair-vehicles-v1 .drair-vehicle b{font-size:clamp(11px,1.45vw,14px);}
}
@media(max-width:700px) {
  #vehicles .vehicle-grid.drair-vehicles-v1 {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  #vehicles .vehicle-grid.drair-vehicles-v1 .drair-vehicle b{font-size:clamp(11px,2.7vw,13px);min-height:42px;padding:5px 4px 10px 22px;}
  #vehicles .vehicle-grid.drair-vehicles-v1 .drair-vehicle b::before{left:13px;bottom:12px;width:6px;height:23px;}
}
@media(max-width:360px) {
  #vehicles .vehicle-grid.drair-vehicles-v1 {gap:7px;}
  #vehicles .vehicle-grid.drair-vehicles-v1 .drair-vehicle{padding:4px 4px 0;}
  #vehicles .vehicle-grid.drair-vehicles-v1 .drair-vehicle b{font-size:10px;}
}
@media(prefers-reduced-motion:reduce){#vehicles .vehicle-grid.drair-vehicles-v1 .drair-vehicle{transition:none;}}