/* =========================================================
   Dealer microsite. Deliberately different from the finder:
   classic dealership feel, dealer's accent colour drives it.
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&family=Inter:wght@400;500;600;700&display=swap');

:root{
  --dz-accent:#1B4C82; --dz-ink:#161B22;
  --dz-line:#DDE2E8; --dz-paper:#F6F8FA; --dz-white:#fff;
  --dz-mute:#68727F; --dz-body:#2C3542;
  --dz-head:'Barlow Condensed',system-ui,sans-serif;
  --dz-text:'Inter',system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
body.dz{margin:0;background:var(--dz-paper);color:var(--dz-body);font-family:var(--dz-text);
        font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
.dz img{max-width:100%;display:block}
.dz a{color:var(--dz-accent)}
.dz :focus-visible{outline:3px solid var(--dz-accent);outline-offset:2px}
.dz-wrap{width:100%;max-width:1160px;margin:0 auto;padding:0 22px}

/* header */
.dz-top{background:var(--dz-white);border-bottom:3px solid var(--dz-accent);position:sticky;top:0;z-index:40}
.dz-top-in{display:flex;align-items:center;gap:20px;min-height:74px;flex-wrap:wrap}
.dz-brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--dz-ink)}
.dz-brand img{max-height:52px;width:auto}
.dz-brandmark{width:40px;height:40px;border-radius:4px;background:var(--dz-accent);color:#fff;
  display:grid;place-items:center;font-family:var(--dz-head);font-weight:700;font-size:22px}
