:root{
  --bg:#ffffff;
  --surface:rgba(255,255,255,0.78);
  --text:#0f172a;
  --muted:#475569;
  --line:rgba(15,23,42,0.12);
  --brand:#3aae34;
  --brandRgb:58,174,52;
  --brandDark:#1b6c24;
  --brandDarkRgb:27,108,36;
  --brand2:#2c922d;
  --neon:#3aae34;
  --neon2:#3aae34;
  --shadow:0 18px 60px rgba(2,6,23,0.10);
  --glow:0 14px 54px rgba(58,174,52,0.22);
  --radius:20px;
  --container:1600px;
  --newsBannerH:40px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scrollbar-color:rgba(58,174,52,0.58) rgba(15,23,42,0.10);scrollbar-width:auto}
body{
  margin:0;
  font-family:Manrope,Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;
  font-weight:460;
  letter-spacing:-0.012em;
  font-size:16px;
  line-height:1.7;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  color:var(--text);
  background:
    radial-gradient(900px 560px at 18% -10%, rgba(58,174,52,0.14), transparent 64%),
    radial-gradient(980px 640px at 90% 6%, rgba(58,174,52,0.10), transparent 58%),
    linear-gradient(180deg, #ffffff, #fbfbfd 40%, #ffffff);
  user-select:none;
  -webkit-user-select:none;
  -webkit-tap-highlight-color:transparent;
}

h1,h2,h3,.brandName,.brandTag,.nav a,.btn,.pill,.kicker,.factTitle,.label{font-family:Manrope,Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}

html,body{cursor:url("/assets/cursor-32.png") 2 2, url("/assets/cursor-64.png") 4 4, auto !important}
*,*::before,*::after{cursor:inherit !important}

a,button,label,summary,[role="button"],.btn,.pill,.menu,.nav a,.gBtn,.vmNav,.ivNav,.vehicleModalClose,.imageViewerClose,.vmThumb,.ivDot,select{cursor:url("/assets/cursor_click-32.png") 2 2, url("/assets/cursor_click-64.png") 4 4, pointer !important}

input,textarea,[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"]{cursor:text !important}
input[type="button"],input[type="submit"],input[type="reset"],input[type="checkbox"],input[type="radio"],input[type="range"],input[type="file"],input[type="color"]{cursor:url("/assets/cursor_click-32.png") 2 2, url("/assets/cursor_click-64.png") 4 4, pointer !important}

.galleryViewport{cursor:url("/assets/cursor_grab-32.png") 2 2, url("/assets/cursor_grab-64.png") 4 4, grab !important}
.galleryViewport.dragging{cursor:url("/assets/grab-32.png") 2 2, url("/assets/grab-64.png") 4 4, grabbing !important}

body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(15,23,42,0.032) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15,23,42,0.032) 1px, transparent 1px);
  background-size:46px 46px;
  mask-image:radial-gradient(closest-side at 50% 10%, rgba(0,0,0,0.72), rgba(0,0,0,0.12), transparent);
  opacity:0.65;
}

a{color:inherit;text-decoration:none}
a:hover{text-decoration:none}
img{
  display:block;
  max-width:100%;
  height:auto;
  -webkit-user-drag:none;
  -webkit-touch-callout:none;
  user-select:none;
  -webkit-user-select:none;
  pointer-events:none;
}

input,textarea,select,button{
  font:inherit;
}

input,textarea,select{
  user-select:text;
  -webkit-user-select:text;
}

::-webkit-scrollbar{width:14px;height:14px}
::-webkit-scrollbar-track{background:rgba(15,23,42,0.06)}
::-webkit-scrollbar-thumb{
  background:rgba(58,174,52,0.55);
  border-radius:999px;
  border:4px solid rgba(15,23,42,0.06);
}
::-webkit-scrollbar-thumb:hover{background:rgba(58,174,52,0.68)}

.container{
  width:min(var(--container), 94vw);
  margin:0 auto;
}

.topbar{
  position:fixed;
  top:0;left:0;right:0;
  z-index:50;
  padding:10px 0;
  transition:background 160ms ease,border-color 160ms ease,transform 160ms ease;
  background:rgba(255,255,255,0.22);
  border-bottom:1px solid transparent;
}

.topbar.scrolled{
  background:rgba(255,255,255,0.84);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}

.topbar .container{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:14px;
}

.brand{
  display:flex;
  align-items:center;
  gap:10px;
  justify-self:start;
}

.brand img{width:48px;height:auto}

