:root{--ink:#111820;--navy:#101f32;--steel:#516171;--red:#d73535;--paper:#f4f6f8;--line:#dde3e8;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);line-height:1.55;background:#fff}a{color:inherit}.wrap{max-width:1180px;margin:auto;padding:0 22px}.top{background:#09131f;color:#dbe4ec;font-size:.86rem}.top .wrap,.nav .wrap{display:flex;justify-content:space-between;align-items:center;gap:18px}.top a{display:inline-block;padding:8px 0;text-decoration:none}.nav{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{padding:17px 0;text-decoration:none;color:var(--navy);font-weight:900;letter-spacing:.035em}.nav nav{display:flex;align-items:center;gap:22px}.nav nav a{text-decoration:none;font-weight:750;font-size:.93rem}.button,.apply{display:inline-flex;align-items:center;justify-content:center;padding:12px 19px;border:0;border-radius:4px;background:var(--red);color:#fff!important;text-decoration:none;font-weight:850;cursor:pointer}.button.dark{background:var(--navy)}.hero{min-height:560px;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,rgba(6,17,30,.96) 0%,rgba(6,17,30,.82) 47%,rgba(6,17,30,.28) 100%),url('/assets/hero.jpg') center/cover}.hero h1{font-size:clamp(2.7rem,5.8vw,5.2rem);line-height:.98;max-width:790px;margin:0 0 19px}.hero p{font-size:1.15rem;max-width:620px;color:#e7edf2}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.quick{margin-top:-42px;position:relative}.quickbox{background:#fff;border-radius:7px;box-shadow:0 16px 45px rgba(9,27,43,.18);padding:24px;display:flex;align-items:center;justify-content:space-between;gap:18px}.section{padding:68px 0}.gray{background:var(--paper)}.eyebrow{text-transform:uppercase;color:var(--red);font-size:.78rem;letter-spacing:.16em;font-weight:900}h1,h2,h3{color:var(--navy)}h2{font-size:clamp(1.9rem,4vw,2.65rem);margin:5px 0 24px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.card{background:#fff;border:1px solid var(--line);border-radius:7px;overflow:hidden;box-shadow:0 7px 22px rgba(15,31,48,.06)}.carimg{height:225px;background:#dce3e8;display:flex;align-items:center;justify-content:center;color:var(--steel)}.carimg img{width:100%;height:100%;object-fit:cover}.cardbody{padding:19px}.card h3{font-size:1.25rem;margin:0}.specs{color:var(--steel);font-size:.92rem;margin:8px 0}.price{font-size:1.48rem;font-weight:900;color:var(--red)}.link{font-weight:800;color:var(--navy)}.form{max-width:930px;background:#fff;border:1px solid var(--line);border-radius:7px;padding:29px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.full{grid-column:1/-1}label{font-size:.9rem;font-weight:780;display:block;margin-bottom:5px}input,select,textarea{width:100%;border:1px solid #b9c4ce;border-radius:4px;padding:11px;font:inherit}textarea{min-height:125px}.notice{background:#eaf6ee;border-left:4px solid #2e8150;padding:14px;margin-bottom:18px}.error{background:#fff0f0;border-color:#b93939}.footer{background:#09131f;color:#dce5ed;padding:42px 0;margin-top:35px}.footer strong{color:#fff}.adminbar{background:#20344a;color:#fff;padding:10px}.adminbar a{margin-right:16px}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{padding:11px;border-bottom:1px solid var(--line);text-align:left}.split{display:grid;grid-template-columns:1.2fr 1fr;gap:38px}.muted{color:var(--steel)}@media(max-width:780px){.top .wrap{display:block}.nav .wrap{align-items:flex-start}.nav nav{display:none}.grid,.fields,.split{grid-template-columns:1fr}.full{grid-column:auto}.hero{min-height:500px}.quickbox{display:block}.quickbox .button{margin-top:12px}}

/* Vehicle photo gallery */
.vehicle-gallery {
  width: 100%;
}
.vehicle-main {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 320px;
  max-height: 620px;
  overflow: hidden;
  border-radius: 10px;
  background: #e7edf2;
}
.vehicle-main img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 620px;
  object-fit: contain;
}
.gallery-thumbs {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(82px, 1fr));
  gap: 10px;
  margin-top: 12px;
}
.gallery-thumb {
  height: 72px;
  padding: 0;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid transparent;
  border-radius: 7px;
  background: #e7edf2;
}
.gallery-thumb.active {
  border-color: #dc3438;
}
.gallery-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.cardimg img {
  object-fit: contain !important;
  background: #e7edf2;
}
@media (max-width: 700px) {
  .vehicle-main {
    min-height: 220px;
  }
  .gallery-thumbs {
    grid-template-columns: repeat(4, 1fr);
  }
}