:root{
  --bg:#06070a;
  --panel:#0d1117;
  --panel2:#121720;
  --text:#f2ede3;
  --muted:#bcb4a5;
  --gold:#d9921f;
  --gold2:#efb458;
  --line:rgba(255,255,255,.11);
  --ease:cubic-bezier(.18,1,.32,1);
  --shadow:0 34px 110px rgba(0,0,0,.55);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#06070a}
body{margin:0;background:transparent;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.6;overflow-x:hidden}
.page-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background:url("assets/hero.webp") center calc(50% + var(--page-bg-y,0px))/cover no-repeat;filter:saturate(.78) contrast(.96) brightness(.42);opacity:.22;transform:translateZ(0)}
body>main,body>footer{position:relative;z-index:1}
img{display:block;max-width:100%}
a{color:inherit}
.container{width:min(1280px,calc(100% - 44px));margin:auto}
h1,h2,h3{margin:0;line-height:1.08}
h1{font-family:Georgia,serif;font-size:clamp(44px,5.2vw,72px);font-weight:400;letter-spacing:-.04em}
h2{font-family:Georgia,serif;font-size:clamp(34px,4vw,56px);font-weight:400;letter-spacing:-.035em}
h3{font-size:15px;text-transform:uppercase;letter-spacing:.08em}
.eyebrow{margin:0 0 15px;color:var(--gold2);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.22em}