.nav{
  display:flex;
  gap:16px;
  align-items:center;
  justify-self:center;
  justify-content:center;
  flex-wrap:wrap;
}

.nav a{
  font-weight:850;
  font-size:13px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(15,23,42,0.76);
  padding:10px 10px;
  border-radius:12px;
  transition:transform 140ms ease, background 140ms ease, color 140ms ease, box-shadow 140ms ease;
}

.nav a:hover{
  color:rgba(15,23,42,0.92);
  background:rgba(15,23,42,0.04);
  transform:translateY(-1px);
}

.pill{
  padding:10px 12px;
  border-radius:16px;
  border:1px solid rgba(var(--brandRgb),0.34);
  background:
    radial-gradient(120% 200% at 20% 0%, rgba(var(--brandRgb),0.26), transparent 55%),
    radial-gradient(120% 200% at 80% 120%, rgba(var(--brandRgb),0.18), transparent 58%),
    rgba(2,6,23,0.08);
  color:rgba(15,23,42,0.92);
  box-shadow:0 12px 34px rgba(2,6,23,0.08), 0 0 30px rgba(var(--brandRgb),0.10);
  transition:transform 140ms ease, filter 140ms ease, box-shadow 140ms ease, background 140ms ease, border-color 140ms ease;
  backdrop-filter:blur(10px);
}

.pill:hover{
  transform:translateY(-1px);
  border-color:rgba(var(--brandRgb),0.44);
  box-shadow:0 16px 42px rgba(2,6,23,0.10), 0 0 42px rgba(var(--brandRgb),0.16);
}

.pill.ghost{
  background:rgba(2,6,23,0.03);
  border-color:rgba(2,6,23,0.10);
  color:rgba(15,23,42,0.78);
  box-shadow:none;
  backdrop-filter:none;
}

.menu{
  display:none;
  justify-self:end;
  width:44px;height:44px;
  border-radius:12px;
  border:1px solid rgba(2,6,23,0.10);
  background:rgba(255,255,255,0.78);
  backdrop-filter:blur(10px);
  padding:10px;
  cursor:pointer;
}

.menu span{
  display:block;
  height:2px;
  background:rgba(15,23,42,0.86);
  margin:6px 0;
  border-radius:2px;
  transition:transform 200ms ease,opacity 200ms ease;
}

main{padding-top:82px}

.newsBanner[hidden]{display:none !important}

.newsBanner{
  position:fixed;
  left:0;
  right:0;
  z-index:45;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:var(--newsBannerH);
  opacity:1;
  pointer-events:auto;
  transition:transform 260ms ease;
}

.newsBanner.isVisible{
  opacity:1;
  pointer-events:auto;
}

.newsBannerInner{
  width:min(var(--container), 94vw);
  margin:0 auto;
  min-height:var(--newsBannerH);
  padding:8px 0;
  display:flex;
  align-items:center;
  justify-content:center;
}

.newsBannerText{
  width:100%;
  font-weight:800;
  letter-spacing:.03em;
  text-transform:none;
  font-size:12px;
  color:rgba(255,255,255,0.94);
  text-align:center;
  line-height:1.2;
  padding:0 10px;
  white-space:normal;
  word-break:break-word;
}

.newsBannerText.swap{
  animation:newsBannerSwap 520ms ease both;
}

@keyframes newsBannerSwap{
  from{opacity:0;transform:translateY(1px)}
  to{opacity:1;transform:translateY(0)}
}

.newsBannerText.marquee{
  white-space:nowrap;
  overflow:hidden;
}

.newsBannerText .nbMarquee{
  width:100%;
  overflow:hidden;
}

.newsBannerText .nbTrack{
  display:inline-flex;
  align-items:center;
  gap:0;
  white-space:nowrap;
  will-change:transform;
  animation:nbMarquee var(--nbDur, 22s) linear infinite;
}

.newsBannerText .nbItem{
  display:inline-flex;
  align-items:center;
}

.newsBannerText .nbSep{
  width:34px;
  flex:0 0 34px;
}

