/* MYEV 1.6 — compact catalog cards and professional vehicle facts. */

.vehicle-card{display:flex;min-width:0;border-radius:2px;overflow:hidden}
.vehicle-card-link{height:100%;display:flex;flex:1;min-width:0;flex-direction:column;color:inherit;text-decoration:none}
.vehicle-body{display:flex;flex:1;min-width:0;flex-direction:column;padding:22px}
.vehicle-title-row{min-width:0;min-height:52px;align-items:flex-start}
.vehicle-title-row h3{min-width:0}
.vehicle-year{flex:0 0 auto;margin-top:2px;padding:4px 7px;border-radius:2px;background:#f2f6f4;color:#506158;font-size:11px;font-weight:700;line-height:1.2}
.vehicle-facts div{min-width:0;padding-inline:10px}
.vehicle-facts div:first-child{padding-left:0}
.vehicle-facts div:last-child{padding-right:0}
.vehicle-facts dd{min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px}
.vehicle-drive-value{color:#173f2e}
.vehicle-features{min-height:58px;max-height:58px;overflow:hidden}
.vehicle-price{margin-top:auto;padding-top:20px}

.single-vehicle .vehicle-description .vehicle-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;margin:18px 0 34px;padding:0;border:0;list-style:none}
.single-vehicle .vehicle-description .vehicle-facts li{display:grid;grid-template-columns:minmax(145px,.72fr) minmax(0,1fr);gap:18px;align-items:center;min-height:58px;margin:0;padding:13px 16px;border:1px solid #e2e8e4;border-radius:3px;background:#f7f9f8;color:#26352e;line-height:1.4}
.single-vehicle .vehicle-description .vehicle-facts li strong{color:#66756d;font-size:10px;font-weight:800;letter-spacing:.07em;line-height:1.3;text-transform:uppercase}
.single-vehicle .vehicle-description h3{margin-top:36px;margin-bottom:14px;font-size:clamp(1.35rem,2vw,1.8rem)}
.single-vehicle .spec-grid article{border-color:#dfe7e2;background:linear-gradient(145deg,#fff 0%,#f8faf9 100%)}
.single-vehicle .feature-list li{border-color:#e2e9e5;background:#f7f9f8}

@media(max-width:760px){
  .vehicle-body{padding:18px}
  .vehicle-title-row{min-height:48px}
  .vehicle-facts{margin-block:18px}
  .vehicle-facts div{padding-inline:8px}
  .vehicle-facts dd{font-size:11px}
  .single-vehicle .vehicle-description .vehicle-facts{grid-template-columns:1fr}
  .single-vehicle .vehicle-description .vehicle-facts li{grid-template-columns:minmax(120px,.62fr) minmax(0,1fr);gap:12px}
}

@media(max-width:390px){
  .single-vehicle .vehicle-description .vehicle-facts li{grid-template-columns:1fr;gap:5px;align-items:start}
}