:root{
  --red:#be1718;--red-dark:#a01315;--ink:#1a1a1a;--muted:#6b6b6b;
  --line:#e7e7e7;--bg:#f6f6f7;--white:#ffffff;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:'Segoe UI',-apple-system,BlinkMacSystemFont,Arial,sans-serif;
  color:var(--ink);background:var(--bg);line-height:1.65;font-size:16px}
a{color:var(--red);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%}
.wrap{max-width:920px;margin:0 auto;padding:0 22px}

/* Header */
header.site .bar{height:4px;background:var(--red)}
header.site{background:var(--white);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}
header.site .inner{display:flex;align-items:center;justify-content:space-between;padding:16px 0;gap:16px;flex-wrap:wrap}
header.site .logo img{height:32px;display:block}
header.site nav a{color:var(--ink);font-size:14px;margin-left:20px;font-weight:500}
header.site nav a:hover{color:var(--red);text-decoration:none}

/* Hero */
.hero{background:var(--white);padding:66px 0 60px;border-bottom:1px solid var(--line)}
.hero .kicker{color:var(--red);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1.6px;margin-bottom:14px}
.hero h1{font-size:36px;line-height:1.15;margin:0 0 14px;letter-spacing:-0.6px}
.hero p{font-size:19px;color:var(--muted);max-width:660px;margin:0 0 26px}

/* Buttons */
.btn{display:inline-block;background:var(--red);color:#fff !important;padding:13px 26px;border-radius:6px;
  font-weight:600;text-decoration:none !important;font-size:15px;border:1px solid var(--red)}
.btn:hover{background:var(--red-dark);border-color:var(--red-dark)}
.btn.secondary{background:#fff;color:var(--ink) !important;border:1px solid var(--line)}
.btn.secondary:hover{border-color:#bbb;background:#fafafa}
.btn + .btn{margin-left:10px}

/* Sections & cards */
.section{padding:52px 0}
.section h2{font-size:24px;margin:0 0 10px;letter-spacing:-0.3px}
.section .lead{color:var(--muted);max-width:680px;margin:0 0 26px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:28px}
.card h3{margin:0 0 8px;font-size:17px}
.card p{margin:0;color:var(--muted);font-size:15px}
.contact-line{font-size:16px;margin:6px 0}
.contact-line strong{display:inline-block;min-width:90px;color:var(--muted);font-weight:600}

/* Footer */
footer.site{background:#161616;color:#cfcfcf;padding:34px 0;margin-top:8px;font-size:14px}
footer.site .frow{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center}
footer.site a{color:#fff}
footer.site nav a{margin-right:20px;font-size:14px}
footer.site .legal{color:#8c8c8c;font-size:11px;margin-top:16px;line-height:1.7;border-top:1px solid #2a2a2a;padding-top:14px}

/* Legal pages */
.legalpage{background:#fff;border:1px solid var(--line);border-radius:10px;padding:38px;margin:34px 0}
.legalpage h1{font-size:28px;margin:0 0 6px;letter-spacing:-0.4px}
.legalpage h2{font-size:18px;margin:30px 0 8px}
.legalpage h3{font-size:15px;margin:20px 0 6px}
.legalpage p,.legalpage li{color:#333;font-size:15px}
.legalpage ul{padding-left:20px}
.back{display:inline-block;margin:26px 0 0;font-size:14px}
.note{background:#fff7e6;border:1px solid #ffe1a6;padding:12px 16px;border-radius:6px;font-size:13px;color:#7a5b00;margin:18px 0}

@media(max-width:640px){
  .hero h1{font-size:27px}.hero{padding:46px 0 42px}.hero p{font-size:17px}
  .grid{grid-template-columns:1fr}.section{padding:40px 0}
  .btn + .btn{margin-left:0;margin-top:10px;display:block;text-align:center}
  header.site nav a{margin-left:0;margin-right:16px}
}

/* --- vehicle pages --- */
.vhero{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;margin:24px 0}
.vhero .main img{width:100%;border-radius:10px;border:1px solid var(--line);display:block}
.vhero .thumbs{display:grid;grid-template-rows:1fr 1fr;gap:14px}
.vhero .thumbs img{width:100%;height:100%;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
.vtitle{font-size:26px;margin:6px 0 2px;letter-spacing:-.3px}
.vprice{font-size:28px;font-weight:800;color:var(--red)}
.vprice small{display:block;font-size:12px;color:var(--muted);font-weight:400}
.specs{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin:22px 0}
.specs div{background:#fff;padding:12px 14px}
.specs .k{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#9a9a9a}
.specs .v{font-size:15px;font-weight:600;margin-top:2px}
.equip{font-size:14px;color:#444;line-height:1.7}
.ctacard{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px;margin:26px 0;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.vgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:28px 0}
.vcard{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
.vcard img{width:100%;height:170px;object-fit:cover;display:block}
.vcard .b{padding:14px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.vcard .t{font-weight:700;font-size:15px;line-height:1.25}
.vcard .p{color:var(--red);font-weight:800;font-size:17px}
.vcard .m{font-size:12px;color:var(--muted)}
.vcard a.btn{margin-top:auto}
.badge{display:inline-block;background:#f3f3f3;border:1px solid var(--line);border-radius:5px;padding:2px 8px;font-size:11px;color:#555;margin-right:6px}
@media(max-width:760px){.vhero{grid-template-columns:1fr}.vhero .thumbs{grid-template-rows:none;grid-template-columns:1fr 1fr}.specs,.vgrid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.vgrid{grid-template-columns:1fr}}