@keyframes nbMarquee{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

.newsBanner.top{
  top:var(--topbarH, 82px);
  transform:translateY(-8px);
}

.newsBanner.top.isVisible{
  transform:translateY(0);
  background:linear-gradient(180deg, rgba(var(--brandRgb),0.96), rgba(var(--brandDarkRgb),0.98));
  box-shadow:0 12px 34px rgba(2,6,23,0.12);
  border-bottom:1px solid rgba(255,255,255,0.14);
}

.newsBanner.bottom{
  bottom:var(--nbBottomOffset, 0px);
  bottom:calc(var(--nbBottomOffset, 0px) + env(safe-area-inset-bottom));
  transform:translateY(8px);
  transition:transform 260ms ease, bottom 200ms ease;
}

.newsBanner.bottom.isVisible{
  transform:translateY(0);
  background:linear-gradient(180deg, rgba(220,38,38,0.92), rgba(153,27,27,0.96));
  box-shadow:0 -12px 34px rgba(2,6,23,0.12);
  border-top:1px solid rgba(255,255,255,0.14);
}

@media (max-width:620px){
  .heroTitle{display:none}
  .newsBannerText{font-size:11px;letter-spacing:.025em;white-space:nowrap;overflow:hidden}
}


.hero{
  position:relative;
  min-height:92vh;
  display:flex;
  align-items:stretch;
  border-bottom:1px solid var(--line);
}

.parallax{
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  background-attachment:fixed;
}

.overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,0.56), rgba(255,255,255,0.84) 56%, rgba(255,255,255,0.92));
}

.hero .overlay{
  background:linear-gradient(180deg, rgba(255,255,255,0.30), rgba(255,255,255,0.68) 56%, rgba(255,255,255,0.86));
}

.overlay.soft{
  background:linear-gradient(180deg, rgba(255,255,255,0.52), rgba(255,255,255,0.86) 64%, rgba(255,255,255,0.92));
}

.hero-inner{
  position:relative;
  width:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  gap:14px;
  padding:56px 0;
}

.kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-size:12px;
  color:rgba(15,23,42,0.66);
}

h1{
  margin:0;
  font-size:clamp(34px, 4.4vw, 66px);
  letter-spacing:-0.05em;
  line-height:1.03;
}

h2{
  margin:0 0 10px;
  font-size:clamp(26px, 2.8vw, 42px);
  letter-spacing:-0.04em;
  line-height:1.12;
}

h3{
  margin:0 0 8px;
  font-size:19px;
  letter-spacing:-0.01em;
}

.lead{
  max-width:66ch;
  color:rgba(15,23,42,0.76);
  line-height:1.75;
  font-size:17px;
  margin:0;
}

.lead.small{font-size:16px;max-width:74ch}

.cta{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  justify-content:center;
  margin-top:8px;
}

.btn{
  position:relative;
  overflow:hidden;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:12px 18px;
  border-radius:14px;
  font-weight:950;
  letter-spacing:-0.01em;
  border:1px solid rgba(var(--brandRgb),0.46);
  background:
    radial-gradient(120% 220% at 18% 0%, rgba(var(--brandRgb),0.40), transparent 56%),
    radial-gradient(120% 220% at 82% 120%, rgba(var(--brandRgb),0.28), transparent 58%),
    rgba(2,6,23,0.22);
  color:rgba(255,255,255,0.94);
  box-shadow:0 18px 54px rgba(var(--brandRgb),0.18), 0 0 34px rgba(var(--brandRgb),0.14);
  text-decoration:none;
  transform:translateY(0);
  transition:transform 140ms ease, filter 140ms ease, box-shadow 140ms ease, border-color 140ms ease, background 200ms ease;
  isolation:isolate;
  backdrop-filter:blur(12px);
}

.btn:before{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    radial-gradient(520px 260px at 20% 0%, rgba(var(--brandRgb),0.26), transparent 60%),
    radial-gradient(560px 300px at 80% 110%, rgba(var(--brandRgb),0.20), transparent 62%);
  opacity:0.70;
  transform:translateY(0);
  transition:opacity 160ms ease, transform 160ms ease;
  pointer-events:none;
  z-index:-1;
}

.btn:hover{
  filter:saturate(1.10) brightness(1.05);
  transform:translateY(-1px);
  border-color:rgba(var(--brandRgb),0.56);
  box-shadow:0 22px 66px rgba(var(--brandRgb),0.22), 0 0 52px rgba(var(--brandRgb),0.20);
}

.btn:hover:before{opacity:0.88;transform:translateY(-1px)}

.btn:active{transform:translateY(0)}

.btn:focus-visible{
  outline:none;
  box-shadow:0 0 0 4px rgba(var(--brandRgb),0.20), 0 22px 66px rgba(var(--brandRgb),0.22), 0 0 52px rgba(var(--brandRgb),0.20);
}

.btn.secondary{
  background:rgba(2,6,23,0.06);
  border-color:rgba(2,6,23,0.12);
  box-shadow:none;
  color:rgba(15,23,42,0.88);
  backdrop-filter:blur(8px);
}