.dz-brandname{font-family:var(--dz-head);font-weight:700;font-size:25px;letter-spacing:.01em;text-transform:uppercase}
.dz-nav{margin-left:auto;display:flex;align-items:center;gap:22px}
.dz-nav a{text-decoration:none;color:var(--dz-body);font-weight:600;font-size:15px}
.dz-nav a:hover,.dz-nav a.on{color:var(--dz-accent)}
.dz .dz-tel{background:var(--dz-accent);color:#fff;padding:9px 16px;border-radius:3px;white-space:nowrap}
.dz .dz-tel:hover{color:#fff;filter:brightness(1.12)}

/* hero */
.dz-hero{background:var(--dz-ink) center/cover no-repeat;color:#fff;padding:76px 0 82px;text-align:center}
.dz-hero h1{font-family:var(--dz-head);font-weight:700;text-transform:uppercase;letter-spacing:.01em;
  font-size:clamp(2.3rem,5.6vw,4rem);line-height:1;margin:0 0 12px}
.dz-hero-sub{font-size:19px;color:#D7DEE6;max-width:56ch;margin:0 auto 26px}
.dz-hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* buttons */
/* Buttons must out-rank the generic `.dz a` link colour above, or an <a>
   styled as a button renders accent-on-accent and the label disappears.
   Every rule here is written to match or beat that specificity. */
.dz .dz-btn,
.dz a.dz-btn,
.dz button.dz-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:var(--dz-accent);color:#fff;text-decoration:none;font-weight:600;font-size:15px;
  padding:13px 24px;border:2px solid var(--dz-accent);border-radius:3px;cursor:pointer;
  font-family:var(--dz-text);line-height:1.2;text-align:center}
.dz .dz-btn:hover,.dz a.dz-btn:hover{filter:brightness(1.12);color:#fff}
.dz .dz-btn.light,.dz a.dz-btn.light{background:#fff;color:var(--dz-accent);border-color:#fff}
.dz .dz-btn.light:hover,.dz a.dz-btn.light:hover{color:var(--dz-accent)}
.dz .dz-btn.ghost,.dz a.dz-btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.dz .dz-btn.ghost:hover,.dz a.dz-btn.ghost:hover{color:#fff;border-color:#fff}
.dz .dz-btn.sm,.dz a.dz-btn.sm{padding:8px 14px;font-size:14px}
.dz .dz-btn.full,.dz a.dz-btn.full{width:100%;margin-bottom:10px}
/* Guarantee legibility even if a dealer picks a very light accent colour. */
.dz .dz-btn:focus-visible{outline:3px solid var(--dz-ink);outline-offset:2px}

/* info strip */
.dz-strip{background:var(--dz-ink);color:#C9D2DC;font-size:15px}
.dz-strip-in{display:flex;flex-wrap:wrap;gap:10px 40px;padding:16px 22px}
.dz-strip-k{display:block;font-family:var(--dz-head);font-size:12px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--dz-accent);filter:brightness(1.7)}

/* sections */
.dz-sec{padding:52px 0}
.dz-sec.alt{background:var(--dz-white);border-top:1px solid var(--dz-line);border-bottom:1px solid var(--dz-line)}
.dz-sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-bottom:26px;flex-wrap:wrap}
.dz-sec-h h2,.dz-h2{font-family:var(--dz-head);font-weight:700;text-transform:uppercase;
  font-size:clamp(1.6rem,3vw,2.1rem);margin:0;color:var(--dz-ink);letter-spacing:.01em}
.dz-h2{margin:38px 0 18px}
.dz-sec-h a{font-weight:600;text-decoration:none;font-size:15px}
.dz-page-h{background:var(--dz-white);border-bottom:1px solid var(--dz-line);padding:38px 0}
.dz-page-h h1{font-family:var(--dz-head);font-weight:700;text-transform:uppercase;
  font-size:clamp(1.9rem,4vw,2.7rem);margin:0 0 6px;color:var(--dz-ink)}
.dz-page-h p{margin:0;color:var(--dz-mute)}
.dz-empty{color:var(--dz-mute);background:var(--dz-white);border:1px dashed var(--dz-line);
  padding:34px;text-align:center;border-radius:4px}
.dz-crumb{font-size:13px;color:var(--dz-mute);margin:0 0 18px}
.dz-crumb a{text-decoration:none}

/* cards */
.dz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.dz-card{background:var(--dz-white);border:1px solid var(--dz-line);border-radius:4px;overflow:hidden;
  display:flex;flex-direction:column;transition:box-shadow .15s ease,transform .15s ease}
.dz-card:hover{box-shadow:0 8px 26px rgba(22,27,34,.11);transform:translateY(-2px)}
.dz-card-img{display:block;aspect-ratio:4/3;background:#E3E8ED;position:relative}
.dz-card-img img{width:100%;height:100%;object-fit:cover}
.dz-noimg{position:absolute;inset:0;display:grid;place-items:center;color:var(--dz-mute);font-size:13px}
.dz-card-b{padding:15px 16px 16px;display:flex;flex-direction:column;flex:1}
.dz-card-b h3{font-family:var(--dz-head);font-weight:700;font-size:20px;margin:0 0 7px;line-height:1.15}
.dz-card-b h3 a{color:var(--dz-ink);text-decoration:none}
.dz-card-spec{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:13.5px;color:var(--dz-mute);margin-bottom:14px}
.dz-card-foot{margin-top:auto;padding-top:13px;border-top:1px solid var(--dz-line);
  display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.dz-price{font-family:var(--dz-head);font-weight:700;font-size:26px;color:var(--dz-ink);display:block;line-height:1.1}
.dz-price small{font-family:var(--dz-text);font-size:12px;font-weight:500;color:var(--dz-mute)}
.dz-note{display:block;font-size:11.5px;font-weight:600;color:var(--dz-accent);margin-top:3px}

/* detail */
.dz-two{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.dz-two.wide{grid-template-columns:1.5fr 1fr}
.dz-gal-main{aspect-ratio:4/3;background:#E3E8ED;border-radius:4px;overflow:hidden;position:relative}
.dz-gal-main img{width:100%;height:100%;object-fit:cover}
.dz-gal-thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:8px}
.dz-gal-thumbs button{padding:0;border:1px solid var(--dz-line);background:#E3E8ED;border-radius:2px;
  overflow:hidden;aspect-ratio:4/3;cursor:pointer}
.dz-gal-thumbs button[aria-current="true"]{border:2px solid var(--dz-accent)}
.dz-gal-thumbs img{width:100%;height:100%;object-fit:cover}
.dz-panel{background:var(--dz-white);border:1px solid var(--dz-line);border-radius:4px;padding:24px 22px}
.dz-car-h{font-family:var(--dz-head);font-weight:700;font-size:clamp(1.5rem,3vw,2rem);
  line-height:1.1;margin:0 0 4px;color:var(--dz-ink)}
.dz-stock{font-size:12.5px;color:var(--dz-mute);margin:0 0 16px}
.dz-car-price{font-family:var(--dz-head);font-weight:700;font-size:40px;line-height:1;color:var(--dz-accent);margin-bottom:18px}
.dz-car-price small{font-family:var(--dz-text);font-size:14px;font-weight:500;color:var(--dz-mute)}
.dz-car-sub{font-family:var(--dz-text);font-size:14px;font-weight:500;color:var(--dz-mute);margin-top:6px}
.dz-spec{width:100%;border-collapse:collapse;font-size:14.5px;margin-bottom:20px}
.dz-spec th,.dz-spec td{text-align:left;padding:9px 0;border-bottom:1px solid var(--dz-line)}
.dz-spec th{color:var(--dz-mute);font-weight:500;width:45%}
.dz-vin{font-size:12px;word-break:break-all}
.dz-block{background:var(--dz-white);border:1px solid var(--dz-line);border-radius:4px;padding:22px;margin-top:14px}
.dz-block h3{font-family:var(--dz-head);font-weight:700;font-size:19px;margin:0 0 10px;color:var(--dz-ink)}
.dz-ul{margin:0;padding:0;list-style:none}
.dz-ul li{padding-left:19px;position:relative;margin-bottom:7px}
.dz-ul li::before{content:'';position:absolute;left:0;top:10px;width:9px;height:2px;background:var(--dz-accent)}
.dz-ul.flaws li::before{background:#C0522E}
.dz-muted{color:var(--dz-mute);font-size:14px;margin:0 0 10px}
.dz-prose{color:var(--dz-body)}
.dz-prose.wide{max-width:68ch;font-size:17px}
.dz-video{margin-top:14px;background:var(--dz-white);border:1px solid var(--dz-line);border-radius:4px;padding:22px}
.dz-video h3{font-family:var(--dz-head);font-weight:700;font-size:19px;margin:0 0 12px}
.dz-video video{width:100%;border-radius:3px;background:#000;aspect-ratio:16/9}
.dz-embed{position:relative;aspect-ratio:16/9;border-radius:3px;overflow:hidden;background:#000}
.dz-embed.vert{aspect-ratio:9/16;max-width:330px;margin:0 auto}
.dz-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* forms */
.dz-form label{display:block;font-size:14px;font-weight:600;color:var(--dz-ink);margin-bottom:12px}
.dz-form .opt{font-weight:400;color:var(--dz-mute)}
.dz-form input,.dz-form textarea{width:100%;margin-top:5px;padding:11px 12px;border:1px solid var(--dz-line);
  border-radius:3px;font-family:var(--dz-text);font-size:15px;font-weight:400;color:var(--dz-body);background:#fff}
.dz-form input:focus,.dz-form textarea:focus{outline:none;border-color:var(--dz-accent);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--dz-accent) 18%,transparent)}
.dz-f2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.dz-form-h{font-family:var(--dz-head);font-weight:700;font-size:19px;margin:20px 0 12px;color:var(--dz-ink)}
.dz-fineprint{font-size:12px;color:var(--dz-mute);line-height:1.5;margin:12px 0 0}
.dz-alert{padding:13px 16px;border-radius:3px;margin:18px 0;font-size:15px}
.dz-alert.ok{background:#E4F4EF;border:1px solid #A8D9C9;color:#0A5C47}
.dz-alert.err{background:#FBE9E7;border:1px solid #E8B4AE;color:#8A2A22}

/* staff + reviews */
.dz-staff{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:24px}
.dz-person{background:var(--dz-white);border:1px solid var(--dz-line);border-radius:4px;padding:20px;text-align:center}
.dz-person-img{width:88px;height:88px;margin:0 auto 12px;border-radius:50%;overflow:hidden;
  background:var(--dz-accent);display:grid;place-items:center}
.dz-person-img img{width:100%;height:100%;object-fit:cover}
.dz-person-img span{color:#fff;font-family:var(--dz-head);font-size:34px;font-weight:700}
.dz-person h3{font-family:var(--dz-head);font-weight:700;font-size:19px;margin:0 0 3px;color:var(--dz-ink)}
.dz-role{font-size:13px;color:var(--dz-accent);font-weight:600;margin:0 0 8px}
.dz-bio{font-size:14px;color:var(--dz-mute);margin:0}
.dz-reviews{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.dz-quote{margin:0;background:var(--dz-white);border-left:4px solid var(--dz-accent);padding:22px}
.dz-quote.card{border:1px solid var(--dz-line);border-left:4px solid var(--dz-accent);border-radius:4px}
.dz-quote p{margin:0 0 12px;font-size:16px;color:var(--dz-body)}
.dz-quote cite{font-style:normal;font-weight:600;font-size:14px;color:var(--dz-ink);display:block}
.dz-quote cite span{display:block;font-weight:400;color:var(--dz-mute);font-size:13px;margin-top:2px}
.dz-stars{color:#E8A317;letter-spacing:2px;margin-bottom:9px;font-size:16px}
.dz-stars span{color:var(--dz-line)}
.dz-addr{font-size:16px;margin:0 0 14px}
.dz-contact-line{display:flex;justify-content:space-between;gap:12px;padding:9px 0;
  border-bottom:1px solid var(--dz-line);font-size:15px;margin:0}
.dz-contact-line strong{color:var(--dz-mute);font-weight:500}

/* footer */
.dz-foot{background:var(--dz-ink);color:#9AA6B2;padding:44px 0 30px;font-size:14.5px;margin-top:20px}
.dz-foot a{color:#C9D2DC;text-decoration:none}
.dz-foot a:hover{color:#fff}
.dz-foot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin-bottom:32px}
.dz-foot-h{font-family:var(--dz-head);font-weight:700;text-transform:uppercase;letter-spacing:.08em;
  font-size:15px;color:#fff;margin:0 0 12px}
.dz-foot-line{margin:0 0 6px}
.dz-hr{display:flex;justify-content:space-between;gap:14px;max-width:250px}
.dz-legal{border-top:1px solid rgba(255,255,255,.11);padding-top:20px;font-size:13px;line-height:1.7;color:#78838F}
.dz-legal p{margin:0 0 4px}
.dz-legal-note{margin-top:8px !important}
.dz-legal-links{margin-top:10px !important}
.dz-legal-links a{color:#9AA6B2;text-decoration:underline}
.dz-legal-links span{margin:0 7px;opacity:.5}

@media (max-width:860px){
  .dz-two,.dz-two.wide{grid-template-columns:1fr;gap:28px}
  .dz-gal-thumbs{grid-template-columns:repeat(5,1fr)}
  .dz-nav a:not(.dz-tel){display:none}
}
@media (max-width:520px){
  .dz-f2{grid-template-columns:1fr}
  .dz-hero{padding:52px 0 58px}
}
@media (prefers-reduced-motion:reduce){.dz *{transition:none !important}}