/* ===========================================================================
   LV Automotive — shared design system (used by every page)
   Design tokens: brand #e0142a (hover #f01a32, dark #c0121f, deep #a50f1b),
   accent #ff2b40, ink #16161c, muted #6c6c77, faint #9aa0ad,
   light surfaces #fff / #f4f5f7 / #f7f8fa, borders #e7e8ec / #e4e6ea / #d9dbe0,
   dark surfaces #0a0a0c / #070708, success #0f7a3d.
   Fonts: Saira Condensed (display), Barlow (body), Archivo (labels), Space Mono (mono).
   =========================================================================== */
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
html{-webkit-text-size-adjust:100%;overflow-x:hidden;}
body{font-family:Barlow,sans-serif;background:#ffffff;color:#16161c;}
a{text-decoration:none;}
img{max-width:100%;}
[data-chips]{scrollbar-width:none;}
[data-chips]::-webkit-scrollbar{height:0;display:none;}
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-thumb{background:#cfd2d8;border-radius:8px;}

/* ---- keyframes ---- */
@keyframes chromeShine{0%{background-position:0% 50%;}100%{background-position:-200% 50%;}}
@keyframes slashDrift{0%,100%{transform:skewX(-18deg) translateX(0);}50%{transform:skewX(-18deg) translateX(-18px);}}
@keyframes slashStreak{0%{background-position:185% 0;}100%{background-position:-70% 0;}}
@keyframes slashPulse{0%,100%{opacity:.55;}50%{opacity:1;}}
@keyframes pulseDot{0%,100%{opacity:1;}50%{opacity:.35;}}
@keyframes lvSheen{0%{background-position:165% 0;}55%{background-position:-65% 0;}100%{background-position:-65% 0;}}
@keyframes logoGlow{0%,66%,100%{filter:drop-shadow(0 0 0 rgba(224,20,42,0)) brightness(1);}33%{filter:drop-shadow(0 0 8px rgba(224,20,42,.55)) brightness(1.14);}}

/* ---- reveal-on-scroll (JS drives opacity/transform; this is the resting/no-JS state) ---- */
[data-reveal]{}

/* ===========================================================================
   NAV (injected into #lvNav by lv-site.js) — fixed dark bar, hamburger <860px
   =========================================================================== */
.lv-navbar{position:fixed;top:0;left:0;right:0;z-index:100;background:#0a0a0c;font-family:Barlow,sans-serif;}
.lv-navbar .lv-navstripe{height:3px;background:linear-gradient(90deg,#e0142a,#7a0a16);}
.lv-nav-desktop{display:block;}
.lv-nav-mobile{display:none;}
@media (max-width:859px){
  .lv-nav-desktop{display:none;}
  .lv-nav-mobile{display:block;}
}
.lv-logosheen{position:absolute;inset:0;pointer-events:none;-webkit-mask:url(assets/lv-logo-hd.png) left center / contain no-repeat;mask:url(assets/lv-logo-hd.png) left center / contain no-repeat;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.9) 50%,transparent 58%);background-size:260% 100%;background-repeat:no-repeat;mix-blend-mode:screen;animation:lvSheen 4.8s ease-in-out infinite;}
.lv-navlink{font:600 12px Barlow,sans-serif;letter-spacing:.08em;color:rgba(255,255,255,.72);text-transform:uppercase;white-space:nowrap;transition:color .15s;}
.lv-navlink:hover{color:#fff;}
.lv-navlink.lv-active{color:#ff2b40;}
.lv-langbtn{border:none;cursor:pointer;font:700 11px Archivo,sans-serif;letter-spacing:.08em;padding:6px 12px;border-radius:999px;transition:all .15s;background:transparent;color:rgba(255,255,255,.55);}
.lv-langbtn.lv-on{background:#e0142a;color:#fff;}
.lv-ham{width:46px;height:46px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:10px;cursor:pointer;padding:0;flex:none;}
.lv-bar{display:block;width:20px;height:2px;background:#fff;border-radius:2px;transition:transform .22s,opacity .22s;}
.lv-mmenu{display:none;padding:2px 18px 18px;}
.lv-mnav.lv-open .lv-mmenu{display:block;}
.lv-mnav.lv-open .lv-bar1{transform:translateY(7px) rotate(45deg);}
.lv-mnav.lv-open .lv-bar2{opacity:0;}
.lv-mnav.lv-open .lv-bar3{transform:translateY(-7px) rotate(-45deg);}
.lv-mlink{display:block;padding:14px 4px;font:600 14px Barlow,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.82);border-bottom:1px solid rgba(255,255,255,.06);}
.lv-mlink.lv-active{color:#ff2b40;font-weight:700;}

/* ===========================================================================
   FOOTER (injected into #lvFooter by lv-site.js)
   =========================================================================== */
.lv-footer{background:#070708;padding:clamp(40px,7vw,58px) 0 28px;border-top:1px solid rgba(255,255,255,.06);font-family:Barlow,sans-serif;}
.lv-footlink{display:block;font:500 14px Barlow;color:rgba(255,255,255,.62);margin-bottom:9px;transition:color .15s;}
.lv-footlink:hover{color:#fff;}

/* ---- shared section helpers ---- */
.lv-wrap{max-width:1240px;margin:0 auto;padding:0 clamp(20px,5vw,32px);}
.lv-btn-red{background:#e0142a;color:#fff;font:700 13px Archivo,sans-serif;letter-spacing:.08em;text-transform:uppercase;border-radius:11px;transition:background .18s;}
.lv-btn-red:hover{background:#f01a32;}