.btn.secondary:before{display:none}

.btn.secondary:hover{background:rgba(2,6,23,0.08);transform:translateY(-1px)}

.btn.ghost{
  background:rgba(255,255,255,0.66);
  border-color:rgba(15,23,42,0.12);
  box-shadow:none;
  color:rgba(15,23,42,0.84);
  backdrop-filter:blur(10px);
}

.btn.ghost:before{display:none}

.facts{
  margin-top:20px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  width:90%;
}

.fact{
  border-radius:18px;
  border:1px solid rgba(15,23,42,0.10);
  background:rgba(255,255,255,0.74);
  box-shadow:0 18px 55px rgba(2,6,23,0.07);
  padding:16px 16px;
  text-align:center;
}

.hero .fact{
  background:linear-gradient(180deg, rgba(var(--brandRgb),0.92), rgba(var(--brandDarkRgb),0.96));
  border:1px solid rgba(255,255,255,0.18);
  box-shadow:0 18px 55px rgba(2,6,23,0.10), 0 0 50px rgba(var(--brandRgb),0.18);
}

.factTitle{
  font-size:12px;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-weight:950;
  color:rgba(15,23,42,0.58);
}

.hero .factTitle{color:rgba(255,255,255,0.86)}

.factValue{
  margin-top:6px;
  font-weight:900;
  color:rgba(15,23,42,0.88);
  line-height:1.4;
}

.hero .factValue{color:rgba(255,255,255,0.96)}

.factValue a{color:rgba(15,23,42,0.88)}
.factValue a:hover{color:rgba(15,23,42,1)}

.hero .factValue a{color:rgba(255,255,255,0.96)}
.hero .factValue a:hover{color:#ffffff}

.section{
  padding:78px 0;
}

.section .container{
  text-align:center;
}

.trustSection{padding:62px 0 70px;border-top:1px solid rgba(15,23,42,0.08)}
.trustContainer{max-width:1240px}
.trustHead{margin-bottom:18px;text-align:center}
.trustGrid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:28px;align-items:center}
.trustText{text-align:left}
.trustQuality{display:flex;gap:16px;align-items:flex-start}
.trustQualityImg{width:150px;max-width:34vw;height:auto;flex:0 0 auto;border:0;background:transparent;box-shadow:none;padding:0;border-radius:0;object-fit:contain;transform:translate3d(0,var(--floatY,0px),0);will-change:transform}
.trustCopy p{margin:0;color:rgba(15,23,42,0.76);line-height:1.75}
.trustCopy p + p{margin-top:12px}
.sig{margin-top:14px;display:flex;align-items:center;justify-content:center;gap:12px}
.signature{width:306px;max-width:92%;height:auto;filter:contrast(1.05)}
.trustCard{display:flex;justify-content:center}
.trustMedia{height:260px;aspect-ratio:1365 / 2048;width:auto;border-radius:16px;overflow:hidden;background:rgba(15,23,42,.92);box-shadow:var(--shadow);border:1px solid rgba(15,23,42,.18);display:flex;align-items:center;justify-content:center}
.trustSection .portrait{width:100%;height:100%;object-fit:contain;background:transparent;border-radius:16px;display:block}


.faqSection{
  padding:80px 0 96px;
  border-top:1px solid rgba(15,23,42,0.08);
  background:linear-gradient(180deg, #f9fafb, #ffffff);
}
.faqSection .container{text-align:center}
.faqWrap{
  margin:16px auto 0;
  width:min(1180px, 100%);
  display:grid;
  gap:14px;
  text-align:left;
}

.faqItem{
  border-radius:var(--radius);
  border:1px solid rgba(15,23,42,0.10);
  background:rgba(255,255,255,0.96);
  box-shadow:var(--shadow);
  overflow:hidden;
}

.faqItem[open]{
  border-color:rgba(var(--brandRgb),0.38);
  box-shadow:0 22px 68px rgba(15,23,42,0.18);
}

.faqItem summary{
  list-style:none;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:14px 16px;
  cursor:pointer;
  font-weight:950;
  color:rgba(15,23,42,0.86);
  letter-spacing:-0.015em;
  line-height:1.25;
  font-size:17px;
}

.faqItem summary::-webkit-details-marker{display:none}

.faqItem summary:after{
  content:"▾";
  opacity:0.72;
  transform:rotate(0);
  transition:transform 160ms ease, opacity 160ms ease;
  margin-left:12px;
  flex:0 0 auto;
}

.faqItem[open] summary:after{
  transform:rotate(180deg);
  opacity:0.92;
}

.faqBody{
  border-top:1px solid rgba(15,23,42,0.10);
  padding:0 16px 16px;
  color:rgba(15,23,42,0.80);
  line-height:1.75;
  font-weight:500;
}

.faqItem summary:focus-visible{
  outline:2px solid rgba(var(--brandRgb),0.40);
  outline-offset:2px;
  border-radius:14px;
}

@media (max-width:900px){
  .faqSection{padding:62px 0 78px}
  .faqItem summary{padding:13px 14px}
  .faqBody{padding:0 14px 14px}
}

@media (max-width:420px){
  .faqItem summary{padding:12px 12px}
  .faqBody{padding:0 12px 12px}
}


#vorteile{
  background:linear-gradient(180deg, rgba(var(--brandRgb),0.92), rgba(var(--brandDarkRgb),0.96));
  border-top:1px solid rgba(255,255,255,0.10);
  border-bottom:1px solid rgba(0,0,0,0.10);
}