.site-header{position:fixed;top:0;left:0;right:0;height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:100;background:rgba(5,6,9,.78);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08);transition:height .35s var(--ease),background .35s var(--ease)}
.site-header.scrolled{height:72px;background:rgba(5,6,9,.94)}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;padding:8px 14px 8px 8px;background:linear-gradient(90deg, rgba(14,17,23,.92), rgba(14,17,23,.46));border:1px solid rgba(217,146,31,.20);border-radius:4px}
.brand img{width:78px;flex:0 0 auto;filter:drop-shadow(0 0 12px rgba(239,180,88,.45))}
.brand strong{display:block;font-size:17px;line-height:1;text-transform:uppercase;letter-spacing:.13em}
.brand small{display:block;margin-top:6px;font-size:10px;color:var(--gold2);text-transform:uppercase;letter-spacing:.23em}
.nav{display:flex;align-items:center;gap:22px}
.nav a{text-decoration:none;color:var(--muted);font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.nav a:hover{color:#fff}
.nav-btn{padding:11px 16px;border:1px solid var(--gold);color:#fff!important}
.lang{background:transparent;border:0;color:var(--muted);padding:6px 4px;cursor:pointer}
.lang.active{color:var(--gold2)}
.nav-toggle{display:none;position:relative;width:44px;height:40px;border:1px solid var(--line);background:transparent;border-radius:12px}
.nav-toggle span{position:absolute;left:10px;right:10px;height:2px;background:#fff;transition:.35s var(--ease)}
.nav-toggle span:first-child{top:14px}
.nav-toggle span:last-child{bottom:14px}
.nav-toggle.open span:first-child{top:19px;transform:rotate(45deg)}
.nav-toggle.open span:last-child{bottom:19px;transform:rotate(-45deg)}

.hero{position:relative;z-index:1;min-height:100vh;display:flex;align-items:center;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:url("assets/hero.webp") center center/cover no-repeat;transform:scale(1.045);filter:saturate(.88) contrast(1) brightness(.70)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,9,.92) 0%,rgba(5,6,9,.72) 30%,rgba(5,6,9,.22) 63%,rgba(5,6,9,.18) 100%),linear-gradient(to bottom,rgba(5,6,9,.16),rgba(5,6,9,.08) 54%,rgba(5,6,9,.92))}
.hero-inner{position:relative;z-index:4;padding-top:118px;padding-bottom:90px}
.hero-copy{max-width:540px}
.lead{margin:22px 0 30px;font-size:18px;color:#e2dbcf;max-width:460px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border:1px solid var(--gold);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;transition:.25s var(--ease)}
.btn.primary,.btn.outline{background:transparent;color:#fff}
.btn:hover{background:var(--gold);color:#111;transform:translateY(-2px)}

.services{position:relative;z-index:2;background:rgba(8,9,13,.94);border-top:1px solid rgba(255,255,255,.08)}
.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
.service-card{min-width:0;min-height:clamp(112px,15.3vw,195px);padding:clamp(10px,2.65vw,34px) clamp(6px,2vw,26px);border-left:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));overflow:hidden}
.service-card:last-child{border-right:1px solid rgba(255,255,255,.1)}
.service-icon{display:block;color:var(--gold2);font-size:clamp(18px,3.1vw,34px);margin-bottom:clamp(8px,1.65vw,20px)}
.service-card h3{font-size:clamp(8px,1.45vw,15px);line-height:1.18;letter-spacing:clamp(.02em,.45vw,.08em);overflow-wrap:anywhere}
.service-card p{font-size:clamp(7px,1.15vw,14px);line-height:1.38;color:var(--muted);margin-bottom:0}

.section{padding:112px 0;border-top:1px solid rgba(255,255,255,.07)}
.process{background:radial-gradient(circle at 50% 0,rgba(217,146,31,.08),transparent 30%),rgba(6,7,10,.94)}
.section-head{text-align:center;max-width:860px;margin:0 auto 50px}
.section-head p:not(.eyebrow){color:var(--muted);font-size:17px}

.process-simple-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(6px,1.6vw,20px);align-items:stretch}
.simple-step{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.08);overflow:hidden}
.simple-step img{width:100%;aspect-ratio:16/10;height:auto;object-fit:cover;filter:saturate(.82) contrast(.95) brightness(1.03)}
.simple-step div{padding:clamp(6px,1.4vw,18px)}
.num{display:block;margin-bottom:clamp(4px,.9vw,10px);color:var(--gold2);font-size:clamp(8px,1.1vw,13px);font-weight:900;letter-spacing:clamp(.08em,.35vw,.22em)}
.simple-step p{font-size:clamp(7px,1.12vw,14px);line-height:1.35;color:var(--muted);margin-bottom:0}
.simple-step h3{font-size:clamp(8px,1.35vw,15px);line-height:1.16;letter-spacing:clamp(.02em,.35vw,.08em);overflow-wrap:anywhere}


.inventory{background:rgba(8,9,13,.94)}
.inventory-list{display:grid;grid-template-columns:1fr;gap:34px}
.inventory-card{display:grid;grid-template-columns:minmax(0,42%) minmax(0,58%);gap:clamp(12px,2.2vw,28px);padding:clamp(14px,1.8vw,22px);border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.014));box-shadow:var(--shadow)}
.inventory-media{min-width:0}
/* Keep car photos proportional on desktop and mobile: no stretching/squeezing */
.inventory-cover{width:100%;aspect-ratio:16/10;padding:0;border:0;background:#0b0d12;display:block;overflow:hidden;cursor:zoom-in}
.inventory-cover img{width:100%;height:100%;object-fit:contain;object-position:center;border:1px solid rgba(255,255,255,.08);background:#0b0d12}
.inventory-info{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:8px 6px}
.tag{display:inline-block;align-self:flex-start;margin-bottom:12px;padding:7px 10px;border:1px solid rgba(239,180,88,.35);color:var(--gold2);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.inventory-info h3{font-size:clamp(16px,2vw,23px);line-height:1.18;text-transform:none;letter-spacing:-.01em}
.inventory-variant{margin:6px 0 16px;color:#fff;font-size:clamp(12px,1.45vw,16px);font-weight:700}
.inventory-price{margin:0 0 14px;color:#fff;font-size:clamp(18px,2.6vw,30px);font-weight:900;letter-spacing:-.03em}
.inventory-meta{margin:0 0 14px;color:#f0eadf;font-size:clamp(11px,1.35vw,15px);font-weight:700}
.inventory-description{margin:0 0 14px;color:var(--muted);font-size:clamp(11px,1.35vw,15px)}
.inventory-badges{display:flex;flex-wrap:wrap;gap:9px;margin:2px 0 18px}
.green-badge{display:inline-flex;align-items:center;gap:8px;padding:clamp(6px,1vw,8px) clamp(8px,1.2vw,11px);border:1px solid rgba(55,181,121,.34);background:rgba(55,181,121,.13);color:#8ce0b2;font-size:clamp(9px,1.05vw,12px);font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.green-badge::before{content:'✓';display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#37b579;color:#07120c;font-size:12px;font-weight:900}
.mileage-badge{background:rgba(52,152,219,.14);border-color:rgba(52,152,219,.48);color:#8fd3ff}
.mileage-badge::before{background:#3498db;color:#06121d}
.inventory-finn-link{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;margin:0 0 18px;padding:clamp(8px,1.1vw,11px) clamp(10px,1.5vw,16px);border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);color:#fff;text-decoration:none;font-size:clamp(10px,1.1vw,13px);font-weight:900;text-transform:uppercase;letter-spacing:.08em;transition:.25s var(--ease)}
.inventory-finn-link:hover{background:var(--gold);border-color:inherit;color:#111;transform:translateY(-1px)}
.inventory-features{display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;margin:0;padding:0;list-style:none}
.inventory-features li{display:flex;gap:10px;align-items:flex-start;color:#fff;font-size:clamp(10px,1.2vw,14px)}
.inventory-features span{color:#8ce0b2;font-weight:900}
.inventory-features strong{font-weight:700}
.inventory-slider{--visible-slides:3;position:relative;margin-top:12px;padding:0 38px}
.slider-window{overflow:hidden}
.slider-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 20px)/3);gap:10px;transition:transform .55s var(--ease);will-change:transform}
.inventory-slide{display:block;min-width:0;aspect-ratio:16/10;padding:0;border:0;background:#0b0d12;cursor:zoom-in;overflow:hidden}
.inventory-slide img{width:100%;height:100%;object-fit:contain;object-position:center;border:1px solid rgba(255,255,255,.08);background:#0b0d12;filter:saturate(.95) contrast(.98)}
.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:29px;height:42px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);color:#fff;cursor:pointer;font-size:22px;line-height:1;transition:.25s var(--ease)}
.slider-arrow:hover{background:var(--gold);border-color:inherit;color:#111}
.slider-prev{left:0}
.slider-next{right:0}
.inventory-slider.is-static .slider-arrow{opacity:.28;pointer-events:none}

.section-light{display:grid;grid-template-columns:1.05fr .95fr;background:#f2eee7;color:#14161b}
.about-media img{width:100%;height:100%;min-height:clamp(220px,39vw,510px);object-fit:cover;filter:saturate(.72) contrast(.92) brightness(1.04)}
.about-content{padding:84px min(7vw,88px);display:flex;flex-direction:column;justify-content:center}
.section-light .eyebrow{color:#b98743}
.section-light p{color:#333}
.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:30px}
.about-stats div{border-left:1px solid rgba(0,0,0,.16);padding-left:18px}
.about-stats strong{display:block;font-family:Georgia,serif;font-weight:400;font-size:34px;color:#b98743}
.about-stats span{font-size:12px;text-transform:uppercase;letter-spacing:.08em}

.contact{background:rgba(6,7,10,.94)}
.contact-box{display:grid;grid-template-columns:.88fr 1.12fr;gap:42px;padding:46px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,rgba(217,146,31,.14),rgba(255,255,255,.035));box-shadow:var(--shadow)}
.contact-box p{color:var(--muted)}
.contact-intro{display:flex;flex-direction:column;justify-content:center}
.contact-details{margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.14)}
.contact-details p{margin:10px 0}
.contact-details strong{color:#fff}
.contact-details a{color:var(--gold2);text-decoration:none}
.inquiry-form{display:grid;gap:14px;padding:26px;border:1px solid rgba(255,255,255,.10);background:rgba(5,6,9,.36)}
.inquiry-form label{display:grid;gap:7px;color:#fff;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.form-row{display:grid;gap:14px}
.form-row.two{grid-template-columns:1fr 1fr}
.inquiry-form input,.inquiry-form textarea{width:100%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff;padding:13px 14px;border-radius:0;font:inherit;font-size:14px;outline:none;transition:border-color .25s var(--ease),background .25s var(--ease)}
.inquiry-form textarea{resize:vertical;min-height:118px}
.inquiry-form input:focus,.inquiry-form textarea:focus{border-color:rgba(239,180,88,.76);background:rgba(255,255,255,.09)}
.inquiry-form input::placeholder,.inquiry-form textarea::placeholder{color:rgba(242,237,227,.45)}
.form-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:4px}
.whatsapp-inline{display:inline-flex;align-items:center;justify-content:center;padding:14px 18px;border:1px solid rgba(37,211,102,.58);background:rgba(37,211,102,.12);color:#baffd4;text-decoration:none;font:inherit;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;transition:.25s var(--ease);cursor:pointer}
.whatsapp-inline:hover{background:#25d366;color:#06120b;transform:translateY(-1px)}
.form-note{margin:2px 0 0;font-size:12px;color:rgba(188,180,165,.82)!important}
.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:150;display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:transparent;color:inherit;text-decoration:none;box-shadow:none;transition:transform .25s var(--ease),filter .25s var(--ease);overflow:visible;filter:drop-shadow(0 12px 26px rgba(0,0,0,.45))}
.whatsapp-float:hover{transform:translateY(-3px) scale(1.06);filter:drop-shadow(0 16px 34px rgba(0,0,0,.52))}
.whatsapp-float-logo{display:block;width:54px;height:54px;object-fit:contain}

.footer{padding:28px 0;border-top:1px solid rgba(255,255,255,.08);color:var(--muted)}
.footer-inner{display:flex;justify-content:space-between;gap:20px}
.footer-inner p{margin:0}

@media(max-width:900px){
  .container{width:min(1280px,calc(100% - 30px))}
  .site-header{padding:0 16px}
  .brand img{width:64px}
  .brand strong{font-size:15px}
  .nav-toggle{display:block}
  .nav{display:none;position:absolute;right:16px;top:80px;width:min(290px,calc(100vw - 32px));padding:20px;border:1px solid var(--line);border-radius:18px;background:rgba(5,6,9,.96);backdrop-filter:blur(18px);flex-direction:column;align-items:flex-start}
  .nav.open{display:flex}
  .service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .inventory-slider{--visible-slides:2}
  .slider-track{grid-auto-columns:calc((100% - 10px)/2)}
  .section-light{grid-template-columns:1.05fr .95fr}
  .about-media{display:flex;align-items:center;background:#f2eee7;overflow:hidden}
  .about-media img{min-height:unset;height:auto;aspect-ratio:3/2;object-fit:contain;object-position:center}
  .contact-box{grid-template-columns:1fr}
  .about-content{padding:58px 24px}
  .contact-box{padding:30px}
  .form-row.two{grid-template-columns:1fr}
}
@media(max-width:640px){
  h1{font-size:42px} h2{font-size:34px}
  .hero-inner{padding-top:122px}
  .btn{width:100%}
  .hero-actions{flex-direction:column;align-items:flex-start}
  .section{padding:82px 0}

  .section-light{grid-template-columns:1.05fr .95fr}
  .about-media{display:flex;align-items:center;background:#f2eee7;overflow:hidden}
  .about-media img{min-height:unset;height:auto;aspect-ratio:3/2;object-fit:contain;object-position:center}
  .about-content{padding:22px 12px}
  .section-light h2{font-size:clamp(22px,6.1vw,34px);line-height:1.05}
  .section-light .eyebrow{font-size:9px;letter-spacing:.16em}
  .section-light p{font-size:11px;line-height:1.35}
  .about-stats{gap:10px;margin-top:16px}
  .about-stats strong{font-size:22px}
  .about-stats span{font-size:9px}
  .services{overflow:hidden}
  .service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .service-card{min-height:118px;padding:9px 5px}
  .service-card h3{font-size:8px;letter-spacing:.025em}
  .service-card p{font-size:7px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
  .service-icon{font-size:19px;margin-bottom:7px}

  .process-simple-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .simple-step div{padding:7px 4px}
  .simple-step h3{font-size:7.5px;line-height:1.12;letter-spacing:.01em}
  .simple-step p{font-size:6.5px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
  .num{font-size:8px;margin-bottom:4px;letter-spacing:.08em}
  .inventory-card{grid-template-columns:minmax(0,42%) minmax(0,58%);gap:10px;padding:12px}
  .inventory-info{padding:2px 0}
  .inventory-badges{gap:6px;margin-bottom:12px}
  .inventory-slider{--visible-slides:1;padding:0 26px;margin-top:8px}
  .slider-track{grid-auto-columns:100%}
  .inventory-cover{aspect-ratio:16/10}
  .inquiry-form{padding:20px}
  .form-actions .btn,.whatsapp-inline{width:100%}
  .whatsapp-float{right:14px;bottom:14px;width:38px;height:38px}
  .whatsapp-float-logo{width:36px;height:36px}
  .inventory-features{grid-template-columns:1fr;gap:6px}
  .footer-inner{flex-direction:column}
}


@media(max-width:420px){
  .section-light h2{font-size:20px}
  .about-content{padding:18px 10px}
  .section-light p{font-size:10px}
  .service-card{min-height:110px;padding:8px 4px}
  .process-simple-grid{gap:5px}
  .simple-step div{padding:6px 3px}
  .simple-step h3{font-size:7px;line-height:1.1}
  .simple-step p{font-size:6px;line-height:1.2;-webkit-line-clamp:4}
  .service-icon{font-size:17px;margin-bottom:6px}
  .service-card h3{font-size:7px;line-height:1.15;letter-spacing:.01em}
  .service-card p{font-size:6.5px;line-height:1.25;-webkit-line-clamp:4}
  .whatsapp-float{right:12px;bottom:12px;width:34px;height:34px}
  .whatsapp-float-logo{width:32px;height:32px}
}


/* ---------- Scroll reveal ---------- */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.reveal.in-view{opacity:1;transform:translateY(0)}

/* ---------- Hero entrance + parallax ---------- */
.hero-bg{transition:transform .1s linear}
.hero-copy .eyebrow,.hero-copy h1,.hero-copy .lead,.hero-copy .hero-actions{
  opacity:0;transform:translateY(22px);animation:heroUp .9s var(--ease) forwards;
}
.hero-copy .eyebrow{animation-delay:.05s}
.hero-copy h1{animation-delay:.16s}
.hero-copy .lead{animation-delay:.30s}
.hero-copy .hero-actions{animation-delay:.44s}
@keyframes heroUp{to{opacity:1;transform:translateY(0)}}

/* ---------- Hover polish ---------- */
.service-card{transition:transform .4s var(--ease),background .4s var(--ease),border-color .4s var(--ease)}
.service-card:hover{transform:translateY(-6px);background:linear-gradient(180deg,rgba(217,146,31,.10),rgba(255,255,255,.02));border-left-color:rgba(217,146,31,.5)}
.service-icon{transition:transform .4s var(--ease),color .4s var(--ease)}
.service-card:hover .service-icon{transform:scale(1.15) rotate(-6deg);color:var(--gold)}

.simple-step{transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.simple-step:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(0,0,0,.4)}
.simple-step img{transition:transform .6s var(--ease),filter .6s var(--ease)}
.simple-step:hover img{transform:scale(1.06);filter:saturate(.95) contrast(1) brightness(1.08)}

.inventory-card{transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .45s var(--ease)}
.inventory-card:hover{transform:translateY(-4px);border-color:rgba(217,146,31,.35);box-shadow:0 40px 120px rgba(0,0,0,.6)}
.inventory-cover img,.inventory-slide img{transition:transform .6s var(--ease),filter .3s ease;cursor:zoom-in}
.inventory-cover:hover img,.inventory-slide:hover img{transform:scale(1.045);filter:brightness(1.08)}
.inventory-cover:focus-visible,.inventory-slide:focus-visible{outline:2px solid var(--gold2);outline-offset:2px}

.about-media img{transition:transform .7s var(--ease)}
.about-media:hover img{transform:scale(1.03)}

.btn{position:relative;overflow:hidden}


.inventory-cover{position:relative;overflow:hidden}
.inventory-sold-corner{
  position:absolute;top:14px;right:-42px;z-index:3;
  min-width:150px;padding:8px 40px;
  background:#c62828;color:#fff;text-align:center;
  font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
  transform:rotate(45deg);box-shadow:0 10px 28px rgba(0,0,0,.35);
  border:1px solid rgba(255,255,255,.14)
}
.sold-price{
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(198,40,40,.16);border:1px solid rgba(198,40,40,.45);
  color:#ffb8b8;padding:10px 16px;border-radius:999px;
  font-size:18px;letter-spacing:.08em;text-transform:uppercase
}
@media(max-width:640px){
  .inventory-sold-corner{top:10px;right:-46px;min-width:140px;padding:7px 38px;font-size:11px}
}



/* ---------- No photo hover zoom/animation ---------- */
.simple-step,
.simple-step img,
.inventory-card,
.inventory-cover img,
.inventory-slide img,
.about-media img{
  transition:none!important;
}
.simple-step:hover{
  transform:none!important;
  box-shadow:none!important;
}
.inventory-card:hover{
  transform:none!important;
  box-shadow:var(--shadow)!important;
}
.simple-step:hover img,
.inventory-cover:hover img,
.inventory-slide:hover img,
.about-media:hover img{
  transform:none!important;
}
.simple-step:hover img{
  filter:saturate(.82) contrast(.95) brightness(1.03)!important;
}
.inventory-cover:hover img,
.inventory-slide:hover img{
  filter:saturate(.95) contrast(.98)!important;
}
.about-media:hover img{
  filter:saturate(.72) contrast(.92) brightness(1.04)!important;
}

/* ---------- Lightbox ---------- */
.lightbox{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;background:rgba(4,4,6,.94);backdrop-filter:blur(6px)}
.lightbox.open{display:flex;animation:fadeIn .25s ease}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.lightbox-image{max-width:min(88vw,1100px);max-height:82vh;object-fit:contain;box-shadow:0 30px 90px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.1);opacity:0;transform:scale(.97);animation:imgIn .3s var(--ease) forwards}
@keyframes imgIn{to{opacity:1;transform:scale(1)}}
.lightbox-close,.lightbox-nav{position:absolute;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);color:#fff;cursor:pointer;transition:.25s var(--ease);display:flex;align-items:center;justify-content:center}
.lightbox-close:hover,.lightbox-nav:hover{background:var(--gold);color:#111;border-color:var(--gold)}
.lightbox-close{top:22px;right:22px;width:44px;height:44px;font-size:16px;border-radius:50%}
.lightbox-nav{top:50%;transform:translateY(-50%);width:52px;height:52px;font-size:26px;border-radius:50%}
.lightbox-prev{left:18px}
.lightbox-next{right:18px}
.lightbox-count{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);color:var(--muted);font-size:12px;letter-spacing:.14em;text-transform:uppercase}
@media(max-width:640px){
  .lightbox-nav{width:42px;height:42px;font-size:20px}
  .lightbox-prev{left:8px} .lightbox-next{right:8px}
  .lightbox-close{top:12px;right:12px}
}

/* ---------- Respect reduced motion ---------- */
@media (prefers-reduced-motion: reduce){
  .reveal{opacity:1!important;transform:none!important;transition:none!important}
  .hero-copy .eyebrow,.hero-copy h1,.hero-copy .lead,.hero-copy .hero-actions{animation:none!important;opacity:1!important;transform:none!important}
  .hero-bg{transition:none!important}
  *{scroll-behavior:auto!important}
}


/* ---------- V30 mobile layout corrections ---------- */
.inventory-card{
  grid-template-columns:minmax(0,42%) minmax(0,58%)!important;
  grid-template-areas:
    "cover summary"
    "slider details"!important;
  align-items:start!important;
}
.inventory-cover{grid-area:cover!important}
.inventory-summary{grid-area:summary;display:flex;flex-direction:column;justify-content:flex-start;min-width:0;padding:8px 6px}
.inventory-summary h3{font-size:clamp(16px,2vw,23px);line-height:1.18;text-transform:none;letter-spacing:-.01em}
.inventory-details{grid-area:details;min-width:0;padding:0 6px 6px}
.inventory-slider{grid-area:slider!important;align-self:start}

/* Reduce the symbol/card hover animation in Services */
.service-card,.service-icon{transition:none!important}
.service-card:hover{transform:none!important;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015))!important;border-left-color:rgba(255,255,255,.1)!important}
.service-card:hover .service-icon{transform:none!important;color:var(--gold2)!important}

@media(max-width:640px){
  .inventory-card{
    grid-template-columns:minmax(0,44%) minmax(0,56%)!important;
    grid-template-areas:
      "cover summary"
      "slider slider"
      "details details"!important;
    gap:8px!important;
    padding:10px!important;
  }
  .inventory-cover{aspect-ratio:16/10!important;align-self:start}
  .inventory-summary{padding:0 0 0 2px!important;justify-content:flex-start!important}
  .inventory-summary .tag{font-size:7px!important;letter-spacing:.08em!important;padding:5px 6px!important;margin-bottom:5px!important}
  .inventory-summary h3{font-size:13px!important;line-height:1.12!important;margin:0!important}
  .inventory-variant{font-size:10px!important;margin:3px 0 7px!important;line-height:1.15!important}
  .inventory-price{font-size:15px!important;margin:0 0 7px!important;line-height:1.05!important}
  .inventory-meta{font-size:9px!important;line-height:1.25!important;margin:0!important}
  .inventory-slider{--visible-slides:3!important;width:100%!important;padding:0 22px!important;margin:2px 0 4px!important}
  .slider-track{grid-auto-columns:calc((100% - 12px)/3)!important;gap:6px!important}
  .slider-arrow{width:18px!important;height:30px!important;font-size:16px!important}
  .inventory-details{padding:2px 0 0!important}
  .inventory-description{font-size:10px!important;line-height:1.35!important;margin-bottom:10px!important}
  .inventory-badges{gap:6px!important;margin-bottom:10px!important}
  .green-badge{font-size:7.5px!important;padding:5px 6px!important;gap:5px!important;letter-spacing:.05em!important}
  .green-badge::before{width:15px!important;height:15px!important;font-size:10px!important}
  .inventory-finn-link{width:100%!important;margin-bottom:10px!important;font-size:8px!important;padding:7px 8px!important}
  .inventory-features{grid-template-columns:1fr 1fr!important;gap:5px 10px!important}
  .inventory-features li{font-size:9px!important;gap:5px!important;line-height:1.25!important}

  .section-light{grid-template-columns:1fr 1fr!important;align-items:center!important}
  .about-media{align-self:stretch!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;background:#f2eee7!important;overflow:visible!important}
  .about-media img{width:100%!important;height:auto!important;max-height:230px!important;min-height:0!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important}
  .about-content{padding:14px 9px!important;align-self:center!important}
  .section-light h2{font-size:22px!important;line-height:1.02!important;letter-spacing:-.035em!important}
  .section-light .eyebrow{font-size:7px!important;line-height:1.2!important;letter-spacing:.12em!important;margin-bottom:6px!important}
  .section-light p{font-size:9px!important;line-height:1.25!important;margin:8px 0 0!important}
  .about-stats{gap:5px!important;margin-top:10px!important}
  .about-stats div{padding-left:9px!important}
  .about-stats strong{font-size:16px!important;line-height:1!important}
  .about-stats span{font-size:6.5px!important;line-height:1.4!important;letter-spacing:.05em!important}
}

@media(max-width:420px){
  .inventory-card{grid-template-columns:minmax(0,45%) minmax(0,55%)!important;gap:7px!important;padding:8px!important}
  .inventory-summary h3{font-size:12px!important}
  .inventory-price{font-size:14px!important}
  .inventory-meta{font-size:8px!important}
  .inventory-slider{padding:0 20px!important}
  .inventory-details{padding-top:0!important}
  .inventory-description{font-size:9px!important}
  .green-badge{font-size:7px!important}
  .inventory-features li{font-size:8px!important}

  .section-light h2{font-size:18px!important}
  .section-light p{font-size:8px!important;line-height:1.2!important}
  .section-light .eyebrow{font-size:6.5px!important;margin-bottom:5px!important}
  .about-content{padding:11px 7px!important}
  .about-media img{max-height:205px!important}
  .about-stats{margin-top:8px!important;gap:4px!important}
  .about-stats strong{font-size:14px!important}
  .about-stats span{font-size:5.8px!important}
}


/* ---------- Compact mobile inquiry form ---------- */
@media(max-width:640px){
  #contact.section{padding:48px 0 56px}
  .contact-box{padding:14px 12px;gap:14px}
  .contact-intro h2{font-size:24px;line-height:1.05}
  .contact-intro > p:not(.eyebrow){font-size:10.5px;line-height:1.35;margin:8px 0 0}
  .contact-details{margin-top:10px;padding-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}
  .contact-details p{margin:0;font-size:9px;line-height:1.25}
  .inquiry-form{padding:12px;gap:8px;background:rgba(5,6,9,.30)}
  .form-row{gap:8px}
  .form-row.two{grid-template-columns:repeat(2,minmax(0,1fr))}
  .inquiry-form label{gap:4px;font-size:8.5px;letter-spacing:.055em;line-height:1.2}
  .inquiry-form input,.inquiry-form textarea{padding:7px 8px;font-size:11px;line-height:1.2;min-height:34px}
  .inquiry-form textarea{min-height:64px}
  .inquiry-form input::placeholder,.inquiry-form textarea::placeholder{font-size:10px}
  .form-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:0}
  .form-actions .btn,.whatsapp-inline{width:100%;padding:9px 6px;font-size:8.5px;letter-spacing:.045em;min-height:34px}
  .form-note{font-size:8.5px;line-height:1.25;margin:0!important}
}
@media(max-width:420px){
  #contact.section{padding:40px 0 48px}
  .contact-box{padding:12px 10px;gap:12px}
  .contact-intro h2{font-size:21px}
  .contact-intro > p:not(.eyebrow){font-size:9.5px;line-height:1.32}
  .contact-details{gap:3px 8px}
  .contact-details p{font-size:8px}
  .inquiry-form{padding:10px;gap:7px}
  .form-row{gap:7px}
  .form-row.two{grid-template-columns:repeat(2,minmax(0,1fr))}
  .inquiry-form label{font-size:7.5px;letter-spacing:.035em}
  .inquiry-form input,.inquiry-form textarea{padding:6px 7px;font-size:10px;min-height:31px}
  .inquiry-form textarea{min-height:56px}
  .inquiry-form input::placeholder,.inquiry-form textarea::placeholder{font-size:9px}
  .form-actions{gap:6px}
  .form-actions .btn,.whatsapp-inline{font-size:7.5px;padding:8px 4px;min-height:31px}
  .form-note{font-size:7.5px;line-height:1.2}
}


/* ---------- V32 mobile hero spacing and persistent background ---------- */
@media(max-width:900px){
  .hero{min-height:82svh}
  .hero-inner{padding-top:104px;padding-bottom:48px}
  .hero-overlay{background:linear-gradient(90deg,rgba(5,6,9,.86) 0%,rgba(5,6,9,.58) 40%,rgba(5,6,9,.18) 100%),linear-gradient(to bottom,rgba(5,6,9,.08),rgba(5,6,9,.12) 58%,rgba(5,6,9,.70))}
}
@media(max-width:640px){
  .hero{min-height:70svh}
  .hero-inner{padding-top:96px!important;padding-bottom:24px!important}
  .hero-copy{max-width:82%}
  .hero-copy .eyebrow{font-size:8px;letter-spacing:.16em;margin-bottom:8px}
  .hero-copy h1{font-size:30px;line-height:1.02}
  .lead{font-size:11px;line-height:1.35;margin:10px 0 14px;max-width:270px}
  .hero-actions .btn{width:auto;min-width:0;padding:9px 12px;font-size:8px}
  #about{margin-top:0}
}
@media(max-width:420px){
  .hero{min-height:66svh}
  .hero-inner{padding-top:92px!important;padding-bottom:18px!important}
  .hero-copy h1{font-size:27px}
  .lead{font-size:10px;margin-bottom:12px}
  .page-bg{opacity:.18}
}


/* ---------- V33 full-page fixed hero background ---------- */
.page-bg{
  position:fixed!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background-image:linear-gradient(rgba(6,7,10,.52),rgba(6,7,10,.56)),url("assets/hero.webp")!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
  filter:saturate(.82) contrast(.96) brightness(.72)!important;
  opacity:.34!important;
  transform:none!important;
}
body > *:not(.page-bg){position:relative;z-index:1}
.services,.inventory,.contact{background:rgba(8,9,13,.86)!important}
.process{background:radial-gradient(circle at 50% 0,rgba(217,146,31,.09),transparent 30%),rgba(6,7,10,.86)!important}
.section-light{background:rgba(242,238,231,.92)!important}
.footer{background:rgba(6,7,10,.88)!important}
.contact-box{background:linear-gradient(135deg,rgba(217,146,31,.18),rgba(5,6,9,.42))!important}
.inquiry-form{background:rgba(5,6,9,.46)!important}
@media(max-width:900px){
  .page-bg{opacity:.30!important;background-attachment:scroll!important;background-position:center center!important}
  .services,.inventory,.contact{background:rgba(8,9,13,.84)!important}
  .process{background:radial-gradient(circle at 50% 0,rgba(217,146,31,.08),transparent 28%),rgba(6,7,10,.84)!important}
  .section-light{background:rgba(242,238,231,.90)!important}
}
@media(max-width:420px){.page-bg{opacity:.28!important}}


/* ==========================================================
   V34: refined inventory, detail pages, footer, privacy, speed
   ========================================================== */
body{background:#050609}
.section,.inventory,.contact{background:rgba(6,7,10,.78);backdrop-filter:blur(2px)}
.inventory-list{gap:24px!important}
.inventory-card-link{color:inherit;text-decoration:none;cursor:pointer}
.inventory-card{
  grid-template-columns:minmax(220px,36%) minmax(0,64%)!important;
  grid-template-areas:"cover summary"!important;
  align-items:center!important;
  gap:clamp(14px,2.2vw,30px)!important;
  padding:clamp(12px,1.8vw,22px)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.012))!important;
}
.inventory-cover{grid-area:cover!important;aspect-ratio:16/10!important;border:1px solid rgba(217,146,31,.28)!important;background:rgba(0,0,0,.35)!important}
.inventory-cover img{width:100%!important;height:100%!important;object-fit:contain!important;background:#0b0d12!important}
.inventory-summary{grid-area:summary!important;padding:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important}
.inventory-summary h3{font-size:clamp(18px,2.25vw,28px)!important;line-height:1.14!important;letter-spacing:-.02em!important;text-transform:none!important;margin:0!important}
.inventory-variant{margin:6px 0 14px!important;font-size:clamp(12px,1.3vw,16px)!important}
.inventory-price{font-size:clamp(22px,2.9vw,34px)!important;margin-bottom:14px!important}
.inventory-meta{font-size:clamp(11px,1.25vw,15px)!important;margin-bottom:16px!important}
.inventory-badges{margin:2px 0 14px!important}
.inventory-open{align-self:flex-start;margin-top:2px;padding:9px 13px;border:1px solid rgba(217,146,31,.35);color:var(--gold2);font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;background:rgba(217,146,31,.08)}
.inventory-card:hover .inventory-open{background:var(--gold);color:#111}
.inventory-details,.inventory-slider{display:none!important}

.footer{background:rgba(5,6,9,.92);backdrop-filter:blur(10px);padding:44px 0 20px!important;border-top:1px solid rgba(217,146,31,.18)!important}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px;align-items:start}
.footer-grid h3{font-size:12px;color:var(--gold2);letter-spacing:.12em;margin:0 0 12px;text-transform:uppercase}
.footer-grid a,.footer-grid span{display:block;color:var(--muted);text-decoration:none;font-size:13px;line-height:1.7;margin:2px 0}
.footer-grid a:hover{color:var(--gold2)}
.footer-brand{display:flex;gap:14px;align-items:center;color:var(--muted)}
.footer-brand img{width:76px;height:auto;filter:drop-shadow(0 0 12px rgba(239,180,88,.22))}
.footer-brand p{margin:0}.footer-brand strong{color:#fff;letter-spacing:.08em;text-transform:uppercase}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.08);padding-top:18px;margin-top:32px;color:rgba(188,180,165,.82);font-size:12px}
.footer-bottom p{margin:0}.footer-bottom a{color:var(--muted);text-decoration:none}.footer-bottom a:hover{color:var(--gold2)}

.car-detail-main{padding:116px 0 70px;position:relative;z-index:1}
.car-detail{background:rgba(6,7,10,.86);border:1px solid rgba(217,146,31,.18);padding:clamp(14px,2.2vw,28px);box-shadow:var(--shadow)}
.back-link{display:inline-flex;margin:0 0 18px;color:var(--gold2);text-decoration:none;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.car-detail-layout{display:grid;grid-template-columns:minmax(0,52%) minmax(0,48%);gap:clamp(18px,3vw,42px);align-items:start}
.detail-gallery{min-width:0}.detail-main-photo{background:#0b0d12;border:1px solid rgba(217,146,31,.22);aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;overflow:hidden}
.detail-main-photo img{width:100%;height:100%;object-fit:contain;background:#0b0d12}
.detail-thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:10px;max-height:330px;overflow:auto;padding-right:4px}
.detail-thumb{border:1px solid rgba(255,255,255,.12);background:#0b0d12;padding:0;aspect-ratio:16/10;cursor:pointer;opacity:.72}
.detail-thumb.active,.detail-thumb:hover{opacity:1;border-color:var(--gold)}
.detail-thumb img{width:100%;height:100%;object-fit:contain;background:#0b0d12}
.detail-info h1{font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;font-size:clamp(26px,3vw,42px);font-weight:900;line-height:1.04;letter-spacing:-.045em;margin:12px 0 0;text-transform:none}
.detail-meta{color:#f0eadf;font-weight:800;margin:12px 0 18px}.detail-description{color:var(--muted);font-size:15px;line-height:1.65;margin:0 0 20px}.detail-badges{margin-bottom:20px!important}
.detail-info h2{font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold2);margin:24px 0 14px}
.detail-features{display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;list-style:none;margin:0;padding:0}.detail-features li{display:flex;gap:10px;color:#fff;font-size:14px;line-height:1.35}.detail-features span{color:#8ce0b2;font-weight:900}.detail-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.detail-finn{margin:0 0 10px!important}.detail-sold{display:inline-flex;margin-bottom:10px;padding:8px 12px;background:#c62828;color:#fff;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.loading-text{color:var(--muted)}

.legal-page main.legal-content{position:relative;z-index:1;margin-top:116px;margin-bottom:70px;background:rgba(8,9,13,.90);border:1px solid rgba(217,146,31,.18);padding:clamp(24px,4vw,54px);box-shadow:var(--shadow)}
.legal-content h1{font-size:clamp(34px,4vw,54px);margin-bottom:10px}.legal-content h2{font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;font-size:18px;letter-spacing:0;text-transform:none;margin:28px 0 8px;color:#fff}.legal-content p{color:var(--muted);max-width:900px}.legal-content a{color:var(--gold2)}

@media(max-width:900px){
  .footer-grid{grid-template-columns:1fr 1fr;gap:22px}.car-detail-layout{grid-template-columns:1fr}.detail-thumbs{grid-template-columns:repeat(4,minmax(0,1fr));max-height:none}.detail-features{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .inventory-card{grid-template-columns:minmax(0,44%) minmax(0,56%)!important;grid-template-areas:"cover summary"!important;gap:9px!important;padding:9px!important}
  .inventory-cover{aspect-ratio:16/10!important}.inventory-summary .tag{font-size:7px!important;padding:4px 6px!important;margin-bottom:5px!important}.inventory-summary h3{font-size:13px!important;line-height:1.12!important}.inventory-variant{font-size:9.5px!important;margin:3px 0 6px!important}.inventory-price{font-size:14px!important;margin:0 0 6px!important}.inventory-meta{font-size:8px!important;line-height:1.24!important;margin:0 0 7px!important}.inventory-badges{gap:5px!important;margin:0 0 8px!important}.green-badge{font-size:6.7px!important;padding:5px 6px!important;gap:4px!important;letter-spacing:.035em!important}.green-badge::before{width:14px!important;height:14px!important;font-size:9px!important}.inventory-open{font-size:7px!important;padding:6px 7px!important;letter-spacing:.055em!important}
  .footer{padding-top:32px!important}.footer-grid{grid-template-columns:1fr 1fr;gap:18px}.footer-grid a,.footer-grid span{font-size:11px}.footer-brand{grid-column:1/-1}.footer-brand img{width:58px}.footer-bottom{font-size:10px;gap:8px;flex-direction:column;margin-top:22px}
  .car-detail-main{padding:102px 0 44px}.car-detail{padding:12px}.back-link{font-size:9px;margin-bottom:12px}.detail-info h1{font-size:24px}.detail-gallery{display:grid;grid-template-columns:1fr;gap:8px}.detail-thumbs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.detail-description{font-size:12px;line-height:1.45}.detail-features{grid-template-columns:1fr 1fr;gap:7px 10px}.detail-features li{font-size:10px;gap:6px}.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.detail-actions .btn,.detail-actions .whatsapp-inline{width:100%;font-size:8px;padding:9px 6px}.detail-info h2{font-size:10px;margin-top:18px}
  .legal-page main.legal-content{margin-top:100px;padding:18px}.legal-content h1{font-size:30px}.legal-content h2{font-size:15px}.legal-content p{font-size:12px;line-height:1.45}
}
@media(max-width:420px){
  .inventory-card{grid-template-columns:minmax(0,45%) minmax(0,55%)!important;gap:7px!important}.inventory-summary h3{font-size:12px!important}.inventory-price{font-size:13px!important}.inventory-meta{font-size:7.5px!important}.green-badge{font-size:6.2px!important;padding:4px 5px!important}.inventory-open{font-size:6.5px!important}
  .detail-thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-features{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}
}


/* ---------- v35 precise layout update ---------- */
.brand img{width:auto!important;height:56px!important;max-width:none!important;object-fit:contain!important;aspect-ratio:auto!important}
@media(max-width:900px){.brand img{height:52px!important}.brand{gap:12px!important}}
@media(max-width:640px){.brand img{height:46px!important}.brand strong{font-size:15px!important}.brand small{font-size:9px!important}}

.about-overlay-section{position:relative;overflow:hidden;isolation:isolate;background:#06070a!important;color:#fff!important;padding:0!important;border-top:1px solid rgba(255,255,255,.07)}
.about-bg{position:absolute;inset:0;background:url("assets/about-showroom-bg.webp") center center/cover no-repeat;transform:scale(1.02)}
.about-bg-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,6,9,.68) 0%,rgba(5,6,9,.78) 40%,rgba(5,6,9,.86) 100%),linear-gradient(90deg,rgba(5,6,9,.72) 0%,rgba(5,6,9,.56) 48%,rgba(5,6,9,.72) 100%)}
.about-overlay-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:28px;align-items:end;min-height:620px;padding:96px 0 74px}
.about-copy{max-width:640px;padding:30px 34px;background:linear-gradient(180deg,rgba(8,10,14,.42),rgba(8,10,14,.24));border:1px solid rgba(255,255,255,.10);backdrop-filter:blur(4px)}
.about-copy p{color:#e7decf!important;max-width:52ch}
.about-copy .eyebrow{color:var(--gold2)!important}
.about-copy h2{font-size:clamp(38px,4.7vw,64px);color:#fff!important;text-shadow:0 8px 24px rgba(0,0,0,.28)}
.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px}
.about-stats div{border-left:1px solid rgba(255,255,255,.18)!important;padding-left:18px;background:rgba(255,255,255,.04)}
.about-stats strong{color:var(--gold2)!important}
.about-stats span{color:#f3ede3!important}
.about-points{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-self:end}
.about-point-card{padding:18px 18px 16px;background:linear-gradient(180deg,rgba(8,10,14,.55),rgba(8,10,14,.34));border:1px solid rgba(255,255,255,.10);backdrop-filter:blur(4px);min-height:148px}
.about-point-card h3{margin:0 0 10px;font-size:13px;color:#fff;letter-spacing:.08em}
.about-point-card p{margin:0;color:#d7cfbf;font-size:13px;line-height:1.45}
.about-point-card .service-icon{font-size:22px;margin-bottom:10px}

.inventory-card{grid-template-columns:minmax(0,43%) minmax(0,57%)!important;align-items:stretch!important}
.inventory-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main price" "meta meta" "badges badges" ". action";column-gap:18px;row-gap:10px;min-width:0;padding:4px 0}
.inventory-main{grid-area:main;min-width:0}
.inventory-summary>.tag{display:none!important}
.inventory-main .tag{display:inline-block;align-self:flex-start;margin-bottom:12px;padding:7px 10px;border:1px solid rgba(239,180,88,.35);color:var(--gold2);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.inventory-summary h3{margin:0;font-size:clamp(18px,2vw,24px)!important;line-height:1.12}
.inventory-summary .inventory-variant{margin:7px 0 0!important}
.inventory-price-wrap{grid-area:price;justify-self:end;align-self:start;text-align:right;min-width:max-content}
.inventory-price{margin:0!important;font-size:clamp(22px,2.7vw,34px)!important;line-height:1}
.inventory-meta{grid-area:meta;margin:0!important;padding-top:2px}
.inventory-badges{grid-area:badges;margin:2px 0 0!important}
.inventory-open{grid-area:action;justify-self:end;align-self:end;display:inline-flex;align-items:center;justify-content:center;padding:11px 15px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.inventory-card:hover .inventory-open{background:var(--gold);color:#111}

@media(max-width:900px){
  .about-overlay-inner{grid-template-columns:1fr;min-height:unset;padding:76px 0 54px;gap:22px}
  .about-copy{max-width:none}
  .about-points{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .about-overlay-inner{padding:58px 0 42px!important;gap:16px!important}
  .about-copy{padding:18px 16px!important}
  .about-copy h2{font-size:clamp(28px,8vw,38px)!important;line-height:1.02!important}
  .about-copy p{font-size:12px!important;line-height:1.45!important}
  .about-stats{gap:10px!important;margin-top:16px!important}
  .about-stats strong{font-size:20px!important}
  .about-stats span{font-size:9px!important}
  .about-points{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .about-point-card{padding:12px 10px!important;min-height:120px!important}
  .about-point-card .service-icon{font-size:18px!important;margin-bottom:8px!important}
  .about-point-card h3{font-size:9px!important;line-height:1.2!important;margin-bottom:6px!important}
  .about-point-card p{font-size:8px!important;line-height:1.35!important}

  .inventory-card{grid-template-columns:minmax(0,46%) minmax(0,54%)!important;gap:10px!important;padding:10px!important}
  .inventory-summary{grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"main price" "meta meta" "badges badges" ". action"!important;column-gap:8px!important;row-gap:7px!important}
  .inventory-main .tag{font-size:7px!important;padding:4px 6px!important;margin-bottom:5px!important}
  .inventory-summary h3{font-size:13px!important}
  .inventory-variant{font-size:9px!important}
  .inventory-price{font-size:14px!important}
  .inventory-meta{font-size:8px!important;line-height:1.25!important}
  .green-badge{font-size:6.7px!important;padding:5px 6px!important;gap:4px!important}
  .inventory-open{font-size:7px!important;padding:6px 8px!important}
}
@media(max-width:420px){
  .about-copy{padding:16px 14px!important}
  .about-point-card{min-height:112px!important}
  .inventory-card{grid-template-columns:minmax(0,47%) minmax(0,53%)!important;gap:8px!important}
  .inventory-summary h3{font-size:12px!important}.inventory-price{font-size:13px!important}.inventory-meta{font-size:7.5px!important}.green-badge{font-size:6px!important;padding:4px 5px!important}.inventory-open{font-size:6.4px!important}
}


/* ---------- v36 hero points + lighter about ---------- */
.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between}
.hero-inner{width:100%}
.hero-points-wrap{position:relative;z-index:4;width:100%;margin-top:auto;background:linear-gradient(180deg,rgba(5,6,9,.14),rgba(5,6,9,.72));border-top:1px solid rgba(255,255,255,.08)}
.hero-points-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.hero-point-item{padding:24px 18px 22px;min-height:128px;border-left:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,.03));}
.hero-point-item:first-child{border-left:none}
.hero-point-icon{display:block;color:var(--gold2);font-size:28px;line-height:1;margin-bottom:14px}
.hero-point-item h3{margin:0 0 10px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#fff}
.hero-point-item p{margin:0;color:#d8d0c2;font-size:13px;line-height:1.45;max-width:24ch}

.about-overlay-section{background:#0a0c11!important}
.about-bg{background:url("assets/about-showroom-bg.webp") center center/contain no-repeat!important;opacity:.82;filter:saturate(.95) brightness(1.03)}
.about-bg-overlay{background:linear-gradient(180deg,rgba(6,7,10,.28) 0%,rgba(6,7,10,.34) 48%,rgba(6,7,10,.44) 100%),linear-gradient(90deg,rgba(6,7,10,.52) 0%,rgba(6,7,10,.18) 48%,rgba(6,7,10,.42) 100%)!important}
.about-overlay-inner{grid-template-columns:1fr!important;min-height:560px!important;align-items:center!important;padding:74px 0 66px!important}
.about-copy{max-width:700px;padding:0!important;background:transparent!important;border:none!important;backdrop-filter:none!important;box-shadow:none!important}
.about-copy h2{max-width:10ch}
.about-copy p{max-width:50ch;color:#f0e9df!important;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.about-copy .eyebrow,.about-copy h2,.about-stats strong,.about-stats span{ text-shadow:0 2px 12px rgba(0,0,0,.35)}
.about-stats div{background:transparent!important}

@media(max-width:900px){
  .hero-points-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-point-item:nth-child(3){border-left:none}
  .about-overlay-inner{min-height:470px!important;padding:58px 0 52px!important}
}
@media(max-width:640px){
  .hero-points-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .hero-points-wrap{background:rgba(5,6,9,.82)}
  .hero-point-item{padding:12px 7px 13px!important;min-height:104px!important}
  .hero-point-icon{font-size:18px!important;margin-bottom:8px!important}
  .hero-point-item h3{font-size:8px!important;line-height:1.18!important;margin-bottom:5px!important;letter-spacing:.03em!important}
  .hero-point-item p{font-size:7px!important;line-height:1.3!important;max-width:none!important}
  .about-bg{background-size:contain!important;background-position:center center!important}
  .about-bg-overlay{background:linear-gradient(180deg,rgba(6,7,10,.36) 0%,rgba(6,7,10,.44) 100%)!important}
  .about-overlay-inner{min-height:340px!important;padding:42px 0 34px!important}
  .about-copy h2{max-width:11ch!important}
}
@media(max-width:420px){
  .hero-point-item{padding:10px 5px 11px!important;min-height:96px!important}
  .hero-point-item h3{font-size:7px!important}
  .hero-point-item p{font-size:6.4px!important}
  .about-overlay-inner{min-height:310px!important;padding:36px 0 28px!important}
}

/* ---------- v38 fixed-proportion hero layout ---------- */
/* Keep the WebP hero image at its original 16:9 composition instead of re-cropping it on narrower windows. */
.hero{
  min-height:0!important;
  height:100svh!important;
  max-height:900px;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  background:#050609!important;
}
.hero-bg{
  transform:none!important;
  background-image:url("assets/hero.webp")!important;
  background-size:contain!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  filter:saturate(.9) contrast(1) brightness(.82)!important;
}
.hero-overlay{
  background:
    linear-gradient(90deg,rgba(5,6,9,.86) 0%,rgba(5,6,9,.64) 30%,rgba(5,6,9,.20) 58%,rgba(5,6,9,.20) 100%),
    linear-gradient(to bottom,rgba(5,6,9,.10),rgba(5,6,9,.04) 56%,rgba(5,6,9,.78))!important;
}
.hero-inner{
  position:relative!important;
  z-index:4!important;
  flex:1 1 auto!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  padding-top:84px!important;
  padding-bottom:128px!important;
}
.hero-copy{
  width:min(38vw,540px)!important;
  max-width:540px!important;
  margin-left:0!important;
}
.hero-copy h1{font-size:clamp(34px,4.2vw,64px)!important;line-height:1.04!important}
.hero-copy .lead{font-size:clamp(13px,1.25vw,18px)!important;line-height:1.5!important;max-width:440px!important}
.hero-actions .btn{width:auto!important}
.hero-points-wrap{
  flex:0 0 auto!important;
  margin-top:0!important;
  position:relative!important;
  z-index:4!important;
}
.hero-points-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}

@media(max-width:900px){
  .hero{height:calc(100vw * 9 / 16 + 172px)!important;min-height:540px!important;max-height:none!important}
  .hero-inner{padding-top:72px!important;padding-bottom:118px!important}
  .hero-copy{width:40vw!important;max-width:42%!important}
  .hero-copy .eyebrow{font-size:9px!important;letter-spacing:.16em!important;margin-bottom:9px!important}
  .hero-copy h1{font-size:clamp(25px,5vw,44px)!important}
  .hero-copy .lead{font-size:clamp(10px,1.75vw,14px)!important;margin:14px 0 18px!important}
  .hero-actions .btn{padding:10px 14px!important;font-size:9px!important}
}
@media(max-width:640px){
  .hero{height:calc(100vw * 9 / 16 + 118px)!important;min-height:390px!important;max-height:none!important}
  .hero-bg{background-size:contain!important;background-position:center top 74px!important}
  .hero-overlay{background:linear-gradient(90deg,rgba(5,6,9,.88) 0%,rgba(5,6,9,.58) 38%,rgba(5,6,9,.16) 100%),linear-gradient(to bottom,rgba(5,6,9,.05),rgba(5,6,9,.08) 58%,rgba(5,6,9,.80))!important}
  .hero-inner{padding-top:70px!important;padding-bottom:94px!important;align-items:center!important}
  .hero-copy{width:39vw!important;max-width:39vw!important}
  .hero-copy .eyebrow{font-size:6.8px!important;letter-spacing:.12em!important;margin-bottom:5px!important}
  .hero-copy h1{font-size:clamp(17px,5.1vw,27px)!important;line-height:1.02!important}
  .hero-copy .lead{font-size:7.5px!important;line-height:1.35!important;margin:8px 0 10px!important;max-width:36vw!important}
  .hero-actions .btn{padding:7px 9px!important;font-size:6.8px!important;letter-spacing:.08em!important}
  .hero-points-wrap{background:rgba(5,6,9,.86)!important}
}
@media(max-width:420px){
  .hero{height:calc(100vw * 9 / 16 + 104px)!important;min-height:350px!important}
  .hero-bg{background-position:center top 70px!important}
  .hero-inner{padding-top:66px!important;padding-bottom:84px!important}
  .hero-copy{width:40vw!important;max-width:40vw!important}
  .hero-copy h1{font-size:18px!important}
  .hero-copy .lead{font-size:7px!important}
  .hero-actions .btn{padding:6px 8px!important;font-size:6.2px!important}
}


/* ---------- v39 hero alignment + premium icons ---------- */
.hero-inner{padding-left:clamp(44px,5.8vw,96px)!important;padding-right:clamp(20px,3vw,48px)!important}
.hero-copy{margin-left:clamp(10px,1.8vw,26px)!important}
.hero-points-wrap{width:100%!important}
.hero-points-wrap .container.hero-points-grid{max-width:none!important;width:100%!important;padding-left:0!important;padding-right:0!important;margin:0!important}
.hero-points-grid{width:100%!important;gap:0!important}
.hero-point-item{padding:24px 28px 22px!important;min-height:136px!important}
.hero-point-icon{display:inline-flex!important;align-items:center;justify-content:center;color:#d6a13a!important;width:34px!important;height:34px!important;margin-bottom:14px!important}
.hero-point-icon svg{display:block;width:100%;height:100%}
.hero-point-item h3{font-size:13px!important;letter-spacing:.09em!important;color:#f3efe8!important}
.hero-point-item p{font-size:13px!important;color:#ddd2c2!important;max-width:26ch!important}
@media(max-width:900px){
  .hero-inner{padding-left:clamp(32px,5vw,54px)!important;padding-right:20px!important}
  .hero-copy{margin-left:clamp(8px,1.4vw,14px)!important}
  .hero-point-item{padding:20px 16px 18px!important;min-height:124px!important}
  .hero-point-icon{width:28px!important;height:28px!important}
}
@media(max-width:640px){
  .hero-inner{padding-left:22px!important;padding-right:12px!important}
  .hero-copy{margin-left:8px!important}
  .hero-points-wrap .container.hero-points-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .hero-point-item{padding:12px 8px 13px!important;min-height:102px!important}
  .hero-point-icon{width:18px!important;height:18px!important;margin-bottom:8px!important}
  .hero-point-item h3{font-size:7.6px!important;line-height:1.18!important;margin-bottom:4px!important;letter-spacing:.04em!important}
  .hero-point-item p{font-size:6.6px!important;line-height:1.3!important;max-width:none!important}
}
@media(max-width:420px){
  .hero-inner{padding-left:18px!important;padding-right:10px!important}
  .hero-copy{margin-left:6px!important}
  .hero-point-item{padding:10px 6px 11px!important;min-height:95px!important}
  .hero-point-icon{width:16px!important;height:16px!important}
  .hero-point-item h3{font-size:7px!important}
  .hero-point-item p{font-size:6.1px!important}
}


/* ---------- v40 exact premium feature icons from approved banner ---------- */
.hero-point-item{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;text-align:center!important}
.hero-point-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:96px!important;height:74px!important;margin:0 auto 16px!important;color:inherit!important}
.hero-point-icon img{display:block!important;width:auto!important;height:100%!important;max-width:100%!important;object-fit:contain!important;filter:none!important}
.hero-point-item h3{width:100%!important;text-align:center!important}
.hero-point-item p{max-width:26ch!important;text-align:center!important;margin:0 auto!important}
@media(max-width:900px){
  .hero-point-icon{width:82px!important;height:62px!important;margin-bottom:12px!important}
}
@media(max-width:640px){
  .hero-point-icon{width:34px!important;height:26px!important;margin-bottom:6px!important}
  .hero-point-item h3{font-size:7.4px!important}
  .hero-point-item p{font-size:6.5px!important}
}
@media(max-width:420px){
  .hero-point-icon{width:28px!important;height:22px!important;margin-bottom:5px!important}
}


/* ---------- v41 hero feature row refinement ---------- */
.hero{background-position:center 24% !important;}
.hero-points-wrap{background:#000 !important;border-top:1px solid rgba(255,255,255,.05)!important;box-shadow:0 -18px 40px rgba(0,0,0,.35) inset;}
.hero-points-wrap .container.hero-points-grid{background:#000 !important;}
.hero-points-grid{background:#000 !important;}
.hero-point-item{background:#000 !important;border-left:1px solid rgba(255,255,255,.08)!important;}
.hero-point-item:first-child{border-left:none !important;}
.hero-point-icon{width:120px !important;height:86px !important;background:#000 !important;margin:0 auto 12px !important;}
.hero-point-icon img{width:100% !important;height:100% !important;object-fit:contain !important;background:#000 !important;}
.hero-point-item h3{color:#d6a13a !important;}
.hero-point-item p{color:#e7e0d3 !important;}
@media(max-width:900px){
  .hero{background-position:center 22% !important;}
  .hero-point-icon{width:100px !important;height:72px !important;}
}
@media(max-width:640px){
  .hero{background-position:center 20% !important;}
  .hero-point-icon{width:42px !important;height:30px !important;margin-bottom:6px !important;}
  .hero-point-item h3{color:#d6a13a !important;}
}
@media(max-width:420px){
  .hero-point-icon{width:34px !important;height:24px !important;}
}


/* ---------- v42 final hero feature strip quality pass ---------- */
.hero-bg{
  background-position:center 28px !important;
  filter:saturate(.92) contrast(1.02) brightness(.83) !important;
}
.hero-inner{
  padding-bottom:150px !important;
}
.hero-points-wrap{
  background:#000 !important;
  border-top:1px solid rgba(255,255,255,.06) !important;
  box-shadow:none !important;
}
.hero-points-wrap .container.hero-points-grid,
.hero-points-grid{
  background:#000 !important;
}
.hero-point-item{
  background:#000 !important;
  border-left:1px solid rgba(255,255,255,.08) !important;
  padding:22px 24px 24px !important;
  min-height:154px !important;
}
.hero-point-item:first-child{border-left:none !important;}
.hero-point-icon{
  width:56px !important;
  height:56px !important;
  margin:0 auto 14px !important;
  background:transparent !important;
  color:#d6a13a !important;
}
.hero-point-icon svg{
  width:100% !important;
  height:100% !important;
  display:block !important;
}
.hero-point-item h3{
  color:#d6a13a !important;
  font-size:13px !important;
  line-height:1.15 !important;
  margin-bottom:10px !important;
  letter-spacing:.08em !important;
}
.hero-point-item p{
  color:#e8e0d0 !important;
  font-size:13px !important;
  line-height:1.45 !important;
  max-width:24ch !important;
}
@media (max-width: 900px){
  .hero-bg{background-position:center 18px !important;}
  .hero-inner{padding-bottom:136px !important;}
  .hero-point-item{padding:18px 14px 20px !important; min-height:138px !important;}
  .hero-point-icon{width:46px !important; height:46px !important; margin-bottom:12px !important;}
  .hero-point-item h3{font-size:11px !important;}
  .hero-point-item p{font-size:11px !important;}
}
@media (max-width: 640px){
  .hero-bg{background-position:center top 66px !important;}
  .hero-inner{padding-bottom:100px !important;}
  .hero-points-wrap{background:#000 !important;}
  .hero-point-item{padding:12px 8px 12px !important; min-height:104px !important;}
  .hero-point-icon{width:24px !important; height:24px !important; margin-bottom:8px !important;}
  .hero-point-item h3{font-size:7.2px !important; margin-bottom:5px !important; color:#d6a13a !important;}
  .hero-point-item p{font-size:6.5px !important; line-height:1.28 !important;}
}
@media (max-width: 420px){
  .hero-bg{background-position:center top 64px !important;}
  .hero-inner{padding-bottom:92px !important;}
  .hero-point-item{padding:10px 6px 10px !important; min-height:96px !important;}
  .hero-point-icon{width:22px !important; height:22px !important; margin-bottom:6px !important;}
  .hero-point-item h3{font-size:6.8px !important;}
  .hero-point-item p{font-size:6px !important;}
}


/* ---------- v43 trust icon + more hero spacing ---------- */
.hero-bg{
  background-position:center -26px !important;
}
.hero-inner{
  padding-bottom:184px !important;
}
.hero-point-icon-trust{
  width:64px !important;
  height:64px !important;
}
.hero-point-icon-trust img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  display:block !important;
  background:transparent !important;
}
@media (max-width: 900px){
  .hero-bg{background-position:center -16px !important;}
  .hero-inner{padding-bottom:164px !important;}
  .hero-point-icon-trust{width:52px !important;height:52px !important;}
}
@media (max-width: 640px){
  .hero-bg{background-position:center top 46px !important;}
  .hero-inner{padding-bottom:118px !important;}
  .hero-point-icon-trust{width:28px !important;height:28px !important;}
}
@media (max-width: 420px){
  .hero-bg{background-position:center top 44px !important;}
  .hero-inner{padding-bottom:108px !important;}
  .hero-point-icon-trust{width:24px !important;height:24px !important;}
}


/* ---------- v44 trust outline + full-bleed hero row ---------- */
.hero-bg{background-position:center -48px !important;}
.hero-inner{padding-bottom:214px !important;}
.hero-points-wrap{
  width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  background:#000 !important;
}
.hero-points-wrap .container.hero-points-grid,
.hero-points-grid{
  width:100vw !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  grid-template-columns:repeat(4,1fr) !important;
}
.hero-point-item{padding:22px 18px 24px !important;}
.hero-point-icon-trust{width:58px !important;height:58px !important;}
.hero-point-icon-trust img{background:transparent !important;filter:none !important;}
.hero-point-item h3{color:#d6a13a !important;}
@media (max-width: 900px){
  .hero-bg{background-position:center -30px !important;}
  .hero-inner{padding-bottom:184px !important;}
  .hero-point-icon-trust{width:50px !important;height:50px !important;}
}
@media (max-width: 640px){
  .hero-bg{background-position:center top 40px !important;}
  .hero-inner{padding-bottom:126px !important;}
  .hero-points-wrap,.hero-points-wrap .container.hero-points-grid,.hero-points-grid{width:100vw !important;}
  .hero-point-item{padding:11px 6px 12px !important;}
  .hero-point-icon-trust{width:24px !important;height:24px !important;}
}
@media (max-width: 420px){
  .hero-bg{background-position:center top 38px !important;}
  .hero-inner{padding-bottom:118px !important;}
  .hero-point-icon-trust{width:22px !important;height:22px !important;}
}


/* ---------- v45 about section full-width / lighter / left aligned like hero ---------- */
.about-overlay-section{
  width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  background:#090b10 !important;
}
.about-bg{
  inset:0 !important;
  transform:none !important;
  opacity:.96 !important;
  filter:saturate(.98) brightness(1.11) !important;
  background:url("assets/about-showroom-bg.webp") center center/cover no-repeat !important;
}
.about-bg-overlay{
  background:
    linear-gradient(180deg,rgba(6,7,10,.14) 0%,rgba(6,7,10,.22) 48%,rgba(6,7,10,.30) 100%),
    linear-gradient(90deg,rgba(6,7,10,.34) 0%,rgba(6,7,10,.14) 44%,rgba(6,7,10,.26) 100%) !important;
}
.about-overlay-inner{
  width:100% !important;
  max-width:none !important;
  grid-template-columns:1fr !important;
  align-items:center !important;
  min-height:560px !important;
  padding-top:74px !important;
  padding-bottom:66px !important;
  padding-left:clamp(44px,5.8vw,96px) !important;
  padding-right:clamp(20px,3vw,48px) !important;
  gap:0 !important;
}
.about-copy{
  margin-left:clamp(10px,1.8vw,26px) !important;
  max-width:700px !important;
  padding:0 !important;
  background:transparent !important;
  border:none !important;
  backdrop-filter:none !important;
  box-shadow:none !important;
  text-align:left !important;
}
.about-copy .eyebrow,
.about-copy h2,
.about-copy p,
.about-stats,
.about-stats div,
.about-stats strong,
.about-stats span{
  text-align:left !important;
}
.about-copy h2{max-width:10ch !important;}
.about-copy p{max-width:50ch !important;}
.about-stats{justify-content:start !important;}

@media (max-width: 900px){
  .about-overlay-inner{
    min-height:470px !important;
    padding-top:58px !important;
    padding-bottom:52px !important;
    padding-left:clamp(32px,5vw,54px) !important;
    padding-right:20px !important;
  }
  .about-copy{margin-left:clamp(8px,1.4vw,14px) !important;}
}
@media (max-width: 640px){
  .about-bg{
    background-position:center center !important;
    background-size:cover !important;
    opacity:.98 !important;
    filter:saturate(.98) brightness(1.13) !important;
  }
  .about-bg-overlay{
    background:
      linear-gradient(180deg,rgba(6,7,10,.20) 0%,rgba(6,7,10,.28) 100%),
      linear-gradient(90deg,rgba(6,7,10,.32) 0%,rgba(6,7,10,.16) 46%,rgba(6,7,10,.26) 100%) !important;
  }
  .about-overlay-inner{
    min-height:340px !important;
    padding-top:42px !important;
    padding-bottom:34px !important;
    padding-left:22px !important;
    padding-right:12px !important;
  }
  .about-copy{margin-left:8px !important;}
  .about-copy h2{max-width:11ch !important;}
}
@media (max-width: 420px){
  .about-overlay-inner{
    min-height:310px !important;
    padding-top:36px !important;
    padding-bottom:28px !important;
    padding-left:18px !important;
    padding-right:10px !important;
  }
  .about-copy{margin-left:6px !important;}
}


/* ---------- v46 about section photo framing fix ---------- */
.about-bg{
  background-position:center 18% !important;
  background-size:cover !important;
  opacity:.97 !important;
  filter:saturate(.98) brightness(1.12) !important;
}
.about-overlay-inner{
  min-height:680px !important;
  padding-top:82px !important;
  padding-bottom:82px !important;
}
@media (max-width: 1200px){
  .about-bg{
    background-position:center 20% !important;
  }
  .about-overlay-inner{
    min-height:620px !important;
    padding-top:74px !important;
    padding-bottom:74px !important;
  }
}
@media (max-width: 900px){
  .about-bg{
    background-position:center 18% !important;
  }
  .about-overlay-inner{
    min-height:540px !important;
    padding-top:64px !important;
    padding-bottom:64px !important;
  }
}
@media (max-width: 640px){
  .about-bg{
    background-position:center 16% !important;
    background-size:cover !important;
    opacity:.99 !important;
    filter:saturate(.98) brightness(1.14) !important;
  }
  .about-overlay-inner{
    min-height:430px !important;
    padding-top:48px !important;
    padding-bottom:48px !important;
  }
}
@media (max-width: 420px){
  .about-bg{
    background-position:center 14% !important;
  }
  .about-overlay-inner{
    min-height:390px !important;
    padding-top:42px !important;
    padding-bottom:42px !important;
  }
}


/* ---------- v48 clean transparent icons, equal sizes ---------- */
.hero-points-wrap{background:#000 !important;}
.hero-points-wrap .container.hero-points-grid,
.hero-points-grid{background:#000 !important;}
.hero-point-item{background:#000 !important;}
.hero-point-icon{
  width:62px !important;
  height:62px !important;
  margin:0 auto 12px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:transparent !important;
  color:transparent !important;
}
.hero-point-icon img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  background:transparent !important;
}
.hero-point-icon svg{display:none !important;}
.hero-point-item h3{color:#d6a13a !important;}
@media(max-width:900px){.hero-point-icon{width:52px !important;height:52px !important;}}
@media(max-width:640px){.hero-point-icon{width:30px !important;height:30px !important;margin-bottom:6px !important;}}
@media(max-width:420px){.hero-point-icon{width:26px !important;height:26px !important;}}


/* ---------- v49 icon equalization + inventory carousel ---------- */
.hero-point-icon{
  width:62px !important;
  height:62px !important;
  margin:0 auto 14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:transparent !important;
}
.hero-point-icon img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  display:block !important;
  background:transparent !important;
}
@media(max-width:900px){.hero-point-icon{width:52px !important;height:52px !important;}}
@media(max-width:640px){.hero-point-icon{width:30px !important;height:30px !important;margin-bottom:6px !important;}}
@media(max-width:420px){.hero-point-icon{width:26px !important;height:26px !important;}}

.inventory-preview-section .section-head{margin-bottom:28px !important;}
.inventory-carousel-shell{position:relative;width:100%;}
.inventory-carousel{
  display:flex;
  gap:18px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  padding:4px 2px 14px;
  scrollbar-width:none;
}
.inventory-carousel::-webkit-scrollbar{display:none;}
.carousel-card{
  flex:0 0 clamp(320px,42vw,520px) !important;
  min-width:clamp(320px,42vw,520px) !important;
  scroll-snap-align:start;
  grid-template-columns:42% 58% !important;
  padding:13px !important;
  gap:14px !important;
  min-height:220px !important;
}
.carousel-card .inventory-cover{aspect-ratio:16/10 !important;}
.carousel-card .inventory-summary{row-gap:8px !important;}
.carousel-card .inventory-main .tag{font-size:9px !important;padding:5px 7px !important;margin-bottom:7px !important;}
.carousel-card .inventory-summary h3{font-size:18px !important;}
.carousel-card .inventory-variant{font-size:11px !important;}
.carousel-card .inventory-price{font-size:20px !important;}
.carousel-card .inventory-meta{font-size:11px !important;}
.carousel-card .green-badge{font-size:8px !important;padding:6px 8px !important;}
.carousel-card .inventory-open::after{content:" →";}
.carousel-control{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:5;
  width:40px;
  height:40px;
  border:1px solid rgba(217,146,31,.35);
  background:rgba(0,0,0,.62);
  color:var(--gold2);
  font-size:26px;
  cursor:pointer;
}
.carousel-prev{left:-14px;}
.carousel-next{right:-14px;}
.inventory-preview-actions{display:flex;justify-content:center;margin-top:18px;}
.subpage-main{padding-top:86px;}
.inventory-page-section{min-height:70vh;}
.inventory-page-section .section-head h1{font-family:Cormorant Garamond, Georgia, serif;font-size:clamp(42px,5vw,72px);line-height:1.02;margin:0;color:#fff;}
.full-inventory-list{margin-top:34px;}
@media(max-width:900px){
  .carousel-card{flex-basis:clamp(300px,70vw,500px) !important;min-width:clamp(300px,70vw,500px) !important;}
  .carousel-prev{left:4px}.carousel-next{right:4px}
}
@media(max-width:640px){
  .carousel-card{flex-basis:82vw !important;min-width:82vw !important;grid-template-columns:45% 55% !important;padding:10px !important;gap:10px !important;min-height:150px !important;}
  .carousel-card .inventory-summary h3{font-size:13px !important;}
  .carousel-card .inventory-price{font-size:14px !important;}
  .carousel-card .inventory-meta{font-size:8px !important;}
  .carousel-card .green-badge{font-size:6px !important;padding:4px 5px !important;}
  .carousel-control{width:32px;height:32px;font-size:20px;}
}


/* ---------- v50 carousel layout + mobile optimization ---------- */
:root{--mobile-side:16px;}
.hero-point-icon{width:62px!important;height:62px!important;margin:0 auto 14px!important;}
.hero-point-icon img{width:100%!important;height:100%!important;object-fit:contain!important;}
@media(max-width:640px){.hero-point-icon{width:34px!important;height:34px!important;margin-bottom:7px!important;}}
@media(max-width:420px){.hero-point-icon{width:30px!important;height:30px!important;}}

.inventory-preview-section{padding-top:86px!important;padding-bottom:88px!important;background:#08090d!important;}
.inventory-preview-section .section-head{margin-bottom:34px!important;}
.inventory-carousel-shell{position:relative;width:100%;padding:0 64px;}
.inventory-carousel{display:flex!important;gap:28px!important;overflow-x:auto!important;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:0 0 16px!important;scrollbar-width:none;}
.inventory-carousel::-webkit-scrollbar{display:none;}
.carousel-card{display:block!important;flex:0 0 calc((100% - 56px)/3)!important;min-width:calc((100% - 56px)/3)!important;scroll-snap-align:start!important;padding:0!important;gap:0!important;min-height:0!important;border:1px solid rgba(255,255,255,.12)!important;background:#101116!important;box-shadow:none!important;}
.carousel-card:hover{transform:none!important;border-color:rgba(217,146,31,.38)!important;box-shadow:0 28px 80px rgba(0,0,0,.36)!important;}
.carousel-card .inventory-cover{width:100%!important;aspect-ratio:16/9!important;background:#08090d!important;cursor:pointer!important;}
.carousel-card .inventory-cover img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;border:0!important;background:#08090d!important;}
.carousel-card .inventory-summary{display:block!important;padding:24px 26px 28px!important;min-height:178px!important;background:#101116!important;}
.carousel-card .inventory-main .tag{display:inline-block!important;font-size:12px!important;letter-spacing:.16em!important;padding:9px 13px!important;margin:0 0 17px!important;color:var(--gold2)!important;border-color:rgba(239,180,88,.42)!important;}
.carousel-card .inventory-summary h3{font-size:clamp(20px,1.6vw,26px)!important;line-height:1.08!important;margin:0 0 14px!important;color:#f2ede3!important;}
.carousel-card .inventory-variant,.carousel-card .inventory-meta,.carousel-card .inventory-badges,.carousel-card .inventory-open{display:none!important;}
.carousel-card .inventory-price-wrap{display:block!important;text-align:left!important;}
.carousel-card .inventory-price{font-size:clamp(32px,3vw,48px)!important;line-height:1!important;margin:0!important;color:#efb458!important;letter-spacing:-.045em!important;}
.carousel-control{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;z-index:5;width:52px!important;height:52px!important;border:1px solid rgba(255,255,255,.16)!important;background:rgba(12,13,18,.82)!important;color:#fff!important;font-size:36px!important;line-height:1!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:background .22s ease,border-color .22s ease,color .22s ease;}
.carousel-control:hover{background:rgba(217,146,31,.12)!important;border-color:rgba(217,146,31,.55)!important;color:var(--gold2)!important;}
.carousel-prev{left:0!important;}.carousel-next{right:0!important;}
.carousel-indicator{display:flex;justify-content:center;margin:8px 0 0;}
.carousel-indicator span{width:24px;height:8px;border-radius:999px;background:var(--gold2);display:block;}
.inventory-preview-actions{margin-top:22px!important;}

.whatsapp-float{position:fixed!important;right:24px!important;bottom:24px!important;left:auto!important;top:auto!important;z-index:999!important;width:58px!important;height:58px!important;border-radius:50%!important;background:transparent!important;}
.whatsapp-float-logo,.whatsapp-float img{width:56px!important;height:56px!important;object-fit:contain!important;}

@media(max-width:1024px){
  .inventory-carousel-shell{padding:0 56px;}
  .inventory-carousel{gap:22px!important;}
  .carousel-card{flex-basis:calc((100% - 22px)/2)!important;min-width:calc((100% - 22px)/2)!important;}
  .carousel-card .inventory-summary{padding:20px 22px 24px!important;min-height:160px!important;}
  .carousel-card .inventory-price{font-size:34px!important;}
}

@media(max-width:640px){
  body{font-size:14px!important;line-height:1.55!important;}
  .container{width:calc(100% - 28px)!important;}
  .site-header{height:74px!important;padding:0 14px!important;}
  .brand{min-width:0!important;gap:9px!important;}
  .brand img{height:42px!important;width:auto!important;}
  .brand strong{font-size:14px!important;letter-spacing:.12em!important;}
  .brand small{font-size:8px!important;letter-spacing:.18em!important;}
  .nav-toggle{width:44px!important;height:44px!important;}

  .hero{min-height:520px!important;height:calc(100vw * 9 / 16 + 210px)!important;}
  .hero-inner{padding-top:84px!important;padding-bottom:126px!important;padding-left:20px!important;padding-right:12px!important;}
  .hero-copy{width:48vw!important;max-width:48vw!important;margin-left:6px!important;}
  .hero-copy .eyebrow{font-size:7px!important;letter-spacing:.14em!important;margin-bottom:6px!important;}
  .hero-copy h1{font-size:clamp(22px,7vw,32px)!important;line-height:1.02!important;}
  .hero-copy .lead{font-size:9px!important;line-height:1.35!important;max-width:43vw!important;margin:10px 0 12px!important;}
  .hero-actions .btn{font-size:7px!important;padding:8px 10px!important;}
  .hero-point-item{min-height:112px!important;padding:12px 6px 12px!important;}
  .hero-point-item h3{font-size:7.1px!important;line-height:1.18!important;margin-bottom:5px!important;letter-spacing:.035em!important;}
  .hero-point-item p{font-size:6.4px!important;line-height:1.28!important;}

  .section{padding:58px 0!important;}
  .section-head{margin-bottom:24px!important;}
  .section-head h2,.about-copy h2{font-size:clamp(32px,10vw,44px)!important;line-height:1.02!important;}
  .section-head p,.about-copy p{font-size:13px!important;line-height:1.52!important;}
  .about-overlay-inner{min-height:450px!important;padding-top:52px!important;padding-bottom:52px!important;padding-left:20px!important;padding-right:14px!important;}
  .about-copy{margin-left:6px!important;max-width:58vw!important;}
  .about-stats{gap:10px!important;margin-top:16px!important;}
  .about-stats strong{font-size:22px!important;}
  .about-stats span{font-size:9px!important;}

  .inventory-preview-section{padding-top:58px!important;padding-bottom:64px!important;}
  .inventory-carousel-shell{padding:0 38px!important;}
  .inventory-carousel{gap:14px!important;padding-bottom:12px!important;}
  .carousel-card{flex-basis:100%!important;min-width:100%!important;}
  .carousel-card .inventory-cover{aspect-ratio:16/9!important;}
  .carousel-card .inventory-summary{padding:15px 16px 18px!important;min-height:126px!important;}
  .carousel-card .inventory-main .tag{font-size:8px!important;padding:6px 8px!important;margin-bottom:10px!important;}
  .carousel-card .inventory-summary h3{font-size:17px!important;line-height:1.12!important;margin-bottom:10px!important;}
  .carousel-card .inventory-price{font-size:27px!important;}
  .carousel-control{width:34px!important;height:44px!important;font-size:30px!important;}
  .carousel-prev{left:0!important;}.carousel-next{right:0!important;}
  .carousel-indicator span{width:22px;height:7px;}

  .inventory-card{grid-template-columns:45% 55%!important;gap:9px!important;padding:10px!important;}
  .inventory-cover{aspect-ratio:4/3!important;}
  .inventory-summary h3{font-size:13px!important;line-height:1.16!important;}
  .inventory-price{font-size:15px!important;}
  .inventory-meta{font-size:8.5px!important;line-height:1.25!important;}
  .green-badge{font-size:6.2px!important;padding:4px 5px!important;}
  .inventory-open{font-size:6.5px!important;padding:6px 7px!important;}

  .contact-box{grid-template-columns:1fr!important;gap:22px!important;}
  .inquiry-form{padding:18px!important;gap:12px!important;}
  .form-row.two{grid-template-columns:1fr!important;}
  .inquiry-form input,.inquiry-form textarea{font-size:14px!important;padding:12px!important;}
  .form-actions{display:grid!important;grid-template-columns:1fr!important;}
  .form-actions .btn,.whatsapp-inline{width:100%!important;}
  .site-footer{padding-top:40px!important;}
  .footer-grid{grid-template-columns:1fr 1fr!important;gap:22px 16px!important;}
  .footer-bottom{font-size:11px!important;}
  .whatsapp-float{right:14px!important;bottom:14px!important;width:46px!important;height:46px!important;}
  .whatsapp-float-logo,.whatsapp-float img{width:44px!important;height:44px!important;}
}

@media(max-width:390px){
  .hero-copy h1{font-size:21px!important;}
  .hero-copy .lead{font-size:8px!important;}
  .hero-point-item h3{font-size:6.4px!important;}
  .hero-point-item p{font-size:5.8px!important;}
  .carousel-card .inventory-summary h3{font-size:15px!important;}
  .carousel-card .inventory-price{font-size:24px!important;}
  .footer-grid{grid-template-columns:1fr!important;}
}


/* ---------- v51 precision fixes: sticky menu, smaller logo, quality row, carousel, mobile ---------- */
html{scroll-padding-top:86px;}
.site-header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:5000!important;
  height:76px!important;
  background:rgba(5,6,9,.86)!important;
  backdrop-filter:blur(18px)!important;
}
.site-header.scrolled{height:68px!important;background:rgba(5,6,9,.96)!important;}
.brand{padding:6px 12px 6px 7px!important;gap:12px!important;}
.brand img{width:66px!important;height:auto!important;max-height:50px!important;object-fit:contain!important;}
.brand strong{font-size:15px!important;}
.brand small{font-size:8.5px!important;margin-top:5px!important;}

/* Keep the black strip full-width but bring the 4 quality points closer together */
.hero-points-wrap{background:#000!important;display:flex!important;justify-content:center!important;}
.hero-points-wrap .container.hero-points-grid,
.hero-points-grid{
  width:min(1120px, calc(100% - 64px))!important;
  max-width:1120px!important;
  margin:0 auto!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  background:#000!important;
}
.hero-point-item{
  min-height:136px!important;
  padding:20px 24px 22px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
  background:#000!important;
  border-left:1px solid rgba(255,255,255,.08)!important;
}
.hero-point-item:first-child{border-left:0!important;}
.hero-point-icon{width:54px!important;height:54px!important;margin:0 auto 12px!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.hero-point-icon img{width:100%!important;height:100%!important;object-fit:contain!important;}
.hero-point-item h3{font-size:11px!important;line-height:1.16!important;letter-spacing:.075em!important;color:#d6a13a!important;margin-bottom:8px!important;text-align:center!important;}
.hero-point-item p{font-size:11px!important;line-height:1.38!important;max-width:23ch!important;color:#e8e0d0!important;text-align:center!important;margin:0 auto!important;}

/* Inventory carousel: 3 premium cards, smaller text and price, using compressed thumb.webp */
.inventory-preview-section{padding-top:78px!important;padding-bottom:82px!important;}
.inventory-preview-section .section-head{margin-bottom:32px!important;}
.inventory-carousel-shell{max-width:1320px!important;margin:0 auto!important;padding:0 72px!important;}
.inventory-carousel{gap:26px!important;}
.carousel-card{
  flex-basis:calc((100% - 52px)/3)!important;
  min-width:calc((100% - 52px)/3)!important;
  background:#101116!important;
}
.carousel-card .inventory-cover{aspect-ratio:16/9!important;}
.carousel-card .inventory-summary{padding:20px 22px 22px!important;min-height:148px!important;}
.carousel-card .inventory-main .tag{font-size:10px!important;letter-spacing:.14em!important;padding:7px 10px!important;margin:0 0 12px!important;}
.carousel-card .inventory-summary h3{font-size:clamp(17px,1.35vw,22px)!important;line-height:1.12!important;margin:0 0 11px!important;letter-spacing:-.025em!important;}
.carousel-card .inventory-price{font-size:clamp(24px,2.05vw,34px)!important;line-height:1!important;letter-spacing:-.04em!important;}
.carousel-control{width:46px!important;height:46px!important;font-size:31px!important;}
.carousel-prev{left:10px!important;}.carousel-next{right:10px!important;}
.carousel-indicator{margin-top:6px!important;}

/* WhatsApp fixed back to bottom-right */
.whatsapp-float{position:fixed!important;right:26px!important;bottom:26px!important;left:auto!important;top:auto!important;z-index:6000!important;width:56px!important;height:56px!important;background:transparent!important;border:0!important;}
.whatsapp-float-logo,.whatsapp-float img{width:54px!important;height:54px!important;object-fit:contain!important;}

@media(max-width:1024px){
  .hero-points-wrap .container.hero-points-grid,.hero-points-grid{width:min(960px, calc(100% - 40px))!important;}
  .hero-point-item{padding:18px 16px 20px!important;}
  .hero-point-item h3{font-size:10px!important;}
  .hero-point-item p{font-size:10px!important;}
  .inventory-carousel-shell{padding:0 58px!important;}
  .inventory-carousel{gap:22px!important;}
  .carousel-card{flex-basis:calc((100% - 22px)/2)!important;min-width:calc((100% - 22px)/2)!important;}
  .carousel-card .inventory-price{font-size:28px!important;}
}

@media(max-width:640px){
  html{scroll-padding-top:76px;}
  body{font-size:15px!important;line-height:1.55!important;}
  .site-header{height:68px!important;padding:0 12px!important;}
  .site-header.scrolled{height:64px!important;}
  .brand{padding:5px 8px 5px 6px!important;gap:8px!important;}
  .brand img{width:48px!important;max-height:38px!important;}
  .brand strong{font-size:12px!important;letter-spacing:.11em!important;}
  .brand small{font-size:7px!important;letter-spacing:.16em!important;}

  .hero{min-height:620px!important;height:auto!important;}
  .hero-inner{padding-top:88px!important;padding-bottom:128px!important;}
  .hero-copy{width:62vw!important;max-width:62vw!important;}
  .hero-copy h1{font-size:clamp(27px,8.2vw,38px)!important;line-height:1.03!important;}
  .hero-copy .lead{font-size:12px!important;line-height:1.42!important;max-width:58vw!important;}
  .hero-actions .btn{font-size:8.5px!important;padding:9px 12px!important;}

  /* Mobile quality points: 2 rows, readable */
  .hero-points-wrap .container.hero-points-grid,.hero-points-grid{
    width:100%!important;
    max-width:none!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .hero-point-item{min-height:128px!important;padding:16px 12px 15px!important;border-top:1px solid rgba(255,255,255,.08)!important;}
  .hero-point-item:nth-child(odd){border-left:0!important;}
  .hero-point-icon{width:40px!important;height:40px!important;margin-bottom:9px!important;}
  .hero-point-item h3{font-size:10px!important;line-height:1.16!important;margin-bottom:7px!important;letter-spacing:.06em!important;}
  .hero-point-item p{font-size:10px!important;line-height:1.34!important;max-width:24ch!important;}

  .section{padding:64px 0!important;}
  .section-head h2,.about-copy h2{font-size:clamp(34px,10vw,46px)!important;}
  .section-head p,.about-copy p{font-size:14px!important;}

  /* Mobile How we work: 2 rows */
  .process-simple-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  .simple-step img{aspect-ratio:16/11!important;}
  .simple-step div{padding:12px!important;}
  .simple-step h3{font-size:10px!important;line-height:1.18!important;}
  .simple-step p{font-size:9px!important;line-height:1.35!important;}
  .num{font-size:10px!important;margin-bottom:6px!important;}

  .inventory-preview-section{padding-top:60px!important;padding-bottom:68px!important;}
  .inventory-carousel-shell{padding:0 38px!important;}
  .inventory-carousel{gap:14px!important;}
  .carousel-card{flex-basis:100%!important;min-width:100%!important;}
  .carousel-card .inventory-summary{padding:14px 15px 16px!important;min-height:116px!important;}
  .carousel-card .inventory-main .tag{font-size:8px!important;padding:5px 7px!important;margin-bottom:8px!important;}
  .carousel-card .inventory-summary h3{font-size:16px!important;line-height:1.12!important;margin-bottom:8px!important;}
  .carousel-card .inventory-price{font-size:22px!important;}
  .carousel-control{width:32px!important;height:42px!important;font-size:27px!important;}
  .carousel-prev{left:0!important;}.carousel-next{right:0!important;}
  .whatsapp-float{right:14px!important;bottom:14px!important;width:46px!important;height:46px!important;}
  .whatsapp-float-logo,.whatsapp-float img{width:44px!important;height:44px!important;}
}

@media(max-width:390px){
  .hero-copy{width:66vw!important;max-width:66vw!important;}
  .hero-copy h1{font-size:25px!important;}
  .hero-copy .lead{font-size:11px!important;max-width:62vw!important;}
  .hero-point-item{min-height:124px!important;padding:14px 8px!important;}
  .hero-point-icon{width:36px!important;height:36px!important;}
  .hero-point-item h3{font-size:9px!important;}
  .hero-point-item p{font-size:9px!important;}
  .simple-step h3{font-size:9px!important;}
  .simple-step p{font-size:8.5px!important;}
}


/* ---------- v52 lighter car title and price typography ---------- */
/* General inventory price: lighter, cleaner and less chunky */
.inventory-price{
  font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif !important;
  font-weight:500 !important;
  letter-spacing:-.01em !important;
  color:#efb458 !important;
  line-height:1.12 !important;
}
.inventory-price-wrap{font-weight:500 !important;}

/* Homepage carousel: price and car title refined */
.carousel-card .inventory-summary h3{
  font-weight:600 !important;
  letter-spacing:-.012em !important;
  line-height:1.16 !important;
}
.carousel-card .inventory-price{
  font-size:clamp(20px,1.65vw,28px) !important;
  font-weight:500 !important;
  letter-spacing:-.012em !important;
  line-height:1.12 !important;
}
.carousel-card .inventory-summary{min-height:138px !important;}

/* Full inventory page cards: keep premium, but lighter and more readable */
.inventory-card:not(.carousel-card) .inventory-summary h3{
  font-weight:600 !important;
  letter-spacing:-.012em !important;
  line-height:1.16 !important;
}
.inventory-card:not(.carousel-card) .inventory-price{
  font-size:clamp(18px,2.05vw,27px) !important;
  font-weight:500 !important;
  letter-spacing:-.008em !important;
  line-height:1.12 !important;
}

/* Individual car page: make car name and price less heavy */
.detail-info h1{
  font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif !important;
  font-size:clamp(24px,2.25vw,34px) !important;
  font-weight:600 !important;
  line-height:1.14 !important;
  letter-spacing:-.018em !important;
  margin-top:12px !important;
}
.detail-info .inventory-price{
  font-size:clamp(22px,2.15vw,32px) !important;
  font-weight:500 !important;
  letter-spacing:-.012em !important;
  line-height:1.14 !important;
  margin:14px 0 14px !important;
}
.detail-info .inventory-variant{
  font-weight:500 !important;
}

@media(max-width:900px){
  .carousel-card .inventory-price{font-size:24px !important;}
  .inventory-card:not(.carousel-card) .inventory-price{font-size:22px !important;}
  .detail-info h1{font-size:28px !important;}
  .detail-info .inventory-price{font-size:26px !important;}
}
@media(max-width:640px){
  .carousel-card .inventory-price{font-size:19px !important;}
  .carousel-card .inventory-summary h3{font-size:15px !important;}
  .inventory-card:not(.carousel-card) .inventory-price{font-size:16px !important;}
  .inventory-card:not(.carousel-card) .inventory-summary h3{font-size:15px !important;}
  .detail-info h1{font-size:22px !important;line-height:1.15 !important;}
  .detail-info .inventory-price{font-size:21px !important;margin:10px 0 12px !important;}
}
@media(max-width:420px){
  .carousel-card .inventory-price{font-size:18px !important;}
  .carousel-card .inventory-summary h3{font-size:14px !important;}
  .inventory-card:not(.carousel-card) .inventory-price{font-size:15px !important;}
  .detail-info h1{font-size:20px !important;}
  .detail-info .inventory-price{font-size:20px !important;}
}


/* ---------- v53 smaller, lighter pricing + carousel same-row title/price ---------- */
/* Homepage carousel: keep car name and price on one clean row */
.carousel-card .inventory-summary{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) max-content !important;
  column-gap:12px !important;
  row-gap:6px !important;
  align-items:end !important;
  padding:18px 20px 20px !important;
  min-height:104px !important;
}
.carousel-card .inventory-main{
  min-width:0 !important;
}
.carousel-card .inventory-main .tag{
  display:block !important;
  width:max-content !important;
  font-size:8.5px !important;
  padding:5px 8px !important;
  margin:0 0 9px !important;
  letter-spacing:.13em !important;
  font-weight:700 !important;
}
.carousel-card .inventory-summary h3{
  font-size:clamp(15px,1.05vw,18px) !important;
  font-weight:500 !important;
  line-height:1.18 !important;
  letter-spacing:-.005em !important;
  margin:0 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  color:#f2ede3 !important;
}
.carousel-card .inventory-price-wrap{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:flex-end !important;
  text-align:right !important;
  min-width:max-content !important;
  padding-bottom:1px !important;
}
.carousel-card .inventory-price{
  font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif !important;
  font-size:clamp(14px,.95vw,17px) !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
  line-height:1.15 !important;
  color:#e8b15a !important;
  margin:0 !important;
  white-space:nowrap !important;
}

/* Full inventory cards: lighter and smaller price */
.inventory-card:not(.carousel-card) .inventory-summary h3{
  font-weight:500 !important;
  letter-spacing:-.004em !important;
}
.inventory-card:not(.carousel-card) .inventory-price{
  font-size:clamp(16px,1.55vw,22px) !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
  color:#e8b15a !important;
}

/* Individual car page: reduce chunky title and price */
.detail-info h1{
  font-size:clamp(22px,1.8vw,29px) !important;
  font-weight:500 !important;
  line-height:1.18 !important;
  letter-spacing:-.006em !important;
  margin-top:10px !important;
}
.detail-info .inventory-price{
  font-size:clamp(18px,1.6vw,24px) !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
  line-height:1.2 !important;
  margin:10px 0 14px !important;
  color:#e8b15a !important;
}
.detail-meta{font-weight:600 !important;}

@media(max-width:900px){
  .carousel-card .inventory-summary{padding:16px 18px 18px !important;min-height:98px !important;column-gap:10px !important;}
  .carousel-card .inventory-summary h3{font-size:15px !important;}
  .carousel-card .inventory-price{font-size:14px !important;}
  .inventory-card:not(.carousel-card) .inventory-price{font-size:19px !important;}
  .detail-info h1{font-size:25px !important;}
  .detail-info .inventory-price{font-size:21px !important;}
}
@media(max-width:640px){
  .carousel-card .inventory-summary{padding:12px 13px 14px !important;min-height:82px !important;column-gap:8px !important;}
  .carousel-card .inventory-main .tag{font-size:7px !important;padding:4px 6px !important;margin-bottom:6px !important;}
  .carousel-card .inventory-summary h3{font-size:13px !important;}
  .carousel-card .inventory-price{font-size:12.5px !important;}
  .inventory-card:not(.carousel-card) .inventory-price{font-size:15px !important;}
  .detail-info h1{font-size:20px !important;line-height:1.18 !important;}
  .detail-info .inventory-price{font-size:18px !important;margin:8px 0 10px !important;}
}
@media(max-width:420px){
  .carousel-card .inventory-summary{padding:11px 12px 13px !important;}
  .carousel-card .inventory-summary h3{font-size:12.5px !important;}
  .carousel-card .inventory-price{font-size:12px !important;}
  .detail-info h1{font-size:19px !important;}
  .detail-info .inventory-price{font-size:17px !important;}
}


/* ---------- v54 performance optimization: WebP + lazy below-the-fold assets ---------- */
.about-overlay-section:not(.bg-loaded) .about-bg{background-image:none!important;}
.about-overlay-section.bg-loaded .about-bg{background-image:url("assets/about-showroom-bg.webp")!important;}
.brand img{content:url("assets/horse-logo-user.webp");}
.footer-brand img{content:url("assets/horse-logo-user.webp");}
.whatsapp-float-logo,.whatsapp-float img{content:url("assets/whatsapp-custom.webp");}
.carousel-card img,.inventory-card img,.detail-thumb img,.detail-main-photo img{content-visibility:auto;}


/* ---------- v55 high-quality on-click car photo slideshow ---------- */
.no-scroll{overflow:hidden !important;}
.detail-main-photo{
  position:relative !important;
  width:100% !important;
  padding:0 !important;
  border:1px solid rgba(217,146,31,.22) !important;
  cursor:zoom-in !important;
}
button.detail-main-photo{font:inherit;color:inherit;text-align:inherit;appearance:none;-webkit-appearance:none;}
.detail-main-photo::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 62%,rgba(0,0,0,.42));
  opacity:0;
  transition:opacity .25s var(--ease);
  pointer-events:none;
}
.detail-main-photo:hover::after{opacity:1;}
.hq-photo-badge{
  position:absolute;
  right:14px;
  bottom:14px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 11px;
  border:1px solid rgba(217,146,31,.42);
  background:rgba(5,6,9,.72);
  color:var(--gold2);
  font-size:9px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  opacity:.9;
  backdrop-filter:blur(10px);
}
.detail-main-photo:hover .hq-photo-badge{background:rgba(217,146,31,.92);color:#111;border-color:rgba(217,146,31,.92);}
.hq-lightbox{
  position:fixed;
  inset:0;
  z-index:10000;
  display:none;
  align-items:center;
  justify-content:center;
  background:rgba(3,4,7,.96);
  backdrop-filter:blur(8px);
}
.hq-lightbox.open{display:flex;animation:fadeIn .18s ease both;}
.hq-lightbox-stage{
  position:relative;
  width:min(94vw,1500px);
  height:86vh;
  display:flex;
  align-items:center;
  justify-content:center;
}
.hq-lightbox-image{
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
  opacity:0;
  transform:scale(.985);
  transition:opacity .22s ease, transform .22s ease;
  box-shadow:0 32px 100px rgba(0,0,0,.7);
}
.hq-lightbox-image.loaded{opacity:1;transform:scale(1);}
.hq-lightbox-loader{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:1;
  display:none;
  padding:10px 14px;
  border:1px solid rgba(217,146,31,.28);
  background:rgba(8,9,13,.82);
  color:var(--gold2);
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.hq-lightbox-loader.visible{display:block;}
.hq-lightbox-close,.hq-lightbox-nav{
  position:absolute;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.06);
  color:#fff;
  cursor:pointer;
  transition:.22s var(--ease);
}
.hq-lightbox-close:hover,.hq-lightbox-nav:hover{background:var(--gold);color:#111;border-color:var(--gold);}
.hq-lightbox-close{top:22px;right:22px;width:46px;height:46px;border-radius:50%;font-size:24px;line-height:1;}
.hq-lightbox-nav{top:50%;transform:translateY(-50%);width:54px;height:54px;border-radius:50%;font-size:34px;line-height:1;}
.hq-lightbox-prev{left:24px;}.hq-lightbox-next{right:24px;}
.hq-lightbox-count{
  position:absolute;
  left:50%;
  bottom:24px;
  transform:translateX(-50%);
  z-index:3;
  color:rgba(242,237,227,.78);
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
}
@media(max-width:640px){
  .hq-photo-badge{right:8px;bottom:8px;font-size:7px;padding:6px 8px;letter-spacing:.08em;}
  .hq-lightbox-stage{width:96vw;height:78vh;}
  .hq-lightbox-close{top:12px;right:12px;width:40px;height:40px;font-size:22px;}
  .hq-lightbox-nav{width:40px;height:46px;border-radius:999px;font-size:28px;background:rgba(0,0,0,.42);}
  .hq-lightbox-prev{left:8px;}.hq-lightbox-next{right:8px;}
  .hq-lightbox-count{bottom:16px;font-size:10px;}
}

/* ---------- v57 HQ fallback photo handling ---------- */
.detail-thumb.missing-photo{display:none !important;}
.detail-thumb img[style*="visibility: hidden"]{display:none !important;}


/* ---------- v59 cursor cleanup + reliable detail slideshow ---------- */
.inventory-card,
.inventory-card img,
.inventory-cover,
.inventory-cover img,
.inventory-slide,
.inventory-slide img,
.carousel-card,
.carousel-card img,
.carousel-card .inventory-cover,
.carousel-card .inventory-cover img{
  cursor:pointer !important;
}
.detail-page .detail-main-photo,
.detail-page .detail-main-photo img,
.detail-page .detail-thumb,
.detail-page .detail-thumb img{
  cursor:zoom-in !important;
}
.detail-page .detail-thumb.missing-photo{display:none !important;}
.hq-lightbox.open{display:flex !important;}
.hq-lightbox-image.loaded{opacity:1 !important; transform:scale(1) !important;}

/* ---------- v60 reliable car detail photo lightbox ---------- */
.car-photo-lightbox{position:fixed;inset:0;z-index:20000;display:none;align-items:center;justify-content:center;background:rgba(3,4,7,.96);backdrop-filter:blur(8px)}
.car-photo-lightbox.open{display:flex!important;animation:fadeIn .18s ease both}
.car-photo-lightbox-stage{position:relative;width:min(94vw,1500px);height:86vh;display:flex;align-items:center;justify-content:center}
.car-photo-lightbox-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;opacity:0;transform:scale(.985);transition:opacity .22s ease,transform .22s ease;box-shadow:0 32px 100px rgba(0,0,0,.7)}
.car-photo-lightbox-image.loaded{opacity:1!important;transform:scale(1)!important}
.car-photo-lightbox-loader{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;display:none;padding:10px 14px;border:1px solid rgba(217,146,31,.28);background:rgba(8,9,13,.82);color:var(--gold2);font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.car-photo-lightbox-loader.visible{display:block}
.car-photo-lightbox-close,.car-photo-lightbox-nav{position:absolute;z-index:3;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;cursor:pointer;transition:.22s var(--ease)}
.car-photo-lightbox-close:hover,.car-photo-lightbox-nav:hover{background:var(--gold);color:#111;border-color:var(--gold)}
.car-photo-lightbox-close{top:22px;right:22px;width:46px;height:46px;border-radius:50%;font-size:24px;line-height:1}
.car-photo-lightbox-nav{top:50%;transform:translateY(-50%);width:54px;height:54px;border-radius:50%;font-size:34px;line-height:1}
.car-photo-lightbox-prev{left:24px}.car-photo-lightbox-next{right:24px}
.car-photo-lightbox-count{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);z-index:3;color:rgba(242,237,227,.78);font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.detail-page .detail-main-photo,.detail-page .detail-main-photo img,.detail-page .detail-thumb,.detail-page .detail-thumb img{cursor:zoom-in!important}
body:not(.detail-page) .inventory-cover,body:not(.detail-page) .inventory-cover img,body:not(.detail-page) .inventory-slide,body:not(.detail-page) .inventory-slide img{cursor:pointer!important}
@media(max-width:640px){.car-photo-lightbox-stage{width:96vw;height:78vh}.car-photo-lightbox-close{top:12px;right:12px;width:40px;height:40px;font-size:22px}.car-photo-lightbox-nav{width:40px;height:46px;border-radius:999px;font-size:28px;background:rgba(0,0,0,.42)}.car-photo-lightbox-prev{left:8px}.car-photo-lightbox-next{right:8px}.car-photo-lightbox-count{bottom:16px;font-size:10px}}

/* ---------- v61 car detail: no enlarge system, bigger main HQ photo, auto-HQ gallery ---------- */
.detail-page .detail-main-photo,
.detail-page .detail-main-photo img{
  cursor:default !important;
}
.detail-page .detail-main-photo::after,
.detail-page .hq-photo-badge,
.detail-page .car-photo-lightbox,
.detail-page .hq-lightbox{
  display:none !important;
  content:none !important;
}
.detail-page .detail-thumb,
.detail-page .detail-thumb img{
  cursor:pointer !important;
}
.detail-page .detail-thumb.missing-photo{display:none !important;}
.detail-page .detail-main-photo{border-color:rgba(217,146,31,.26) !important;}

@media (min-width:901px){
  .detail-page .car-detail.container{
    max-width:min(1540px, calc(100% - 48px)) !important;
  }
  .detail-page .car-detail{
    padding:clamp(16px,1.7vw,26px) !important;
  }
  .detail-page .car-detail-layout{
    grid-template-columns:minmax(0,68%) minmax(310px,32%) !important;
    gap:clamp(18px,2vw,30px) !important;
    align-items:start !important;
  }
  .detail-page .detail-main-photo{
    aspect-ratio:16/9 !important;
    min-height:min(560px, 64vh) !important;
    max-height:72vh !important;
  }
  .detail-page .detail-main-photo img{
    object-fit:contain !important;
  }
  .detail-page .detail-thumbs{
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
    gap:8px !important;
    max-height:260px !important;
  }
  .detail-page .detail-info{
    min-width:0 !important;
    padding-top:2px !important;
  }
  .detail-page .detail-info h1{
    font-size:clamp(24px,2vw,34px) !important;
    line-height:1.08 !important;
    letter-spacing:-.025em !important;
    font-weight:600 !important;
  }
  .detail-page .detail-info .inventory-price{
    font-size:clamp(18px,1.55vw,26px) !important;
    font-weight:500 !important;
    line-height:1.08 !important;
    margin:10px 0 12px !important;
  }
  .detail-page .detail-meta{
    font-size:13px !important;
    line-height:1.45 !important;
    font-weight:500 !important;
    margin:10px 0 14px !important;
  }
  .detail-page .detail-description{
    font-size:13px !important;
    line-height:1.55 !important;
    margin-bottom:14px !important;
  }
  .detail-page .detail-badges{margin-bottom:14px !important;}
  .detail-page .detail-info h2{
    margin:18px 0 12px !important;
    font-size:12px !important;
  }
  .detail-page .detail-features{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }
  .detail-page .detail-features li{
    font-size:13px !important;
    line-height:1.32 !important;
  }
}

/* ---------- v56 user corrections: blue theme, clean logo, legal footer, responsive quality row ---------- */
:root{
  --brand-blue:#082b5c;
  --brand-blue-dark:#041a38;
  --brand-blue-deep:#031226;
  --brand-blue-soft:#0c376e;
  --bg:#041a38;
  --panel:#082b5c;
  --panel2:#0c376e;
  --text:#f5f7fb;
  --muted:#c6d3e4;
  --gold:#f6a313;
  --gold2:#ffb33e;
  --line:rgba(176,210,255,.16);
  --shadow:0 34px 110px rgba(1,10,25,.54);
}
html,body{background:var(--brand-blue-dark)!important;}
body{color:var(--text)!important;}

/* Clean header logo: no box border, no logo glow/shadow. */
.brand{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:4px 0!important;
}
.brand img,.footer-brand img{
  filter:none!important;
  box-shadow:none!important;
}
.site-header{
  background:rgba(4,26,56,.88)!important;
  border-bottom:1px solid rgba(176,210,255,.14)!important;
}
.site-header.scrolled{background:rgba(3,18,38,.96)!important;}
.nav.open{background:rgba(4,26,56,.98)!important;border-color:rgba(176,210,255,.18)!important;}
.nav a:hover,.lang.active,.eyebrow,.footer-grid h3{color:var(--gold2)!important;}

.page-bg{
  background-image:linear-gradient(180deg,rgba(4,26,56,.78),rgba(3,18,38,.82)),url("assets/hero.webp")!important;
  filter:saturate(.92) contrast(1) brightness(.74)!important;
  opacity:.42!important;
}
.hero,.services,.inventory,.inventory-preview-section,.contact,.footer,.site-footer,.subpage-main{
  background:var(--brand-blue-dark)!important;
}
.hero-bg{background-color:var(--brand-blue-dark)!important;}
.hero-overlay{
  background:
    linear-gradient(90deg,rgba(4,26,56,.92) 0%,rgba(6,36,76,.68) 32%,rgba(6,36,76,.24) 64%,rgba(4,26,56,.28) 100%),
    linear-gradient(to bottom,rgba(4,26,56,.08),rgba(4,26,56,.12) 56%,rgba(4,26,56,.86))!important;
}
.process{
  background:radial-gradient(circle at 50% 0,rgba(246,163,19,.11),transparent 32%),linear-gradient(180deg,var(--brand-blue),var(--brand-blue-dark))!important;
}
.about-overlay-section{background:var(--brand-blue-dark)!important;}
.about-bg-overlay{
  background:
    linear-gradient(180deg,rgba(4,26,56,.18) 0%,rgba(4,26,56,.30) 50%,rgba(4,26,56,.44) 100%),
    linear-gradient(90deg,rgba(4,26,56,.48) 0%,rgba(4,26,56,.18) 45%,rgba(4,26,56,.34) 100%)!important;
}
.hero-points-wrap,
.hero-points-wrap .container.hero-points-grid,
.hero-points-grid,
.hero-point-item{
  background:linear-gradient(180deg,var(--brand-blue),var(--brand-blue-dark))!important;
}
.hero-points-wrap{border-top:1px solid rgba(176,210,255,.14)!important;}
.hero-point-item{border-color:rgba(176,210,255,.14)!important;overflow:visible!important;min-height:auto!important;height:auto!important;}
.hero-point-item h3{color:var(--gold2)!important;overflow-wrap:break-word!important;hyphens:auto!important;}
.hero-point-item p{color:#dbe6f5!important;overflow-wrap:break-word!important;hyphens:auto!important;}

.inventory-card,.carousel-card,.simple-step,.contact-box,.inquiry-form,.legal-page main.legal-content,.detail-card,.detail-info,.detail-gallery{
  background:linear-gradient(135deg,rgba(12,55,110,.82),rgba(4,26,56,.92))!important;
  border-color:rgba(176,210,255,.16)!important;
}
.carousel-card .inventory-summary{background:rgba(4,26,56,.96)!important;}
.inventory-cover,.detail-main-photo,.detail-thumb{background:rgba(3,18,38,.82)!important;border-color:rgba(246,163,19,.28)!important;}
.inventory-cover img,.detail-main-photo img,.detail-thumb img{background:rgba(3,18,38,.88)!important;}
.contact-details,.footer-bottom{border-color:rgba(176,210,255,.14)!important;}
.contact-details a,.footer-grid a:hover,.legal-content a{color:var(--gold2)!important;}
.btn{border-color:var(--gold)!important;}
.btn:hover,.inventory-card:hover .inventory-open,.hq-lightbox-close:hover,.hq-lightbox-nav:hover,.lightbox-close:hover,.lightbox-nav:hover{background:var(--gold)!important;color:#071525!important;border-color:var(--gold)!important;}
.footer,.site-footer{padding:44px 0 20px!important;border-top:1px solid rgba(176,210,255,.14)!important;backdrop-filter:blur(10px)!important;}
.site-footer{color:var(--muted)!important;}
.footer-grid p{color:var(--muted)!important;margin:4px 0;font-size:13px;line-height:1.7;}
.footer-grid a,.footer-grid span{color:var(--muted)!important;}
.footer-brand span{color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.08em;}

/* Quality points must not squeeze/cut while resizing desktop windows. */
@media(max-width:1100px){
  .hero{height:auto!important;min-height:760px!important;}
  .hero-inner{padding-bottom:76px!important;}
  .hero-points-wrap .container.hero-points-grid,
  .hero-points-grid{
    width:min(760px,100%)!important;
    max-width:760px!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .hero-point-item{padding:18px 20px 20px!important;}
  .hero-point-item:nth-child(odd){border-left:0!important;}
  .hero-point-item:nth-child(n+3){border-top:1px solid rgba(176,210,255,.14)!important;}
}
@media(max-width:640px){
  .hero{height:auto!important;min-height:0!important;}
  .hero-inner{padding-bottom:58px!important;}
  .hero-points-wrap .container.hero-points-grid,.hero-points-grid{width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .hero-point-item{padding:15px 12px!important;min-height:auto!important;}
  .hero-point-icon{width:38px!important;height:38px!important;margin-bottom:8px!important;}
  .hero-point-item h3{font-size:10px!important;line-height:1.22!important;letter-spacing:.055em!important;}
  .hero-point-item p{font-size:10px!important;line-height:1.35!important;max-width:28ch!important;}
  .contact-details.compact{grid-template-columns:1fr!important;}
}
@media(max-width:390px){
  .hero-point-item{padding:13px 9px!important;}
  .hero-point-item h3{font-size:9px!important;}
  .hero-point-item p{font-size:9px!important;}
}

/* ---------- v62 user mobile corrections: readable mobile cards, carousel, form and swipe gallery ---------- */
.detail-page .detail-main-photo{
  touch-action:pan-y !important;
  user-select:none !important;
  -webkit-user-select:none !important;
  position:relative !important;
}
.detail-page .detail-main-photo.swipe-next img{
  animation:detailSwipeNext .24s var(--ease) both;
}
.detail-page .detail-main-photo.swipe-prev img{
  animation:detailSwipePrev .24s var(--ease) both;
}
@keyframes detailSwipeNext{
  from{opacity:.78;transform:translateX(22px) scale(.992)}
  to{opacity:1;transform:translateX(0) scale(1)}
}
@keyframes detailSwipePrev{
  from{opacity:.78;transform:translateX(-22px) scale(.992)}
  to{opacity:1;transform:translateX(0) scale(1)}
}

@media(max-width:640px){
  /* Quality points: keep all 4 readable instead of tiny/cut text. */
  .hero-points-wrap .container.hero-points-grid,
  .hero-points-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:0 !important;
    width:100% !important;
    max-width:none !important;
  }
  .hero-point-item{
    min-height:172px !important;
    height:auto !important;
    padding:19px 14px 20px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    overflow:visible !important;
  }
  .hero-point-icon{
    width:46px !important;
    height:46px !important;
    margin-bottom:10px !important;
    flex:0 0 auto !important;
  }
  .hero-point-item h3{
    font-size:14px !important;
    line-height:1.18 !important;
    letter-spacing:.055em !important;
    margin:0 0 8px !important;
    overflow:visible !important;
  }
  .hero-point-item p{
    font-size:14px !important;
    line-height:1.4 !important;
    max-width:30ch !important;
    margin:0 auto !important;
    overflow:visible !important;
    display:block !important;
  }

  /* How we work: bigger readable text on mobile. */
  .process-simple-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
  }
  .simple-step{
    min-height:0 !important;
  }
  .simple-step img{
    aspect-ratio:16/11 !important;
    object-fit:cover !important;
  }
  .simple-step div{
    padding:14px 13px 16px !important;
  }
  .simple-step h3{
    font-size:15px !important;
    line-height:1.2 !important;
    letter-spacing:.035em !important;
    margin:0 0 8px !important;
  }
  .simple-step p{
    font-size:14px !important;
    line-height:1.42 !important;
    margin:0 !important;
  }
  .num{
    font-size:12px !important;
    margin-bottom:7px !important;
  }

  /* Homepage carousel: wider card, tiny arrow space, larger car text. */
  .inventory-preview-section .container{
    width:100% !important;
  }
  .inventory-carousel-shell{
    padding:0 20px !important;
    width:100% !important;
  }
  .inventory-carousel{
    gap:12px !important;
    padding-bottom:12px !important;
  }
  .carousel-card{
    flex:0 0 100% !important;
    min-width:100% !important;
  }
  .carousel-control{
    width:28px !important;
    height:46px !important;
    font-size:28px !important;
    border-radius:0 !important;
    background:rgba(3,18,38,.78) !important;
  }
  .carousel-prev{left:2px !important;}
  .carousel-next{right:2px !important;}
  .carousel-card .inventory-cover{
    aspect-ratio:16/9 !important;
  }
  .carousel-card .inventory-summary{
    display:block !important;
    padding:17px 16px 18px !important;
    min-height:auto !important;
  }
  .carousel-card .inventory-main .tag{
    display:inline-block !important;
    width:auto !important;
    font-size:9px !important;
    padding:6px 8px !important;
    margin:0 0 9px !important;
  }
  .carousel-card .inventory-summary h3{
    font-size:18px !important;
    line-height:1.18 !important;
    margin:0 0 8px !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }
  .carousel-card .inventory-price-wrap{
    display:block !important;
    text-align:left !important;
    min-width:0 !important;
  }
  .carousel-card .inventory-price{
    font-size:18px !important;
    line-height:1.18 !important;
    white-space:normal !important;
  }

  /* Contact section and form: larger, easier to use, same readable body size. */
  #contact.section{
    padding:58px 0 64px !important;
  }
  .contact-box{
    padding:18px 14px !important;
    gap:18px !important;
  }
  .contact-intro h2{
    font-size:34px !important;
    line-height:1.05 !important;
  }
  .contact-intro > p:not(.eyebrow),
  .contact-details p{
    font-size:14px !important;
    line-height:1.45 !important;
  }
  .contact-details{
    margin-top:18px !important;
    padding-top:16px !important;
    gap:8px !important;
  }
  .inquiry-form{
    padding:18px !important;
    gap:15px !important;
  }
  .form-row,
  .form-row.two{
    grid-template-columns:1fr !important;
    gap:15px !important;
  }
  .inquiry-form label{
    gap:8px !important;
    font-size:14px !important;
    line-height:1.25 !important;
    letter-spacing:.055em !important;
  }
  .inquiry-form label span{
    font-size:14px !important;
    line-height:1.25 !important;
  }
  .inquiry-form input,
  .inquiry-form textarea{
    min-height:50px !important;
    padding:14px 13px !important;
    font-size:16px !important;
    line-height:1.35 !important;
  }
  .inquiry-form textarea{
    min-height:126px !important;
  }
  .inquiry-form input::placeholder,
  .inquiry-form textarea::placeholder{
    font-size:14px !important;
  }
  .form-actions{
    gap:10px !important;
  }
  .form-actions .btn,
  .whatsapp-inline{
    min-height:48px !important;
    padding:13px 12px !important;
    font-size:13px !important;
    letter-spacing:.07em !important;
  }
  .form-note{
    font-size:13px !important;
    line-height:1.4 !important;
  }

  /* Inventory page: photo almost screen wide, text below and neatly organized. */
  .inventory-page-section .container{
    width:calc(100% - 18px) !important;
  }
  .full-inventory-list{
    gap:18px !important;
  }
  .full-inventory-list .inventory-card:not(.carousel-card){
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-areas:"cover" "summary" !important;
    gap:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }
  .full-inventory-list .inventory-cover{
    width:100% !important;
    aspect-ratio:16/10 !important;
    border-left:0 !important;
    border-right:0 !important;
    border-top:0 !important;
  }
  .full-inventory-list .inventory-cover img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center !important;
  }
  .full-inventory-list .inventory-summary{
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-areas:"main" "price" "meta" "badges" "action" !important;
    gap:10px !important;
    padding:15px 15px 17px !important;
    background:rgba(4,26,56,.96) !important;
  }
  .full-inventory-list .inventory-main{
    grid-area:main !important;
  }
  .full-inventory-list .inventory-main .tag{
    display:inline-block !important;
    font-size:10px !important;
    padding:6px 8px !important;
    margin:0 0 9px !important;
    letter-spacing:.12em !important;
  }
  .full-inventory-list .inventory-summary h3{
    font-size:20px !important;
    line-height:1.18 !important;
    margin:0 !important;
    white-space:normal !important;
  }
  .full-inventory-list .inventory-variant{
    font-size:14px !important;
    line-height:1.3 !important;
    margin:6px 0 0 !important;
  }
  .full-inventory-list .inventory-price-wrap{
    grid-area:price !important;
    justify-self:start !important;
    text-align:left !important;
    min-width:0 !important;
  }
  .full-inventory-list .inventory-price{
    font-size:20px !important;
    line-height:1.2 !important;
    margin:0 !important;
  }
  .full-inventory-list .inventory-meta{
    grid-area:meta !important;
    font-size:14px !important;
    line-height:1.4 !important;
    margin:0 !important;
  }
  .full-inventory-list .inventory-badges{
    grid-area:badges !important;
    gap:7px !important;
    margin:0 !important;
  }
  .full-inventory-list .green-badge{
    font-size:10px !important;
    padding:7px 8px !important;
    gap:6px !important;
    letter-spacing:.055em !important;
  }
  .full-inventory-list .green-badge::before{
    width:17px !important;
    height:17px !important;
    font-size:11px !important;
  }
  .full-inventory-list .inventory-open{
    grid-area:action !important;
    justify-self:start !important;
    font-size:11px !important;
    padding:9px 11px !important;
    letter-spacing:.075em !important;
  }

  /* Car detail page: large swipeable main photo on mobile. */
  .detail-page .car-detail-main{
    padding-top:88px !important;
  }
  .detail-page .car-detail.container{
    width:calc(100% - 18px) !important;
  }
  .detail-page .car-detail{
    padding:9px !important;
  }
  .detail-page .car-detail-layout{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }
  .detail-page .detail-gallery{
    display:block !important;
    background:transparent !important;
    border:0 !important;
  }
  .detail-page .detail-main-photo{
    width:100% !important;
    aspect-ratio:16/10 !important;
    min-height:0 !important;
    border-radius:0 !important;
    overflow:hidden !important;
  }
  .detail-page .detail-main-photo img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
  }
  .detail-page .detail-thumbs{
    display:flex !important;
    gap:7px !important;
    overflow-x:auto !important;
    padding:8px 1px 2px !important;
    margin-top:0 !important;
    scroll-snap-type:x proximity !important;
    scrollbar-width:none !important;
  }
  .detail-page .detail-thumbs::-webkit-scrollbar{display:none !important;}
  .detail-page .detail-thumb{
    flex:0 0 25% !important;
    min-width:25% !important;
    aspect-ratio:16/10 !important;
    scroll-snap-align:start !important;
  }
  .detail-page .detail-description,
  .detail-page .detail-meta,
  .detail-page .detail-features li{
    font-size:14px !important;
    line-height:1.45 !important;
  }
}

@media(max-width:390px){
  .hero-point-item{min-height:170px !important;padding:17px 10px 18px !important;}
  .hero-point-item h3{font-size:13px !important;}
  .hero-point-item p{font-size:13px !important;}
  .simple-step h3{font-size:14px !important;}
  .simple-step p{font-size:13px !important;}
  .carousel-card .inventory-summary h3{font-size:17px !important;}
  .carousel-card .inventory-price{font-size:17px !important;}
  .full-inventory-list .inventory-summary h3{font-size:19px !important;}
}


/* ---------- v47 unified dark logo-blue theme ---------- */
:root{
  --logo-blue:#071d3a;
  --logo-blue-2:#0a2346;
  --logo-blue-soft:#0d2a52;
}
html,body{background:var(--logo-blue)!important;}
.page-bg{opacity:.16!important;filter:saturate(.76) contrast(.96) brightness(.38)!important;}
.site-header,
.site-header.scrolled,
.nav,
.hero-points-wrap,
.hero-points-wrap .container.hero-points-grid,
.hero-points-grid,
.hero-point-item,
.services,
.about-overlay-section,
.process,
.inventory,
.contact,
.footer,
.inventory-page main,
.car-detail-page main,
.legal-page main.legal-content{
  background:var(--logo-blue)!important;
}
.hero-point-item,
.service-card,
.simple-step,
.inventory-card,
.contact-box,
.inquiry-form,
.detail-wrap,
.legal-page main.legal-content{
  background:linear-gradient(180deg, rgba(10,35,70,.92), rgba(7,29,58,.98))!important;
}
.hero-points-wrap,
.services,
.about-overlay-section,
.process,
.inventory,
.contact,
.footer,
.inventory-page main,
.car-detail-page main,
.legal-page main.legal-content{
  border-color:rgba(255,255,255,.08)!important;
}
.about-bg-overlay{
  background:
    linear-gradient(180deg, rgba(7,29,58,.30) 0%, rgba(7,29,58,.42) 50%, rgba(7,29,58,.58) 100%),
    linear-gradient(90deg, rgba(7,29,58,.58) 0%, rgba(7,29,58,.26) 46%, rgba(7,29,58,.46) 100%) !important;
}
.hero-overlay{
  background:
    linear-gradient(90deg, rgba(7,29,58,.90) 0%, rgba(7,29,58,.72) 30%, rgba(7,29,58,.26) 58%, rgba(7,29,58,.18) 100%),
    linear-gradient(to bottom, rgba(7,29,58,.10), rgba(7,29,58,.06) 56%, rgba(7,29,58,.84)) !important;
}
.brand{background:transparent!important;border-color:transparent!important;box-shadow:none!important;}
.contact-box p,
.inventory-description,
.section-head p:not(.eyebrow),
.simple-step p,
.service-card p,
.detail-description,
.legal-content p,
.footer,
.footer a,
.form-note{color:var(--text)!important;opacity:.92;}
.tag,.eyebrow,.brand small,.contact-details a,.legal-content a,.footer .footer-link,a.back-link{color:var(--gold2)!important;}


/* ---------- v48 detail page swipe fix + address update color cleanup ---------- */
.car-detail-main,
.car-detail,
.detail-gallery,
.detail-info,
.detail-thumbs,
.detail-wrap,
.detail-card{
  background:var(--logo-blue)!important;
}
.detail-main-photo,
.detail-thumb,
.detail-main-photo img,
.detail-thumb img,
.inventory-cover,
.inventory-cover img{
  background:rgba(7,29,58,.96)!important;
}
.detail-page .detail-main-photo,
.detail-page .detail-main-photo img{
  touch-action:pan-y!important;
  -webkit-user-drag:none!important;
}
.detail-page #detailMainPhoto{
  pointer-events:none!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}
@media (max-width: 640px){
  .detail-page .detail-main-photo{
    touch-action:pan-y!important;
  }
}


/* ---------- v49 full-cover hero + uniform quality strip blue ---------- */
/* Keep the exact same dark logo-blue under the 4 quality points. */
.hero-points-wrap,
.hero-points-wrap .container,
.hero-points-wrap .container.hero-points-grid,
.hero-points-grid,
.hero-point-item,
.hero-point-item::before,
.hero-point-item::after{
  background:#071d3a !important;
  background-image:none !important;
  box-shadow:none !important;
}

/* Make the hero photo cover the full hero area on wide screens. */
.hero{
  background:#071d3a !important;
  overflow:hidden !important;
}
.hero-bg{
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  background-image:url("assets/hero.webp") !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  transform:none !important;
}

/* Wide screens were previously using contain/offset rules.
   This forces the image to fill the full screen width instead of leaving blue side gaps. */
@media (min-width: 1024px){
  .hero-bg{
    background-size:cover !important;
    background-position:center center !important;
  }
  .hero-overlay{
    background:
      linear-gradient(90deg, rgba(7,29,58,.92) 0%, rgba(7,29,58,.70) 25%, rgba(7,29,58,.22) 55%, rgba(7,29,58,.10) 100%),
      linear-gradient(to bottom, rgba(7,29,58,.06), rgba(7,29,58,.08) 55%, rgba(7,29,58,.80)) !important;
  }
}

@media (min-width: 1600px){
  .hero-bg{
    background-size:cover !important;
    background-position:center center !important;
  }
}

/* Keep mobile behaviour safe and still full-width. */
@media (max-width: 768px){
  .hero-bg{
    background-size:cover !important;
    background-position:center center !important;
  }
}


/* ---------- v50 proportional hero until native photo width ---------- */
/* Hero photo native size: 1672 x 941.
   Up to this width the image keeps its own proportions and is not forced to fill/crop.
   Only wider browser windows switch to cover so there is no empty blue area. */
.hero-bg{
  background-size:contain !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

@media (max-width:1672px){
  .hero-bg{
    background-size:contain !important;
    background-position:center center !important;
  }
}

@media (min-width:1673px){
  .hero-bg{
    background-size:cover !important;
    background-position:center center !important;
  }
}


/* ---------- v51 mobile hero proportion/height correction ---------- */
/*
   The previous v50 rule used background-size: contain below 1672px.
   On mobile that kept the whole photo visible, but made it too short.
   This version keeps the photo proportions with cover sizing so the hero has good height.
*/

/* Mobile and tablet: photo keeps aspect ratio and fills the hero area. */
@media (max-width: 1023px){
  .hero{
    min-height: clamp(610px, 118vw, 760px) !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
  }
  .hero-bg{
    background-size: cover !important;
    background-position: center bottom !important;
    background-repeat: no-repeat !important;
    transform: none !important;
  }
  .hero-overlay{
    background:
      linear-gradient(180deg, rgba(7,29,58,.94) 0%, rgba(7,29,58,.78) 36%, rgba(7,29,58,.26) 66%, rgba(7,29,58,.72) 100%),
      linear-gradient(90deg, rgba(7,29,58,.88) 0%, rgba(7,29,58,.34) 58%, rgba(7,29,58,.18) 100%) !important;
  }
  .hero-inner{
    min-height: 410px !important;
    padding-top: 108px !important;
    padding-bottom: 130px !important;
    align-items: flex-start !important;
  }
  .hero-copy{
    max-width: min(92vw, 520px) !important;
  }
}

/* Small phones: keep enough vertical hero height and avoid the photo becoming a thin strip. */
@media (max-width: 640px){
  .hero{
    min-height: clamp(600px, 132vw, 720px) !important;
  }
  .hero-bg{
    background-size: cover !important;
    background-position: center bottom !important;
  }
  .hero-inner{
    min-height: 410px !important;
    padding-top: 104px !important;
    padding-bottom: 122px !important;
  }
}

/* Desktop up to native photo width: keep the natural ratio by using cover, not contain.
   Cover preserves proportions and prevents the mobile/tablet loss seen in screenshots. */
@media (min-width: 1024px) and (max-width: 1672px){
  .hero-bg{
    background-size: cover !important;
    background-position: center center !important;
  }
}

/* Extra-wide windows: cover the full width so there is no blue gap outside the photo. */
@media (min-width: 1673px){
  .hero-bg{
    background-size: cover !important;
    background-position: center center !important;
  }
}


/* ---------- v52 mobile hero: full car visible + desktop-like gradient + space above quality points ---------- */
@media (max-width: 768px){
  /* Make the hero tall enough so the full car can be visible while still keeping text above
     and some floor space above the quality-points strip. */
  .hero{
    min-height: 860px !important;
    height: auto !important;
    display: grid !important;
    grid-template-rows: 1fr auto !important;
    overflow: hidden !important;
    background: #071d3a !important;
  }

  /* Keep the full car visible on mobile. */
  .hero-bg{
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center calc(100% - 34px) !important;
    inset: 0 !important;
    transform: none !important;
  }

  /* Bring back the left-to-right gradient feeling from desktop on mobile too. */
  .hero-overlay{
    background:
      linear-gradient(90deg,
        rgba(7,29,58,.94) 0%,
        rgba(7,29,58,.82) 28%,
        rgba(7,29,58,.48) 58%,
        rgba(7,29,58,.18) 100%
      ),
      linear-gradient(to bottom,
        rgba(7,29,58,.10) 0%,
        rgba(7,29,58,.12) 54%,
        rgba(7,29,58,.74) 100%
      ) !important;
  }

  /* More vertical room between the hero text/car and the quality-points row. */
  .hero-inner{
    min-height: 610px !important;
    padding-top: 104px !important;
    padding-bottom: 210px !important;
    align-items: flex-start !important;
  }

  .hero-copy{
    max-width: min(92vw, 520px) !important;
    position: relative !important;
    z-index: 4 !important;
  }

  /* Keep the quality strip visually attached but leave visible "floor" under the car. */
  .hero-points-wrap{
    margin-top: 0 !important;
    position: relative !important;
    z-index: 5 !important;
  }
}

@media (max-width: 640px){
  .hero{
    min-height: 900px !important;
  }
  .hero-bg{
    background-size: contain !important;
    background-position: center calc(100% - 42px) !important;
  }
  .hero-inner{
    min-height: 635px !important;
    padding-top: 100px !important;
    padding-bottom: 225px !important;
  }
}

@media (max-width: 430px){
  .hero{
    min-height: 920px !important;
  }
  .hero-bg{
    background-size: contain !important;
    background-position: center calc(100% - 46px) !important;
  }
  .hero-inner{
    min-height: 650px !important;
    padding-bottom: 235px !important;
  }
}


/* ---------- v53 FINAL mobile hero repair: car visible right side, no overlap ---------- */
@media (max-width: 768px){
  body{overflow-x:hidden !important;}

  .hero{
    display:block !important;
    position:relative !important;
    min-height:auto !important;
    height:auto !important;
    padding:0 !important;
    overflow:hidden !important;
    background:#071d3a !important;
  }

  /* Make the photo belong only to the hero top area, not behind the quality cards.
     The image is kept proportional and placed to the right/lower side. */
  .hero-bg{
    position:absolute !important;
    top:82px !important;
    left:0 !important;
    right:0 !important;
    height:560px !important;
    width:100% !important;
    inset:auto 0 auto 0 !important;
    background-image:url("assets/hero.webp") !important;
    background-size:100% auto !important;
    background-repeat:no-repeat !important;
    background-position:center bottom !important;
    transform:none !important;
    opacity:1 !important;
  }

  /* Desktop-like left-to-right gradient, but strong enough to keep the text readable. */
  .hero-overlay{
    position:absolute !important;
    top:82px !important;
    left:0 !important;
    right:0 !important;
    height:560px !important;
    inset:auto 0 auto 0 !important;
    background:
      linear-gradient(90deg,
        rgba(7,29,58,.96) 0%,
        rgba(7,29,58,.88) 35%,
        rgba(7,29,58,.48) 68%,
        rgba(7,29,58,.16) 100%
      ),
      linear-gradient(to bottom,
        rgba(7,29,58,.12) 0%,
        rgba(7,29,58,.10) 55%,
        rgba(7,29,58,.78) 100%
      ) !important;
  }

  .hero-inner{
    position:relative !important;
    z-index:3 !important;
    display:block !important;
    min-height:642px !important;
    padding-top:112px !important;
    padding-bottom:92px !important;
  }

  .hero-copy{
    width:min(92vw, 500px) !important;
    max-width:500px !important;
    position:relative !important;
    z-index:4 !important;
  }

  .hero-copy h1{
    max-width:430px !important;
  }

  .hero-copy .lead{
    max-width:400px !important;
  }

  /* Quality cards start after the hero image area and do not cover the car. */
  .hero-points-wrap{
    position:relative !important;
    z-index:5 !important;
    margin-top:0 !important;
    background:#071d3a !important;
    clear:both !important;
    border-top:1px solid rgba(255,255,255,.10) !important;
  }

  .hero-points-grid{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* Narrow phones need the photo a little lower and the text block slightly more compact. */
@media (max-width: 520px){
  .hero-bg,
  .hero-overlay{
    top:78px !important;
    height:585px !important;
  }

  .hero-bg{
    background-size:118% auto !important;
    background-position:center bottom !important;
  }

  .hero-inner{
    min-height:690px !important;
    padding-top:110px !important;
    padding-bottom:122px !important;
  }

  .hero-copy{
    width:88vw !important;
  }
}

/* Very narrow phones: show the full car area better and keep distance above quality cards. */
@media (max-width: 390px){
  .hero-bg,
  .hero-overlay{
    height:610px !important;
  }

  .hero-bg{
    background-size:128% auto !important;
    background-position:center bottom !important;
  }

  .hero-inner{
    min-height:720px !important;
    padding-bottom:145px !important;
  }
}

/* Tablets / horizontal mobile windows: keep the car right of the text with more width. */
@media (min-width: 521px) and (max-width: 768px){
  .hero-bg{
    background-size:105% auto !important;
    background-position:center bottom !important;
  }

  .hero-inner{
    min-height:660px !important;
    padding-bottom:105px !important;
  }
}


/* ---------- v54 mobile hero final tuning: keep image at top and reveal car better ---------- */
@media (max-width: 768px){
  .hero{
    display:block !important;
    position:relative !important;
    min-height:auto !important;
    height:auto !important;
    padding:0 !important;
    overflow:hidden !important;
    background:#071d3a !important;
  }

  /* Keep the image in the top hero area instead of dropping it below the text.
     The photo starts at the top of the hero and the text sits above it with a left gradient. */
  .hero-bg,
  .hero-overlay{
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    inset:auto 0 auto 0 !important;
    width:100% !important;
    height:740px !important;
  }

  .hero-bg{
    background-image:url("assets/hero.webp") !important;
    background-repeat:no-repeat !important;
    background-size:112% auto !important;
    background-position:center bottom 42px !important;
    transform:none !important;
    opacity:1 !important;
  }

  /* Lighten earlier from left to right so the car becomes visible sooner on mobile,
     while still keeping the text readable on the left. */
  .hero-overlay{
    background:
      linear-gradient(90deg,
        rgba(7,29,58,.95) 0%,
        rgba(7,29,58,.82) 18%,
        rgba(7,29,58,.54) 36%,
        rgba(7,29,58,.22) 58%,
        rgba(7,29,58,.10) 100%
      ),
      linear-gradient(to bottom,
        rgba(7,29,58,.08) 0%,
        rgba(7,29,58,.10) 52%,
        rgba(7,29,58,.72) 100%
      ) !important;
  }

  .hero-inner{
    position:relative !important;
    z-index:3 !important;
    display:block !important;
    min-height:740px !important;
    padding-top:110px !important;
    padding-bottom:220px !important;
  }

  .hero-copy{
    width:min(88vw, 500px) !important;
    max-width:500px !important;
    position:relative !important;
    z-index:4 !important;
  }

  .hero-copy h1{max-width:430px !important;}
  .hero-copy .lead{max-width:400px !important;}

  /* Quality cards start after the hero image area and do not cover the tires. */
  .hero-points-wrap{
    position:relative !important;
    z-index:5 !important;
    margin-top:0 !important;
    background:#071d3a !important;
    clear:both !important;
    border-top:1px solid rgba(255,255,255,.10) !important;
  }
}

@media (min-width: 521px) and (max-width: 768px){
  .hero-bg,
  .hero-overlay{
    height:720px !important;
  }
  .hero-bg{
    background-size:106% auto !important;
    background-position:center bottom 36px !important;
  }
  .hero-inner{
    min-height:720px !important;
    padding-bottom:200px !important;
  }
}

@media (max-width: 520px){
  .hero-bg,
  .hero-overlay{
    height:760px !important;
  }
  .hero-bg{
    background-size:118% auto !important;
    background-position:center bottom 48px !important;
  }
  .hero-inner{
    min-height:760px !important;
    padding-top:108px !important;
    padding-bottom:236px !important;
  }
  .hero-copy{
    width:88vw !important;
  }
}

@media (max-width: 430px){
  .hero-bg,
  .hero-overlay{
    height:780px !important;
  }
  .hero-bg{
    background-size:122% auto !important;
    background-position:center bottom 54px !important;
  }
  .hero-inner{
    min-height:780px !important;
    padding-bottom:250px !important;
  }
}

@media (max-width: 390px){
  .hero-bg,
  .hero-overlay{
    height:800px !important;
  }
  .hero-bg{
    background-size:126% auto !important;
    background-position:center bottom 56px !important;
  }
  .hero-inner{
    min-height:800px !important;
    padding-bottom:260px !important;
  }
}


/* ---------- v55 HARD FIX: mobile hero image locked to top ---------- */
/* This overrides all earlier mobile hero experiments. The hero photo is fixed to the
   top of the hero area and cannot drop below the text block when the window narrows. */
@media (max-width: 768px){
  .hero{
    position:relative !important;
    display:block !important;
    min-height:auto !important;
    height:auto !important;
    overflow:hidden !important;
    background:#071d3a !important;
  }

  .hero-bg,
  .hero-overlay{
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    bottom:auto !important;
    inset:0 0 auto 0 !important;
    width:100% !important;
    height:680px !important;
  }

  .hero-bg{
    background-image:url("assets/hero.webp") !important;
    background-repeat:no-repeat !important;
    background-size:auto 680px !important;
    background-position:center top !important;
    transform:none !important;
    opacity:1 !important;
  }

  .hero-overlay{
    background:
      linear-gradient(90deg,
        rgba(7,29,58,.96) 0%,
        rgba(7,29,58,.82) 18%,
        rgba(7,29,58,.48) 38%,
        rgba(7,29,58,.18) 62%,
        rgba(7,29,58,.06) 100%
      ),
      linear-gradient(to bottom,
        rgba(7,29,58,.06) 0%,
        rgba(7,29,58,.10) 54%,
        rgba(7,29,58,.82) 100%
      ) !important;
  }

  .hero-inner{
    position:relative !important;
    z-index:3 !important;
    display:block !important;
    min-height:680px !important;
    height:680px !important;
    padding-top:110px !important;
    padding-bottom:0 !important;
  }

  .hero-copy{
    position:relative !important;
    z-index:4 !important;
    width:min(88vw, 500px) !important;
    max-width:500px !important;
  }

  .hero-points-wrap{
    position:relative !important;
    z-index:5 !important;
    margin-top:0 !important;
    background:#071d3a !important;
    border-top:1px solid rgba(255,255,255,.10) !important;
  }
}

@media (max-width: 520px){
  .hero-bg,
  .hero-overlay{
    height:700px !important;
  }
  .hero-bg{
    background-size:auto 700px !important;
    background-position:center top !important;
  }
  .hero-inner{
    min-height:700px !important;
    height:700px !important;
    padding-top:108px !important;
  }
}

@media (max-width: 430px){
  .hero-bg,
  .hero-overlay{
    height:710px !important;
  }
  .hero-bg{
    background-size:auto 710px !important;
    background-position:center top !important;
  }
  .hero-inner{
    min-height:710px !important;
    height:710px !important;
  }
}


/* ---------- v56 header language toggle + symmetric mobile menu ---------- */
.site-header{display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;column-gap:18px!important;}
.site-header .brand{grid-column:1;justify-self:start;}
.site-header .nav{grid-column:2;justify-self:end;}
.site-header .header-controls{grid-column:3;display:flex;align-items:center;gap:10px;justify-self:end;position:relative;z-index:130;}
.lang-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:56px;height:44px;padding:0 14px;border:1px solid rgba(176,210,255,.18);border-radius:14px;background:rgba(6,28,58,.88);color:var(--gold2);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:.25s var(--ease);}
.lang-toggle:hover{background:rgba(13,42,82,.96);border-color:rgba(239,180,88,.38);}
.nav .lang{display:none!important;}
.nav-toggle{width:54px!important;height:54px!important;border-radius:18px!important;display:none;}
.nav-toggle span{left:13px!important;right:13px!important;height:2.5px!important;top:50%!important;bottom:auto!important;transform-origin:center center!important;}
.nav-toggle span:first-child{transform:translateY(-8px)!important;}
.nav-toggle span:last-child{transform:translateY(8px)!important;}
.nav-toggle.open span:first-child{top:50%!important;bottom:auto!important;transform:translateY(0) rotate(45deg)!important;}
.nav-toggle.open span:last-child{top:50%!important;bottom:auto!important;transform:translateY(0) rotate(-45deg)!important;}
@media (max-width: 980px){
  .site-header{grid-template-columns:auto 1fr auto!important;}
  .site-header .nav{display:none;position:absolute;right:16px;top:84px;width:min(560px,calc(100vw - 32px));padding:28px 42px 30px;border:1px solid rgba(176,210,255,.16);border-radius:28px;background:rgba(6,28,58,.97);backdrop-filter:blur(18px);flex-direction:column;align-items:flex-start;justify-self:auto;grid-column:auto;z-index:125;}
  .site-header .nav.open{display:flex;}
  .nav a{font-size:22px!important;line-height:1.25!important;padding:10px 0!important;}
  .nav-toggle{display:block!important;}
  .lang-toggle{min-width:62px;height:48px;font-size:12px;}
}
@media (min-width: 981px){
  .site-header .nav{display:flex!important;position:static!important;width:auto!important;padding:0!important;border:none!important;background:transparent!important;backdrop-filter:none!important;flex-direction:row!important;align-items:center!important;gap:22px!important;}
}

/* ---------- v57 detail gallery arrows + position dots ---------- */
.detail-main-photo{position:relative!important;overflow:hidden!important;}
.detail-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(4,26,56,.72);color:#fff;font-size:34px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.25s var(--ease);backdrop-filter:blur(8px);}
.detail-arrow:hover{background:rgba(239,180,88,.95);color:#0b1730;border-color:rgba(239,180,88,.95);}
.detail-arrow-prev{left:14px;}
.detail-arrow-next{right:14px;}
.detail-photo-dots{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;z-index:4;padding:8px 10px;border-radius:999px;background:rgba(4,26,56,.48);backdrop-filter:blur(8px);}
.detail-photo-dot{width:10px;height:10px;border-radius:999px;border:1px solid rgba(255,255,255,.40);background:rgba(255,255,255,.20);padding:0;cursor:pointer;transition:.25s var(--ease);}
.detail-photo-dot.active{width:24px;background:var(--gold2);border-color:var(--gold2);}
.detail-photo-dot:hover{background:rgba(255,255,255,.55);}
.detail-thumb.active{box-shadow:0 0 0 2px rgba(239,180,88,.38) inset;}
@media (max-width: 640px){
  .detail-arrow{width:40px;height:40px;font-size:28px;}
  .detail-arrow-prev{left:10px;}
  .detail-arrow-next{right:10px;}
  .detail-photo-dots{bottom:10px;gap:6px;padding:6px 8px;}
  .detail-photo-dot{width:8px;height:8px;}
  .detail-photo-dot.active{width:18px;}
}


/* ---------- v58 compact mobile menu restore ---------- */
/* Keep the symmetric X and separate language button, but restore the menu to a cleaner compact size. */
@media (max-width: 980px){
  .site-header .nav{
    right:16px !important;
    top:82px !important;
    width:min(330px, calc(100vw - 32px)) !important;
    padding:22px 28px 24px !important;
    border-radius:20px !important;
    gap:0 !important;
  }

  .site-header .nav a{
    font-size:14px !important;
    line-height:1.25 !important;
    padding:9px 0 !important;
    letter-spacing:.16em !important;
  }

  .lang-toggle{
    min-width:52px !important;
    height:44px !important;
    padding:0 12px !important;
    border-radius:14px !important;
    font-size:12px !important;
  }

  .nav-toggle{
    width:52px !important;
    height:52px !important;
    border-radius:17px !important;
  }
}

@media (max-width: 430px){
  .site-header .nav{
    width:min(300px, calc(100vw - 32px)) !important;
    padding:20px 24px 22px !important;
  }

  .site-header .nav a{
    font-size:13px !important;
    padding:8px 0 !important;
  }
}


/* ---------- v59 desktop header repair ---------- */
/* Fix desktop after mobile menu/language changes: logo left, nav right, EN/NO button at far right, no hamburger. */
@media (min-width: 981px){
  .site-header{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    height:84px !important;
    padding:0 24px !important;
    gap:24px !important;
  }

  .site-header.scrolled{
    height:72px !important;
  }

  .site-header .brand{
    display:flex !important;
    align-items:center !important;
    flex:0 0 auto !important;
    order:1 !important;
    position:relative !important;
    z-index:140 !important;
  }

  .site-header .nav{
    order:2 !important;
    flex:1 1 auto !important;
    display:flex !important;
    position:static !important;
    width:auto !important;
    max-width:none !important;
    height:auto !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    backdrop-filter:none !important;
    box-shadow:none !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:28px !important;
    transform:none !important;
  }

  .site-header .nav a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
    margin:0 !important;
    font-size:13px !important;
    line-height:1 !important;
    letter-spacing:.08em !important;
    white-space:nowrap !important;
  }

  .site-header .header-controls{
    order:3 !important;
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:10px !important;
    position:relative !important;
    z-index:140 !important;
  }

  .site-header .lang-toggle{
    display:inline-flex !important;
    min-width:54px !important;
    height:44px !important;
    padding:0 13px !important;
    border-radius:14px !important;
    font-size:12px !important;
  }

  .site-header .nav-toggle{
    display:none !important;
  }
}

/* Keep mobile behaviour separate and prevent desktop rules from leaking into mobile. */
@media (max-width: 980px){
  .site-header{
    display:grid !important;
    grid-template-columns:auto 1fr auto !important;
    align-items:center !important;
  }

  .site-header .nav-toggle{
    display:block !important;
  }
}


/* ---------- v62 CLEAN FIX: #0f1c30 theme + rebuilt quality points row ---------- */
:root{
  --logo-blue:#0f1c30 !important;
  --logo-blue-2:#0f1c30 !important;
  --logo-blue-soft:#0f1c30 !important;
  --brand-blue-dark:#0f1c30 !important;
  --bg:#0f1c30 !important;
  --panel:#0f1c30 !important;
  --panel2:#0f1c30 !important;
}

html,body,
.site-header,
.site-header.scrolled,
.hero,
.hero-points-wrap,
.services,
.process,
.inventory,
.contact,
.footer,
.site-footer,
.subpage-main,
.inventory-page main,
.car-detail-main,
.car-detail,
.detail-gallery,
.detail-info,
.detail-wrap,
.legal-page main.legal-content,
.inventory-card,
.carousel-card,
.simple-step,
.contact-box,
.inquiry-form,
.detail-card,
.footer-bottom,
.nav{
  background-color:#0f1c30 !important;
}

.inventory-cover,
.inventory-cover img,
.detail-main-photo,
.detail-main-photo img,
.detail-thumb,
.detail-thumb img,
.carousel-card .inventory-summary{
  background-color:#0f1c30 !important;
}

.about-overlay-section{background:#0f1c30 !important;}
.about-bg-overlay{
  background:
    linear-gradient(180deg, rgba(15,28,48,.36) 0%, rgba(15,28,48,.46) 50%, rgba(15,28,48,.62) 100%),
    linear-gradient(90deg, rgba(15,28,48,.66) 0%, rgba(15,28,48,.30) 46%, rgba(15,28,48,.52) 100%) !important;
}
.hero-overlay{
  background:
    linear-gradient(90deg, rgba(15,28,48,.95) 0%, rgba(15,28,48,.78) 26%, rgba(15,28,48,.34) 58%, rgba(15,28,48,.14) 100%),
    linear-gradient(to bottom, rgba(15,28,48,.08), rgba(15,28,48,.08) 55%, rgba(15,28,48,.80)) !important;
}

/* Rebuilt quality points: one row on desktop, 2x2 on tablet/mobile. No nested-grid bug, no clipping. */
body .hero-points-wrap{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  background:#0f1c30 !important;
  border-top:1px solid rgba(255,255,255,.11) !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  box-shadow:none !important;
  overflow:visible !important;
  position:relative !important;
  z-index:5 !important;
}

body .hero-points-wrap > .container.hero-points-grid,
body .hero-points-wrap > .hero-points-grid,
body .hero-points-grid{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0,1fr)) !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  gap:0 !important;
  align-items:stretch !important;
  justify-items:stretch !important;
  background:#0f1c30 !important;
  overflow:visible !important;
}

body .hero-point-item{
  box-sizing:border-box !important;
  width:100% !important;
  min-width:0 !important;
  height:196px !important;
  min-height:196px !important;
  max-height:none !important;
  padding:24px 18px 22px !important;
  margin:0 !important;
  background:#0f1c30 !important;
  border-left:1px solid rgba(255,255,255,.10) !important;
  border-top:none !important;
  border-bottom:none !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  text-align:center !important;
  overflow:visible !important;
  opacity:1 !important;
  transform:none !important;
}
body .hero-point-item:first-child{border-left:none !important;}

body .hero-point-icon{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:62px !important;
  height:62px !important;
  flex:0 0 62px !important;
  margin:0 0 6px !important;
  padding:0 !important;
  background:transparent !important;
  color:var(--gold2) !important;
}
body .hero-point-icon img{
  width:auto !important;
  height:auto !important;
  max-width:58px !important;
  max-height:58px !important;
  object-fit:contain !important;
  background:transparent !important;
}

body .hero-point-item h3{
  display:block !important;
  width:100% !important;
  max-width:28ch !important;
  margin:0 !important;
  padding:0 !important;
  color:var(--gold2) !important;
  font-size:12px !important;
  line-height:1.25 !important;
  font-weight:900 !important;
  letter-spacing:.075em !important;
  text-transform:uppercase !important;
  text-align:center !important;
  white-space:normal !important;
  overflow:visible !important;
  min-height:0 !important;
  max-height:none !important;
}
body .hero-point-item p{
  display:block !important;
  width:100% !important;
  max-width:27ch !important;
  margin:0 auto !important;
  padding:0 !important;
  color:#eef4ff !important;
  font-size:12px !important;
  line-height:1.38 !important;
  font-weight:500 !important;
  text-align:center !important;
  white-space:normal !important;
  overflow:visible !important;
  min-height:0 !important;
  max-height:none !important;
}

@media (min-width:981px) and (max-width:1180px){
  body .hero-point-item{height:204px !important;min-height:204px !important;padding:24px 13px 22px !important;}
  body .hero-point-icon{width:58px !important;height:58px !important;flex-basis:58px !important;}
  body .hero-point-icon img{max-width:54px !important;max-height:54px !important;}
  body .hero-point-item h3{font-size:11px !important;line-height:1.25 !important;letter-spacing:.06em !important;}
  body .hero-point-item p{font-size:11px !important;line-height:1.38 !important;max-width:25ch !important;}
}

@media (min-width:641px) and (max-width:980px){
  body .hero-points-wrap > .container.hero-points-grid,
  body .hero-points-grid{grid-template-columns:repeat(2, minmax(0,1fr)) !important;}
  body .hero-point-item{
    height:190px !important;
    min-height:190px !important;
    padding:22px 14px 20px !important;
    border-top:1px solid rgba(255,255,255,.10) !important;
  }
  body .hero-point-item:nth-child(odd){border-left:none !important;}
  body .hero-point-item:nth-child(-n+2){border-top:none !important;}
  body .hero-point-item h3{font-size:12px !important;line-height:1.25 !important;}
  body .hero-point-item p{font-size:12px !important;line-height:1.38 !important;max-width:28ch !important;}
}

@media (max-width:640px){
  body .hero-points-wrap > .container.hero-points-grid,
  body .hero-points-grid{grid-template-columns:repeat(2, minmax(0,1fr)) !important;}
  body .hero-point-item{
    height:196px !important;
    min-height:196px !important;
    padding:20px 10px 18px !important;
    gap:7px !important;
    border-top:1px solid rgba(255,255,255,.10) !important;
  }
  body .hero-point-item:nth-child(odd){border-left:none !important;}
  body .hero-point-item:nth-child(-n+2){border-top:none !important;}
  body .hero-point-icon{width:50px !important;height:50px !important;flex-basis:50px !important;margin-bottom:6px !important;}
  body .hero-point-icon img{max-width:46px !important;max-height:46px !important;}
  body .hero-point-item h3{font-size:10px !important;line-height:1.25 !important;letter-spacing:.055em !important;max-width:20ch !important;}
  body .hero-point-item p{font-size:10px !important;line-height:1.36 !important;max-width:21ch !important;}
}

@media (max-width:390px){
  body .hero-point-item{height:202px !important;min-height:202px !important;padding:18px 8px 18px !important;}
  body .hero-point-item h3{font-size:9.5px !important;}
  body .hero-point-item p{font-size:9.5px !important;line-height:1.34 !important;}
}


/* ---------- v62 final lock: hero gets space, quality row cannot collapse ---------- */
/* Root cause fix: the quality row lives inside .hero, so older hero height/overflow rules could compress it.
   These final selectors lock the quality row height and reserve space for it inside the hero. */

@media (min-width: 981px){
  body main#top > section.hero{
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    align-items:stretch !important;
    min-height:860px !important;
    height:auto !important;
    overflow:visible !important;
  }

  body main#top > section.hero > .container.hero-inner{
    position:relative !important;
    z-index:4 !important;
    width:100% !important;
    flex:1 0 auto !important;
    display:flex !important;
    align-items:center !important;
    padding-top:118px !important;
    padding-bottom:44px !important;
  }

  body main#top > section.hero > .hero-points-wrap{
    position:relative !important;
    z-index:5 !important;
    flex:0 0 196px !important;
    height:196px !important;
    min-height:196px !important;
    max-height:196px !important;
    overflow:hidden !important;
    margin-top:0 !important;
    background:#0f1c30 !important;
    border-top:1px solid rgba(255,255,255,.10) !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
  }

  body main#top > section.hero > .hero-points-wrap > .container.hero-points-grid,
  body main#top > section.hero > .hero-points-wrap > .hero-points-grid{
    height:196px !important;
    min-height:196px !important;
    max-height:196px !important;
    display:grid !important;
    grid-template-columns:repeat(4, minmax(0,1fr)) !important;
    align-items:stretch !important;
  }

  body main#top > section.hero > .hero-points-wrap .hero-point-item{
    height:196px !important;
    min-height:196px !important;
    max-height:196px !important;
    box-sizing:border-box !important;
    padding:24px 18px 22px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    overflow:hidden !important;
    background:#0f1c30 !important;
  }

  body main#top > section.hero > .hero-points-wrap .hero-point-icon{
    width:58px !important;
    height:58px !important;
    flex:0 0 58px !important;
    margin:0 0 8px 0 !important;
  }

  body main#top > section.hero > .hero-points-wrap .hero-point-item h3{
    font-size:12px !important;
    line-height:1.24 !important;
    margin:0 !important;
    max-width:24ch !important;
  }
  body main#top > section.hero > .hero-points-wrap .hero-point-item p{
    font-size:11px !important;
    line-height:1.36 !important;
    margin:0 auto !important;
    max-width:24ch !important;
  }
}

@media (min-width: 981px) and (max-width: 1180px){
  body main#top > section.hero{
    min-height:880px !important;
  }
  body main#top > section.hero > .container.hero-inner{
    padding-bottom:40px !important;
  }
  body main#top > section.hero > .hero-points-wrap,
  body main#top > section.hero > .hero-points-wrap > .container.hero-points-grid,
  body main#top > section.hero > .hero-points-wrap > .hero-points-grid,
  body main#top > section.hero > .hero-points-wrap .hero-point-item{
    height:204px !important;
    min-height:204px !important;
    max-height:204px !important;
  }
  body main#top > section.hero > .hero-points-wrap .hero-point-item{
    padding:22px 14px 20px !important;
  }
  body main#top > section.hero > .hero-points-wrap .hero-point-item h3{font-size:11px !important;}
  body main#top > section.hero > .hero-points-wrap .hero-point-item p{font-size:10.5px !important;}
}

@media (min-width: 641px) and (max-width: 980px){
  body main#top > section.hero{
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    min-height:980px !important;
    height:auto !important;
    overflow:visible !important;
  }
  body main#top > section.hero > .container.hero-inner{
    flex:1 0 auto !important;
    padding-bottom:34px !important;
  }
  body main#top > section.hero > .hero-points-wrap{
    flex:0 0 380px !important;
    height:380px !important;
    min-height:380px !important;
    max-height:380px !important;
    overflow:hidden !important;
  }
  body main#top > section.hero > .hero-points-wrap > .container.hero-points-grid,
  body main#top > section.hero > .hero-points-wrap > .hero-points-grid{
    height:380px !important;
    min-height:380px !important;
    max-height:380px !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
  body main#top > section.hero > .hero-points-wrap .hero-point-item{
    height:190px !important;
    min-height:190px !important;
    max-height:190px !important;
    overflow:hidden !important;
  }
}

@media (max-width: 640px){
  body main#top > section.hero{
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    min-height:1040px !important;
    height:auto !important;
    overflow:visible !important;
  }
  body main#top > section.hero > .container.hero-inner{
    flex:1 0 auto !important;
    padding-bottom:28px !important;
  }
  body main#top > section.hero > .hero-points-wrap{
    flex:0 0 392px !important;
    height:392px !important;
    min-height:392px !important;
    max-height:392px !important;
    overflow:hidden !important;
  }
  body main#top > section.hero > .hero-points-wrap > .container.hero-points-grid,
  body main#top > section.hero > .hero-points-wrap > .hero-points-grid{
    height:392px !important;
    min-height:392px !important;
    max-height:392px !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
  body main#top > section.hero > .hero-points-wrap .hero-point-item{
    height:196px !important;
    min-height:196px !important;
    max-height:196px !important;
    overflow:hidden !important;
  }
}


/* ---------- v63 carousel year/name/mileage row fix ---------- */
/* Homepage car carousel: year + car name on the left, mileage all the way right.
   Long car names are allowed to wrap instead of being cut with three dots. */
body .carousel-card .inventory-summary{
  display:grid !important;
  grid-template-columns:1fr !important;
  grid-template-areas:"title" "price" !important;
  row-gap:12px !important;
  align-items:start !important;
  min-height:152px !important;
  height:auto !important;
  padding:20px 22px 22px !important;
  background:#0f1c30 !important;
  overflow:visible !important;
}

body .carousel-card .carousel-title-row{
  grid-area:title !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) max-content !important;
  column-gap:14px !important;
  align-items:start !important;
  width:100% !important;
  min-width:0 !important;
}

body .carousel-card .carousel-title-row h3{
  display:block !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  color:#f2ede3 !important;
  font-size:clamp(16px,1.18vw,20px) !important;
  line-height:1.22 !important;
  font-weight:650 !important;
  letter-spacing:-.01em !important;
  text-transform:none !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  word-break:normal !important;
  overflow-wrap:anywhere !important;
}

body .carousel-card .carousel-mileage{
  justify-self:end !important;
  align-self:start !important;
  white-space:nowrap !important;
  color:#e8b15a !important;
  font-size:clamp(13px,.92vw,16px) !important;
  line-height:1.25 !important;
  font-weight:700 !important;
  letter-spacing:.01em !important;
  text-align:right !important;
  padding-top:2px !important;
}

body .carousel-card .inventory-price-wrap{
  grid-area:price !important;
  display:block !important;
  min-width:0 !important;
  text-align:left !important;
  padding:0 !important;
}

body .carousel-card .inventory-price{
  margin:0 !important;
  color:#efb458 !important;
  font-size:clamp(20px,1.75vw,28px) !important;
  line-height:1.08 !important;
  font-weight:500 !important;
  letter-spacing:-.025em !important;
  white-space:normal !important;
}

@media (max-width: 1200px){
  body .carousel-card .inventory-summary{
    min-height:160px !important;
    padding:18px 18px 20px !important;
  }
  body .carousel-card .carousel-title-row h3{
    font-size:16px !important;
  }
  body .carousel-card .carousel-mileage{
    font-size:13px !important;
  }
}

@media (max-width: 640px){
  body .carousel-card .inventory-summary{
    min-height:142px !important;
    padding:17px 16px 18px !important;
    row-gap:10px !important;
  }
  body .carousel-card .carousel-title-row{
    column-gap:10px !important;
  }
  body .carousel-card .carousel-title-row h3{
    font-size:17px !important;
    line-height:1.2 !important;
  }
  body .carousel-card .carousel-mileage{
    font-size:13px !important;
    line-height:1.2 !important;
  }
  body .carousel-card .inventory-price{
    font-size:20px !important;
  }
}

@media (max-width: 390px){
  body .carousel-card .carousel-title-row h3{
    font-size:15.5px !important;
  }
  body .carousel-card .carousel-mileage{
    font-size:12px !important;
  }
}


/* ---------- v63 full brand lockup + new hero + smaller carousel price ---------- */
.brand{
  padding:0 !important;
  gap:0 !important;
  min-width:0 !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}
.brand > span,
.brand strong,
.brand small{display:none !important;}
.brand img.brand-lockup,
.brand img{
  content:url("assets/brand-lockup.webp");
  width:310px !important;
  max-width:min(32vw, 310px) !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  filter:none !important;
  display:block !important;
}
.footer-brand{
  display:block !important;
}
.footer-brand p,
.footer-brand span,
.footer-brand strong,
.footer-brand small{display:none !important;}
.footer-brand img.brand-lockup,
.footer-brand img{
  content:url("assets/brand-lockup.webp");
  width:300px !important;
  max-width:min(100%, 300px) !important;
  height:auto !important;
  object-fit:contain !important;
  filter:none !important;
  display:block !important;
}

/* Slightly smaller price in homepage carousel only */
body .carousel-card .inventory-price{
  font-size:16px !important;
  line-height:1.05 !important;
}
@media (min-width: 1200px){
  body .carousel-card .inventory-price{font-size:17px !important;}
}
@media (max-width: 980px){
  .brand img.brand-lockup,
  .brand img{
    width:240px !important;
    max-width:52vw !important;
  }
  .footer-brand img.brand-lockup,
  .footer-brand img{
    width:240px !important;
    max-width:100% !important;
  }
}
@media (max-width: 640px){
  .brand img.brand-lockup,
  .brand img{
    width:185px !important;
    max-width:54vw !important;
  }
  .footer-brand img.brand-lockup,
  .footer-brand img{
    width:220px !important;
  }
  body .carousel-card .inventory-price{
    font-size:11.5px !important;
  }
}


/* ---------- v64 smaller brand lockup height to match previous header/footer size ---------- */
.brand img.brand-lockup,
.brand img{
  content:url("assets/brand-lockup.webp");
  width:auto !important;
  height:64px !important;
  max-height:64px !important;
  max-width:min(30vw, 430px) !important;
  object-fit:contain !important;
}
.footer-brand img.brand-lockup,
.footer-brand img{
  content:url("assets/brand-lockup.webp");
  width:auto !important;
  height:58px !important;
  max-height:58px !important;
  max-width:min(100%, 360px) !important;
  object-fit:contain !important;
}

@media (max-width: 980px){
  .brand img.brand-lockup,
  .brand img{
    height:48px !important;
    max-height:48px !important;
    max-width:56vw !important;
  }
  .footer-brand img.brand-lockup,
  .footer-brand img{
    height:52px !important;
    max-height:52px !important;
    max-width:100% !important;
  }
}

@media (max-width: 640px){
  .brand img.brand-lockup,
  .brand img{
    height:40px !important;
    max-height:40px !important;
    max-width:58vw !important;
  }
  .footer-brand img.brand-lockup,
  .footer-brand img{
    height:46px !important;
    max-height:46px !important;
  }
}


/* ---------- v24 from v22: slightly smaller logo + readable mobile carousel price ---------- */
/* Base is v22. No v23 alignment/move changes included. */

/* Make the brand lockup just a little smaller, without moving it. */
.brand img.brand-lockup,
.brand img{
  height:58px !important;
  max-height:58px !important;
  width:auto !important;
}

.footer-brand img.brand-lockup,
.footer-brand img{
  height:52px !important;
  max-height:52px !important;
  width:auto !important;
}

@media (max-width: 980px){
  .brand img.brand-lockup,
  .brand img{
    height:45px !important;
    max-height:45px !important;
  }

  .footer-brand img.brand-lockup,
  .footer-brand img{
    height:49px !important;
    max-height:49px !important;
  }
}

@media (max-width: 640px){
  .brand img.brand-lockup,
  .brand img{
    height:38px !important;
    max-height:38px !important;
  }

  .footer-brand img.brand-lockup,
  .footer-brand img{
    height:44px !important;
    max-height:44px !important;
  }

  /* Mobile-only: make carousel price readable again. */
  body .carousel-card .inventory-price{
    font-size:14px !important;
    line-height:1.12 !important;
  }
}

@media (max-width: 390px){
  body .carousel-card .inventory-price{
    font-size:13.5px !important;
  }
}


/* ---------- v25 mobile typography cleanup: readable phone text sizes ---------- */
@media (max-width: 768px){
  body{font-size:16px !important;line-height:1.55 !important;}

  .hero-copy h1{font-size:clamp(32px,9vw,40px) !important;line-height:1.05 !important;letter-spacing:-.04em !important;}
  .hero-copy .lead,.lead{font-size:16px !important;line-height:1.55 !important;max-width:92vw !important;}
  .eyebrow{font-size:13px !important;line-height:1.25 !important;letter-spacing:.16em !important;}

  .btn,button,.whatsapp-inline,.inventory-open,.inventory-finn-link,.nav a{font-size:15px !important;line-height:1.25 !important;}
  .btn,.whatsapp-inline,.inventory-finn-link{padding:13px 16px !important;}
  .site-header .nav a{font-size:15px !important;line-height:1.35 !important;}
  .lang-toggle{font-size:13px !important;}

  .section-head h1,.section-head h2,.about-copy h2,.contact-intro h2,.legal-content h1{
    font-size:clamp(26px,7vw,32px) !important;line-height:1.12 !important;
  }

  .section-head p:not(.eyebrow),.about-copy p,.contact-box p,.legal-content p,.simple-step p,.inventory-description,.detail-description,.form-note{
    font-size:16px !important;line-height:1.55 !important;
  }

  body main#top > section.hero > .hero-points-wrap .hero-point-item h3,.hero-point-item h3{
    font-size:15px !important;line-height:1.25 !important;letter-spacing:.055em !important;
  }
  body main#top > section.hero > .hero-points-wrap .hero-point-item p,.hero-point-item p{
    font-size:14px !important;line-height:1.45 !important;max-width:24ch !important;
  }

  .simple-step h3{font-size:19px !important;line-height:1.22 !important;}
  .num{font-size:13px !important;}

  .carousel-card .inventory-summary h3,body .carousel-card .carousel-title-row h3{
    font-size:18px !important;line-height:1.25 !important;white-space:normal !important;overflow:visible !important;text-overflow:clip !important;
  }
  body .carousel-card .carousel-mileage{font-size:14px !important;line-height:1.25 !important;white-space:nowrap !important;}
  body .carousel-card .inventory-price,.carousel-card .inventory-price{font-size:17px !important;line-height:1.18 !important;}
  .carousel-card .inventory-main .tag,.tag{font-size:13px !important;line-height:1.2 !important;}

  .full-inventory-list .inventory-summary h3,.inventory-card:not(.carousel-card) .inventory-summary h3{
    font-size:20px !important;line-height:1.25 !important;
  }
  .inventory-card:not(.carousel-card) .inventory-price,.full-inventory-list .inventory-price{
    font-size:19px !important;line-height:1.2 !important;
  }

  .inventory-meta,.detail-meta{font-size:15px !important;line-height:1.45 !important;}
  .green-badge{font-size:13px !important;line-height:1.2 !important;}

  .detail-info h1{font-size:28px !important;line-height:1.15 !important;}
  .detail-info .inventory-price{font-size:24px !important;line-height:1.2 !important;}
  .detail-info h2{font-size:18px !important;line-height:1.25 !important;}
  .detail-features li{font-size:15px !important;line-height:1.4 !important;}
  .back-link{font-size:14px !important;}

  .inquiry-form label{font-size:15px !important;line-height:1.3 !important;}
  .inquiry-form input,.inquiry-form textarea,.inquiry-form select{
    font-size:16px !important;line-height:1.35 !important;padding:14px 14px !important;
  }

  .contact-details p,.contact-details a,.contact-details span,.footer-grid a,.footer-grid span,.footer-grid p,.footer-bottom{
    font-size:14px !important;line-height:1.45 !important;
  }
  .footer-grid h3{font-size:15px !important;line-height:1.25 !important;}
  .legal-content h2{font-size:21px !important;line-height:1.25 !important;}
}

@media (max-width: 390px){
  .hero-copy h1{font-size:31px !important;}
  .section-head h1,.section-head h2,.about-copy h2,.contact-intro h2{font-size:25px !important;}
  body main#top > section.hero > .hero-points-wrap .hero-point-item h3,.hero-point-item h3{font-size:14px !important;}
  body main#top > section.hero > .hero-points-wrap .hero-point-item p,.hero-point-item p{font-size:13px !important;}
  .carousel-card .inventory-summary h3,body .carousel-card .carousel-title-row h3{font-size:17px !important;}
  body .carousel-card .inventory-price,.carousel-card .inventory-price{font-size:16.5px !important;}
}


/* ---------- v27 desktop typography cleanup: standard readable desktop sizes ---------- */
/* Desktop/tablet only. Mobile typography from v25 is unchanged. */
@media (min-width: 769px){
  body{
    font-size:16px !important;
    line-height:1.6 !important;
  }

  /* Header / navigation */
  .site-header .nav a,
  .nav a{
    font-size:15px !important;
    line-height:1.35 !important;
  }
  .lang-toggle{
    font-size:13px !important;
    line-height:1.2 !important;
  }

  /* Hero */
  .hero-copy .eyebrow,
  .eyebrow{
    font-size:13px !important;
    line-height:1.25 !important;
    letter-spacing:.16em !important;
  }
  .hero-copy h1{
    font-size:clamp(48px, 4.7vw, 68px) !important;
    line-height:1.04 !important;
    letter-spacing:-.045em !important;
  }
  .hero-copy .lead,
  .lead{
    font-size:18px !important;
    line-height:1.55 !important;
  }

  /* Buttons / CTAs */
  .btn,
  button,
  .inventory-open,
  .inventory-finn-link,
  .whatsapp-inline{
    font-size:15px !important;
    line-height:1.25 !important;
  }

  /* Section headings and regular text */
  .section-head h1,
  .section-head h2,
  .about-copy h2,
  .contact-intro h2,
  .legal-content h1{
    font-size:clamp(36px, 3.2vw, 48px) !important;
    line-height:1.12 !important;
    letter-spacing:-.035em !important;
  }
  .section-head p:not(.eyebrow),
  .about-copy p,
  .contact-box p,
  .simple-step p,
  .legal-content p,
  .inventory-description,
  .detail-description,
  .form-note{
    font-size:16px !important;
    line-height:1.6 !important;
  }

  /* Quality points row */
  body main#top > section.hero > .hero-points-wrap .hero-point-item h3,
  .hero-point-item h3{
    font-size:13px !important;
    line-height:1.25 !important;
    letter-spacing:.075em !important;
  }
  body main#top > section.hero > .hero-points-wrap .hero-point-item p,
  .hero-point-item p{
    font-size:13px !important;
    line-height:1.42 !important;
    max-width:27ch !important;
  }

  /* How we work */
  .simple-step h3{
    font-size:22px !important;
    line-height:1.22 !important;
  }
  .num{
    font-size:14px !important;
  }

  /* Homepage carousel */
  .carousel-card .inventory-summary h3,
  body .carousel-card .carousel-title-row h3{
    font-size:20px !important;
    line-height:1.25 !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }
  body .carousel-card .carousel-mileage{
    font-size:15px !important;
    line-height:1.25 !important;
    white-space:nowrap !important;
  }
  body .carousel-card .inventory-price,
  .carousel-card .inventory-price{
    font-size:18px !important;
    line-height:1.2 !important;
  }
  .carousel-card .inventory-main .tag,
  .tag{
    font-size:13px !important;
    line-height:1.2 !important;
  }

  /* Full inventory cards */
  .full-inventory-list .inventory-summary h3,
  .inventory-card:not(.carousel-card) .inventory-summary h3{
    font-size:22px !important;
    line-height:1.25 !important;
  }
  .inventory-card:not(.carousel-card) .inventory-price,
  .full-inventory-list .inventory-price{
    font-size:24px !important;
    line-height:1.2 !important;
  }
  .inventory-meta,
  .detail-meta{
    font-size:15px !important;
    line-height:1.5 !important;
  }
  .green-badge{
    font-size:13px !important;
    line-height:1.2 !important;
  }

  /* Car detail page */
  .detail-info h1{
    font-size:clamp(34px, 3vw, 44px) !important;
    line-height:1.12 !important;
  }
  .detail-info .inventory-price{
    font-size:30px !important;
    line-height:1.2 !important;
  }
  .detail-info h2{
    font-size:21px !important;
    line-height:1.25 !important;
  }
  .detail-features li{
    font-size:15px !important;
    line-height:1.45 !important;
  }
  .back-link{
    font-size:14px !important;
  }

  /* Contact form and contact details */
  .contact-details p,
  .contact-details a,
  .contact-details span{
    font-size:16px !important;
    line-height:1.55 !important;
  }
  .inquiry-form label{
    font-size:15px !important;
    line-height:1.3 !important;
  }
  .inquiry-form input,
  .inquiry-form textarea,
  .inquiry-form select{
    font-size:16px !important;
    line-height:1.35 !important;
  }

  /* Footer and legal */
  .footer-grid h3,
  .site-footer h3{
    font-size:16px !important;
    line-height:1.25 !important;
  }
  .footer-grid a,
  .footer-grid span,
  .footer-grid p,
  .footer-bottom{
    font-size:15px !important;
    line-height:1.5 !important;
  }
  .legal-content h2{
    font-size:25px !important;
    line-height:1.25 !important;
  }
}

/* Medium desktop / laptop: keep sizes comfortable but prevent crowded cards. */
@media (min-width: 769px) and (max-width: 1180px){
  .hero-copy h1{
    font-size:clamp(40px, 5vw, 56px) !important;
  }
  .section-head h1,
  .section-head h2,
  .about-copy h2,
  .contact-intro h2,
  .legal-content h1{
    font-size:clamp(32px, 3.8vw, 42px) !important;
  }
  .carousel-card .inventory-summary h3,
  body .carousel-card .carousel-title-row h3{
    font-size:18px !important;
  }
  body .carousel-card .inventory-price,
  .carousel-card .inventory-price{
    font-size:17px !important;
  }
  body main#top > section.hero > .hero-points-wrap .hero-point-item h3,
  .hero-point-item h3{
    font-size:12px !important;
  }
  body main#top > section.hero > .hero-points-wrap .hero-point-item p,
  .hero-point-item p{
    font-size:12px !important;
    line-height:1.38 !important;
  }
}