:root{--red:#E31C23;--red2:#B5121A;--black:#111111;--gray:#3a3a3a;--light:#f8f8f8;--white:#fff;--max:1100px;}
*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--black);background:#fff}
a{color:var(--red2);text-decoration:none}a:hover{text-decoration:underline}
.container{max-width:var(--max);margin:0 auto;padding:20px}
.header{border-bottom:4px solid var(--red);background:#fff;position:sticky;top:0;z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 20px}
.brand{font-weight:800;font-size:22px;letter-spacing:.2px}
.brand small{display:block;font-weight:600;color:var(--red2);font-size:12px;margin-top:2px}
.nav a.btn{background:var(--red);color:#fff;padding:10px 14px;border-radius:10px;font-weight:700;display:inline-block}
.menu{display:flex;gap:14px;flex-wrap:wrap}.menu a{padding:8px 10px;border-radius:8px}.menu a.active{background:var(--light)}
.hero{background:linear-gradient(180deg,#fff,#f9f9f9);border-bottom:1px solid #eee}
.hero .container{padding:40px 20px 30px}.h1{font-size:42px;font-weight:900;margin:0 0 10px}.h2{font-size:22px;color:var(--gray);margin:0 0 16px}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}
.btn{background:var(--red);color:#fff;padding:12px 16px;border-radius:12px;font-weight:800;display:inline-block}
.btn.alt{background:#fff;color:var(--red);border:2px solid var(--red)}
.section{padding:40px 0;border-top:1px solid #eee}.section h3{margin:0 0 16px;font-size:24px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.card{border:1px solid #eee;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.card .img{background:#000;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800}
.card .body{padding:12px 14px}
.badges{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.badge{background:#f1f1f1;color:#333;border-radius:999px;padding:2px 8px;font-size:12px;border:1px solid #e6e6e6}
.kv{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:6px}.kv div{font-size:13px;color:#444}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
footer{margin-top:50px;border-top:4px solid var(--red);background:#fff}
.footer-inner{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:16px;padding:24px 20px 32px;max-width:var(--max);margin:0 auto}
.small{font-size:13px;color:#666}hr.div{border:none;border-top:1px solid #eee;margin:24px 0}.headerbar{height:6px;background:linear-gradient(90deg,var(--red),var(--red2))}.muted{color:#666}
.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid #eee;padding:10px 8px;text-align:left;font-size:14px}
.map{border:1px solid #eee;border-radius:10px;overflow:hidden}
@media (max-width:980px){.cards{grid-template-columns:repeat(2,1fr)}.grid-3,.grid-2{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr}.h1{font-size:34px}}
.brand-wrap {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.brand-logo {
  height: 56px;  /* adjust larger/smaller as needed */
  width: auto;
}
/* VEHICLE IMAGE SIZE FIX */
.vehicle-gallery #main-image {
  width: 100%;
  max-width: 380px;   /* <-- adjust bigger/smaller if needed */
  height: auto;
  border-radius: 10px;
  margin-bottom: 16px;
  display: block;
}
/* Fix inventory card images */
.card .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
}