#vorteile .kicker{color:rgba(255,255,255,0.84)}
#vorteile h2{color:rgba(255,255,255,0.98)}

.cards3{
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}

.card{
  border-radius:var(--radius);
  border:1px solid rgba(15,23,42,0.10);
  background:rgba(255,255,255,0.74);
  box-shadow:var(--shadow);
  padding:20px;
  transition:transform 170ms ease, box-shadow 170ms ease, background 170ms ease;
}

@media (hover:hover){
  .card:hover{
    transform:translateY(-1px);
    box-shadow:0 24px 74px rgba(2,6,23,0.12);
    background:rgba(255,255,255,0.78);
  }
}

.card p{margin:0;color:rgba(15,23,42,0.74);line-height:1.75}

.band{
  position:relative;
  padding:76px 0;
}

.band-inner{
  position:relative;
  text-align:center;
}

#fahrzeuge .overlay.soft{
  background:linear-gradient(180deg, rgba(2,6,23,0.62), rgba(2,6,23,0.76) 60%, rgba(2,6,23,0.58));
}

#fahrzeuge .kicker{color:rgba(255,255,255,0.82)}
#fahrzeuge h2{color:rgba(255,255,255,0.98)}
#fahrzeuge .lead{color:rgba(255,255,255,0.90)}
#fahrzeuge .miniStatus{color:rgba(255,255,255,0.74)}

#standort{
  background:linear-gradient(180deg, rgba(var(--brandRgb),0.92), rgba(var(--brandDarkRgb),0.96));
  border-top:1px solid rgba(255,255,255,0.10);
  border-bottom:1px solid rgba(0,0,0,0.10);
}

#standort .kicker{color:rgba(255,255,255,0.84)}
#standort h2{color:rgba(255,255,255,0.98)}

.locationMap{
  margin:18px auto 0;
  width:min(1180px, 100%);
}

.locationMap iframe{height:460px}

.locationInfo{margin-top:16px}

.split{
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:18px;
  align-items:center;
  text-align:center;
}

.split .actions{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px;
}

.muted{color:rgba(15,23,42,0.70);line-height:1.75}

.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;justify-content:center}

.chip{
  padding:8px 12px;
  border-radius:16px;
  border:1px solid rgba(var(--brandRgb),0.22);
  background:rgba(var(--brandRgb),0.10);
  color:#0a3a18;
  font-weight:900;
  font-size:13px;
}

.checklist{
  margin:16px auto 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:10px;
  width:min(760px, 100%);
}

.checklist li{
  display:flex;
  gap:10px;
  align-items:flex-start;
  border-radius:18px;
  border:1px solid rgba(15,23,42,0.10);
  background:rgba(255,255,255,0.74);
  padding:12px 12px;
  text-align:left;
}

.check{
  width:22px;height:22px;border-radius:8px;
  background:rgba(var(--brandRgb),0.12);
  border:1px solid rgba(var(--brandRgb),0.22);
  box-shadow:0 12px 34px rgba(var(--brandRgb),0.10);
  flex:0 0 22px;
  margin-top:2px;
  position:relative;
}

.check:after{
  content:"";
  position:absolute;
  inset:0;
  margin:auto;
  width:10px;height:6px;
  border-left:2px solid rgba(var(--brandRgb),0.98);
  border-bottom:2px solid rgba(var(--brandRgb),0.98);
  transform:rotate(-45deg);
  top:6px;
  left:5px;
}

.divider{height:1px;background:rgba(15,23,42,0.10);margin:16px 0}

