/* Compact vehicle catalogue: 4 desktop, 3 tablet, 1 mobile. */
.vehicle-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.vehicle-card{border-radius:18px}
.vehicle-card:hover{transform:translateY(-3px)}
.vehicle-image{height:225px;padding:14px}
.vehicle-image img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;object-position:center}
.status-pill{left:13px;top:13px;padding:5px 9px;font-size:.61rem}
.vehicle-body{padding:17px}
.vehicle-meta{gap:6px}
.vehicle-meta span{padding:4px 7px;font-size:.59rem}
.vehicle-body h3{margin:9px 0 4px;font-size:1.04rem;line-height:1.25}
.vehicle-body p{display:-webkit-box;min-height:38px;margin:0;overflow:hidden;font-size:.75rem;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.card-footer{margin-top:14px;padding-top:12px}
.card-footer strong{font-size:.75rem}
.card-footer a{width:32px;height:32px;font-size:1rem}
@media(max-width:1199px){
  .vehicle-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .vehicle-image{height:210px;padding:12px}
  .vehicle-body{padding:15px}
}
@media(max-width:767px){
  .vehicle-grid{grid-template-columns:1fr;gap:16px}
  .vehicle-image{height:245px;padding:14px}
  .vehicle-body{padding:17px}
  .vehicle-body h3{font-size:1.1rem}
  .vehicle-body p{min-height:0}
}
@media(max-width:390px){.vehicle-image{height:220px}}