.grid2{
  display:grid;
  grid-template-columns:1.1fr 0.9fr;
  gap:18px;
  align-items:center;
  padding:0;
  text-align:center;
}

.infoRows{
  margin:16px auto 0;
  display:grid;
  gap:10px;
  width:min(760px, 100%);
}

.infoRows .row{
  display:grid;
  grid-template-columns:160px 1fr;
  gap:10px;
  align-items:start;
  padding:12px 12px;
  border-radius:18px;
  border:1px solid rgba(15,23,42,0.10);
  background:rgba(255,255,255,0.74);
  text-align:left;
}

.label{
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-size:11px;
  color:rgba(15,23,42,0.58);
}

.value{
  font-weight:900;
  color:rgba(15,23,42,0.84);
  line-height:1.55;
}

.value a{color:rgba(15,23,42,0.84)}
.value a:hover{color:rgba(15,23,42,1)}

.mapCard{
  border-radius:var(--radius);
  border:1px solid rgba(15,23,42,0.10);
  background:rgba(255,255,255,0.74);
  box-shadow:var(--shadow);
  overflow:hidden;
  width:min(1180px, 100%);
  margin:0 auto;
}

.mapHeader{
  padding:14px 16px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-size:12px;
  color:rgba(15,23,42,0.62);
  border-bottom:1px solid rgba(15,23,42,0.10);
}

.mapCard iframe{
  width:100%;
  height:360px;
  border:0;
  display:block;
}

.field{display:grid;gap:6px;margin:10px 0;text-align:left}

.field label{
  font-weight:950;
  font-size:13px;
  color:rgba(15,23,42,0.70);
}

input,textarea{
  width:100%;
  padding:12px 12px;
  border-radius:14px;
  border:1px solid rgba(15,23,42,0.16);
  background:#ffffff;
  color:rgba(15,23,42,0.92);
  outline:none;
}

select{
  width:100%;
  padding:12px 12px;
  border-radius:14px;
  border:1px solid rgba(15,23,42,0.16);
  background:#ffffff;
  color:rgba(15,23,42,0.92);
  outline:none;
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  background-image:
    linear-gradient(45deg, transparent 50%, rgba(15,23,42,0.72) 50%),
    linear-gradient(135deg, rgba(15,23,42,0.72) 50%, transparent 50%);
  background-position:calc(100% - 18px) calc(50% - 3px), calc(100% - 12px) calc(50% - 3px);
  background-size:6px 6px, 6px 6px;
  background-repeat:no-repeat;
  padding-right:34px;
}

textarea{min-height:120px;resize:vertical}

.opt{font-weight:850;font-size:12px;color:rgba(15,23,42,0.56)}

.topicTabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.topicTab{width:100%;padding:12px 10px;border-radius:16px;border:1px solid rgba(15,23,42,0.14);background:rgba(255,255,255,0.92);font-weight:950;color:rgba(15,23,42,0.78);letter-spacing:.02em;cursor:pointer;transition:transform .08s ease, box-shadow .18s ease, border-color .18s ease}
.topicTab:hover{border-color:rgba(var(--brandRgb),0.34);box-shadow:0 10px 26px rgba(15,23,42,0.08)}
.topicTab:active{transform:scale(0.985)}
.topicTab.active{border-color:rgba(var(--brandRgb),0.65);box-shadow:0 0 0 4px rgba(var(--brandRgb),0.16), 0 10px 28px rgba(15,23,42,0.10);color:rgba(15,23,42,0.92)}

.sellFields{margin-top:6px}
.sellGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sellGrid .field{margin:0}

@media (max-width:520px){.topicTabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:360px){.topicTabs{grid-template-columns:1fr}}
@media (max-width:620px){.sellGrid{grid-template-columns:1fr}}

input:focus,textarea:focus,select:focus{
  border-color:rgba(var(--brandRgb),0.60);
  box-shadow:0 0 0 4px rgba(var(--brandRgb),0.18);
}

.formActions{
  display:flex;
  gap:12px;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  margin-top:12px;
}

.formStatus{margin-top:10px;color:rgba(15,23,42,0.76);font-weight:850;text-align:center}

.full{width:100%}

.mini{
  font-size:13px;
  font-weight:850;
  color:rgba(15,23,42,0.66);
  text-align:center;
}

.footer{
  padding:30px 0;
  border-top:1px solid rgba(255,255,255,0.10);
  background:linear-gradient(180deg, rgba(var(--brandRgb),0.92), rgba(var(--brandDarkRgb),0.96));
  color:rgba(255,255,255,0.94);
}

.footer a{color:rgba(255,255,255,0.84);font-weight:850;letter-spacing:.06em;text-transform:uppercase;font-size:12px}
.footer a:hover{color:#ffffff}
.footerInner{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
  flex-wrap:wrap;
}

.footerBrand{
  display:flex;
  align-items:center;
  gap:10px;
}

.footerBrand img{width:32px;height:auto}

.footerLeft .muted{color:rgba(255,255,255,0.74)}
.footerRight{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
}

.footerRight a.muted{opacity:0.72}

.catalogBar{
  margin:18px auto 0;
  width:min(1180px, 100%);
  display:grid;
  gap:12px;
}

.catalogQuick{
  display:grid;
  grid-template-columns:minmax(0, 1.35fr) minmax(0, 0.65fr);
  gap:12px;
  align-items:end;
}

.catalogField{
  display:grid;
  gap:6px;
  text-align:left;
}

.catalogField label{
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-size:11px;
  color:rgba(15,23,42,0.58);
}

.catalogFilters{
  border-radius:var(--radius);
  border:1px solid rgba(15,23,42,0.10);
  background:rgba(255,255,255,0.74);
  box-shadow:var(--shadow);
  overflow:hidden;
  text-align:left;
}

.catalogFilters summary{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  cursor:pointer;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-size:12px;
  color:rgba(15,23,42,0.70);
  user-select:none;
}

.catalogFilters summary::-webkit-details-marker{display:none}

.catalogFilters summary:after{
  content:"▾";
  opacity:0.72;
  transform:rotate(0);
  transition:transform 160ms ease, opacity 160ms ease;
}

.catalogFilters[open] summary:after{
  transform:rotate(180deg);
  opacity:0.92;
}

.catalogFiltersBody{
  border-top:1px solid rgba(15,23,42,0.10);
  padding:14px;
  display:grid;
  gap:12px;
}

.catalogFiltersGrid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
  align-items:end;
}

.catalogFiltersActions{
  display:flex;
  justify-content:flex-end;
}

.catalogCount{
  font-weight:850;
  color:rgba(15,23,42,0.66);
  font-size:13px;
  text-align:center;
  min-height:18px;
}

.vehicleGrid{
  margin-top:22px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}

.vehicleCard{
  border-radius:var(--radius);
  border:1px solid rgba(15,23,42,0.10);
  background:rgba(255,255,255,0.82);
  box-shadow:0 18px 60px rgba(2,6,23,0.09);
  overflow:hidden;
  transform:translateY(0);
  transition:transform 170ms ease, box-shadow 170ms ease;
  will-change:transform;
}

.vehicleCard:hover{
  transform:translateY(-2px);
  box-shadow:0 24px 74px rgba(2,6,23,0.12);
}

.vehicleLink{display:block;color:inherit}

.vehicleImg{
  aspect-ratio:16/9;
  width:100%;
  background:linear-gradient(135deg, rgba(var(--brandRgb),0.14), rgba(var(--brandDarkRgb),0.06));
  overflow:hidden;
}

.vehicleImg img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.vehicleBody{padding:16px;text-align:center}

.vehicleTitle{
  font-weight:950;
  letter-spacing:-0.02em;
  line-height:1.2;
  margin:0 0 10px;
  font-size:16px;
}

.vehicleMeta{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:10px 10px;
  justify-items:stretch;
}

.metaItem{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:8px 10px;
  border-radius:16px;
  border:1px solid rgba(15,23,42,0.10);
  background:rgba(255,255,255,0.76);
  color:rgba(15,23,42,0.72);
  font-weight:850;
  font-size:13px;
  transition:transform 140ms ease, background 140ms ease;
}

@media (hover:hover){
  .metaItem:hover{transform:translateY(-1px);background:rgba(255,255,255,0.84)}
}

.metaItem svg{
  width:16px;height:16px;
  stroke:rgba(var(--brandRgb),0.98);
  stroke-width:2;
  fill:none;
  flex:0 0 16px;
}

.price{
  margin-top:14px;
  font-size:20px;
  font-weight:950;
  color:rgba(var(--brandRgb),0.98);
  letter-spacing:-0.02em;
}

.miniStatus{
  margin-top:12px;
  color:rgba(15,23,42,0.66);
  font-weight:850;
  font-size:13px;
}

.centerActions{
  margin-top:18px;
  display:flex;
  justify-content:center;
}

.swapTick .vehicleCard{
  animation:swapLift 220ms ease both;
}

@keyframes swapLift{
  from{transform:translateY(6px)}
  to{transform:translateY(0)}
}

.floatOnScroll{
  transform:translate3d(0,var(--floatY,0px),0);
  will-change:transform;
}

.gallery{
  margin-top:20px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:14px;
}

.galleryTop{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
}

.galleryViewport{
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x mandatory;
  border-radius:var(--radius);
  border:1px solid rgba(15,23,42,0.10);
  background:rgba(255,255,255,0.64);
  box-shadow:var(--shadow);
  cursor:grab;
  scrollbar-width:none;
  -ms-overflow-style:none;
  touch-action:pan-y;
}

.galleryViewport.dragging{
  cursor:grabbing;
  scroll-snap-type:none;
}

.galleryViewport::-webkit-scrollbar{width:0;height:0;display:none}

.galleryTrack{
  display:flex;
  gap:14px;
  padding:14px;
}

.gSlide{
  flex:0 0 auto;
  width:min(460px, 82vw);
  aspect-ratio:16/10;
  border-radius:calc(var(--radius) - 6px);
  overflow:hidden;
  border:1px solid rgba(15,23,42,0.10);
  background:linear-gradient(135deg, rgba(var(--brandRgb),0.14), rgba(var(--brandDarkRgb),0.06));
  scroll-snap-align:center;
}

.gSlide img{width:100%;height:100%;object-fit:cover}

.galleryArrows{
  display:flex;
  gap:12px;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
}

.gBtn{
  width:46px;height:46px;
  border-radius:14px;
  border:1px solid rgba(15,23,42,0.10);
  background:rgba(255,255,255,0.82);
  box-shadow:0 12px 34px rgba(2,6,23,0.08);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:transform 140ms ease, background 140ms ease, box-shadow 140ms ease;
}

.gBtn:hover{transform:translateY(-1px);background:rgba(255,255,255,0.92);box-shadow:0 16px 42px rgba(2,6,23,0.10)}
.gBtn:active{transform:translateY(0)}
.gBtn svg{width:20px;height:20px;stroke:rgba(15,23,42,0.82);stroke-width:2;fill:none}

.galleryStatus{min-height:18px;font-weight:850;color:rgba(15,23,42,0.66);font-size:13px;text-align:center}

@media (max-width:1020px){
  .split{grid-template-columns:1fr}
  .trustGrid{grid-template-columns:1fr}
  .catalogFiltersGrid{grid-template-columns:repeat(2, minmax(0, 1fr))}
}

@media (max-width:900px){
  .topbar .container{grid-template-columns:auto 1fr auto}
  .nav{
    position:fixed;
    left:0;right:0;
    top:72px;
    background:rgba(255,255,255,0.94);
    backdrop-filter:blur(14px);
    border-bottom:1px solid var(--line);
    padding:14px 14px;
    transform:translateY(-10px);
    opacity:0;
    pointer-events:none;
    flex-direction:column;
    align-items:center;
    gap:10px;
    transition:opacity 160ms ease, transform 160ms ease;
  }
  .nav a{width:100%;text-align:center}
  .nav.open{
    opacity:1;
    transform:translateY(0);
    pointer-events:auto;
  }
  .menu{display:block}
  .facts{grid-template-columns:1fr}
  .cards3{grid-template-columns:1fr}
  .grid2{grid-template-columns:1fr}
  .trustText{text-align:center}
  .trustQuality{flex-direction:column;align-items:center;text-align:center}
  .trustQualityImg{width:min(240px, 78vw);max-width:78vw}
  .trustMedia{height:240px}
  .infoRows .row{grid-template-columns:1fr}
  .vehicleGrid{grid-template-columns:1fr}
  .parallax{background-attachment:scroll}
  .mapCard iframe{height:320px}
  .catalogQuick{grid-template-columns:1fr}
  .catalogFiltersGrid{grid-template-columns:1fr}
  .catalogFiltersActions{justify-content:stretch}
  .catalogFiltersActions .btn{width:100%}
}

@media (max-width:420px){
  .brand img{width:32px}
  .btn{width:100%}
  .cta{width:100%}
  .fact{padding:14px}
  .card{padding:18px}
  .galleryTrack{padding:12px}
  .footerBrand img{width:16px}
}

@media (min-width:1200px){
  body{
    font-size:17px;
  }
}

@media (prefers-reduced-motion:reduce){
  *, *:before, *:after{transition:none !important;animation:none !important;scroll-behavior:auto !important}
}