/* =========================================================
   AUTO ŠUHO — instrument-cluster design system
   ========================================================= */

:root{
  /* ground + housings */
  --ink:#08080A;
  --housing:#101014;
  --housing-2:#17171C;
  --housing-3:#1F1F26;
  --bezel:rgba(255,255,255,0.07);
  --bezel-strong:rgba(255,255,255,0.14);

  /* brand */
  --red:#E2001A;
  --red-hot:#FF2B3E;
  --red-glow:rgba(226,0,26,0.45);

  /* instrument amber — secondary readouts */
  --amber:#FFB020;
  --amber-dim:rgba(255,176,32,0.55);

  /* status lights */
  --led-ok:#3DDC6E;
  --led-hold:#FFB020;

  /* type */
  --chrome:#E9EBEE;
  --chrome-2:#B9BDC4;
  --muted:#7C808A;

  --radius:2px;
  --shadow-deep:0 30px 70px -28px rgba(0,0,0,0.9);
  --maxw:1260px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}

body{
  margin:0;
  background:var(--ink);
  color:var(--chrome);
  font-family:'Barlow',system-ui,-apple-system,Segoe UI,sans-serif;
  font-size:16px;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;}

.container{max-width:var(--maxw);margin:0 auto;padding:0 26px;}
.mono{font-family:'JetBrains Mono',ui-monospace,monospace;font-variant-numeric:tabular-nums;}

/* ---------- typography ---------- */
h1,h2,h3,h4{
  font-family:'Archivo',Impact,sans-serif;
  font-weight:800;
  font-stretch:118%;
  text-transform:uppercase;
  letter-spacing:-0.005em;
  line-height:1.08;
  margin:0 0 0.45em;
  text-wrap:balance;
}
h1{font-size:clamp(2.15rem,4.6vw,3.55rem);}
h2{font-size:clamp(1.85rem,3.6vw,2.85rem);}
h3{font-size:1.15rem;font-stretch:110%;}
p{margin:0 0 1em;color:var(--chrome-2);}
p:last-child{margin-bottom:0;}
.lead{font-size:1.08rem;line-height:1.6;max-width:48ch;color:var(--chrome-2);}

.chrome-text{
  background:linear-gradient(178deg,#FFFFFF 0%,#D8DBE0 38%,#8E939B 52%,#F2F4F6 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
.red-text{color:var(--red);}

/* ---------- labels / eyebrows ---------- */
.label{
  font-family:'Barlow Condensed',sans-serif;
  font-weight:600;font-size:0.82rem;
  letter-spacing:0.2em;text-transform:uppercase;
  color:var(--muted);
}
.eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-family:'Barlow Condensed',sans-serif;
  font-weight:600;font-size:0.9rem;
  letter-spacing:0.22em;text-transform:uppercase;
  color:var(--red);
  margin-bottom:1rem;
}
.eyebrow .led{
  width:7px;height:7px;border-radius:50%;
  background:var(--red);box-shadow:0 0 10px 1px var(--red-glow);
  animation:led-pulse 2.4s ease-in-out infinite;
}
@keyframes led-pulse{0%,100%{opacity:1}50%{opacity:.35}}

.section-index{
  font-family:'Archivo',sans-serif;font-weight:900;font-stretch:125%;
  font-size:0.78rem;letter-spacing:0.16em;
  color:var(--muted);
  border:1px solid var(--bezel);
  padding:3px 9px;border-radius:var(--radius);
}

/* ---------- textures ---------- */
.tex-weave{
  background-image:
    repeating-linear-gradient(45deg, rgba(255,255,255,0.016) 0 1px, transparent 1px 4px),
    repeating-linear-gradient(-45deg, rgba(255,255,255,0.016) 0 1px, transparent 1px 4px);
}
.tex-streaks{position:relative;}
.tex-streaks::before{
  content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
  background:
    linear-gradient(90deg, transparent, rgba(226,0,26,0.05) 30%, transparent 62%),
    repeating-linear-gradient(0deg, rgba(255,255,255,0.022) 0 1px, transparent 1px 46px);
  mask-image:linear-gradient(180deg, transparent, #000 22%, #000 78%, transparent);
}
.tex-streaks > *{position:relative;z-index:1;}

/* ---------- glow ---------- */
.glow-wrap{position:relative;}
.glow-wrap::before,.glow-wrap::after{
  content:'';position:absolute;border-radius:50%;filter:blur(80px);
  z-index:0;pointer-events:none;
}
.glow-wrap::before{width:62%;height:62%;background:var(--red);opacity:0.30;top:-22%;right:-16%;}
.glow-wrap::after{width:48%;height:48%;background:#5C6470;opacity:0.22;bottom:-18%;left:-14%;}
.glow-wrap.amber::before{background:var(--amber);opacity:0.16;}
.glow-wrap > *{position:relative;z-index:1;}

/* ---------- bezel corners ---------- */
.corner{position:absolute;width:14px;height:14px;border:2px solid var(--red);opacity:.8;z-index:3;pointer-events:none;}
.corner.tl{top:-1px;left:-1px;border-right:0;border-bottom:0;}
.corner.tr{top:-1px;right:-1px;border-left:0;border-bottom:0;}
.corner.bl{bottom:-1px;left:-1px;border-right:0;border-top:0;}
.corner.br{bottom:-1px;right:-1px;border-left:0;border-top:0;}

/* ---------- buttons ---------- */
.btn{
  position:relative;overflow:hidden;
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:0.92em 1.7em;border-radius:var(--radius);border:1px solid transparent;
  font-family:'Barlow Condensed',sans-serif;
  font-weight:600;font-size:1.02rem;letter-spacing:0.12em;text-transform:uppercase;
  cursor:pointer;white-space:nowrap;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, color .18s ease;
}
.btn-primary{
  background:linear-gradient(180deg,var(--red-hot),var(--red));
  color:#fff;box-shadow:0 12px 30px -12px var(--red-glow), inset 0 1px 0 rgba(255,255,255,0.25);
}
.btn-primary::after{
  content:'';position:absolute;top:0;left:-120%;width:60%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.35),transparent);
  transform:skewX(-20deg);transition:left .55s ease;
}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 38px -14px var(--red-glow);}
.btn-primary:hover::after{left:130%;}
.btn-ghost{background:rgba(255,255,255,0.02);color:var(--chrome);border-color:var(--bezel-strong);}
.btn-ghost:hover{border-color:var(--red);color:var(--red);transform:translateY(-2px);}
.btn-sm{padding:0.6em 1.1em;font-size:0.88rem;letter-spacing:0.1em;}
.btn:focus-visible{outline:2px solid var(--amber);outline-offset:3px;}
a:focus-visible{outline:2px solid var(--amber);outline-offset:3px;}

/* =========================================================
   HEADER
   ========================================================= */
.site-header{
  position:sticky;top:0;z-index:60;
  background:rgba(8,8,10,0.9);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--bezel);
}
.nav-inner{
  max-width:var(--maxw);margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;gap:22px;
  padding:15px 26px;
}
.brand{
  display:inline-flex;align-items:baseline;gap:0.34em;
  font-family:'Archivo',sans-serif;font-weight:900;font-stretch:122%;
  font-size:1.42rem;letter-spacing:0.02em;text-transform:uppercase;white-space:nowrap;
}
.nav-links{display:flex;align-items:center;gap:1.9rem;list-style:none;margin:0;padding:0;}
.nav-links a{
  font-family:'Barlow Condensed',sans-serif;font-weight:600;
  font-size:1rem;letter-spacing:0.14em;text-transform:uppercase;
  color:var(--chrome-2);white-space:nowrap;position:relative;padding-bottom:3px;
  transition:color .2s;
}
.nav-links a::after{
  content:'';position:absolute;left:0;bottom:0;width:0;height:2px;
  background:var(--red);transition:width .25s ease;
}
.nav-links a:hover{color:var(--chrome);}
.nav-links a:hover::after{width:100%;}
.nav-right{display:flex;align-items:center;gap:1.1rem;white-space:nowrap;}
.nav-phone{
  font-family:'JetBrains Mono',monospace;font-weight:600;font-size:0.95rem;
  color:var(--chrome);letter-spacing:-0.02em;
}
@media (max-width:960px){
  .nav-links{display:none;}
  .nav-inner{padding:13px 20px;}
}
@media (max-width:560px){
  .nav-phone{display:none;}
}
@media (max-width:420px){
  .nav-inner{padding:12px 16px;gap:12px;}
  .brand{font-size:1.2rem;}
  .nav-right .btn{padding:0.55em 0.85em;font-size:0.8rem;letter-spacing:0.06em;}
  .container{padding:0 18px;}
}

/* =========================================================
   HERO
   ========================================================= */
.hero{position:relative;padding:72px 0 84px;overflow:hidden;}
.hero-grid{
  display:grid;grid-template-columns:1fr 0.95fr;gap:52px;align-items:center;
}
.hero h1{text-wrap:pretty;}
/* keep the red half on one line only where it actually fits */
@media (min-width:760px){ .hero h1 .nb{white-space:nowrap;} }
@media (max-width:980px){.hero-grid{grid-template-columns:1fr;gap:44px;}}

.hero h1{margin-bottom:0.5em;}
.hero-cta{display:flex;gap:14px;margin-top:1.9rem;flex-wrap:wrap;}

.hero-strip{
  display:flex;gap:0;margin-top:2.6rem;
  border:1px solid var(--bezel);border-radius:var(--radius);
  background:linear-gradient(180deg,var(--housing),rgba(16,16,20,0.4));
  overflow:hidden;
}
.hero-strip .cell{
  flex:1;padding:16px 20px;border-right:1px solid var(--bezel);
  display:flex;flex-direction:column;justify-content:flex-start;
}
.hero-strip .cell:last-child{border-right:0;}
.hero-strip .cell b{
  display:block;font-family:'Archivo',sans-serif;font-weight:800;font-stretch:115%;
  font-size:1.35rem;color:var(--chrome);line-height:1.1;letter-spacing:-0.01em;
  font-variant-numeric:tabular-nums;
}
.hero-strip .cell span{
  display:block;margin-top:3px;
  font-family:'Barlow Condensed',sans-serif;font-weight:500;
  font-size:0.82rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--muted);
}
@media (max-width:520px){
  .hero-strip{flex-direction:column;}
  .hero-strip .cell{border-right:0;border-bottom:1px solid var(--bezel);}
  .hero-strip .cell:last-child{border-bottom:0;}
}

/* ----- the gauge cluster ----- */
.cluster{
  position:relative;
  padding:30px 34px 26px;
  border:1px solid var(--bezel-strong);
  border-radius:6px;
  background:
    radial-gradient(120% 90% at 50% 0%, rgba(255,255,255,0.045), transparent 60%),
    linear-gradient(180deg,var(--housing-2),var(--housing));
  box-shadow:var(--shadow-deep), inset 0 1px 0 rgba(255,255,255,0.06);
}
.cluster-top{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:14px;
}
.cluster-lamps{display:flex;gap:9px;align-items:center;}
.lamp{
  width:9px;height:9px;border-radius:50%;
  background:#2A2A31;box-shadow:inset 0 0 3px rgba(0,0,0,.8);
}
.lamp.on-red{background:var(--red);box-shadow:0 0 10px 1px var(--red-glow);}
.lamp.on-amber{background:var(--amber);box-shadow:0 0 10px 1px var(--amber-dim);}
.lamp.on-green{background:var(--led-ok);box-shadow:0 0 10px 1px rgba(61,220,110,.45);}

.gauge{display:block;width:100%;height:auto;max-width:none;margin:0 auto;}
.gauge .track{fill:none;stroke:rgba(255,255,255,0.07);stroke-width:11;stroke-linecap:round;}
.gauge .value{
  fill:none;stroke:url(#gaugeGrad);stroke-width:11;stroke-linecap:round;
  filter:drop-shadow(0 0 10px rgba(226,0,26,0.6));
}
.gauge .tick{stroke:rgba(255,255,255,0.30);stroke-width:2;}
.gauge .tick.major{stroke:rgba(255,255,255,0.55);stroke-width:3;}
.gauge .tick.redline{stroke:var(--red);stroke-width:3;}
.gauge .needle{
  stroke:var(--chrome);stroke-width:3;stroke-linecap:round;
  filter:drop-shadow(0 0 6px rgba(255,255,255,0.35));
  transform-origin:150px 150px;
}
.gauge .hub{fill:#25252C;stroke:rgba(255,255,255,0.25);stroke-width:2;}
.gauge .readout{
  font-family:'Archivo',sans-serif;font-weight:900;font-stretch:120%;
  font-size:54px;fill:var(--chrome);text-anchor:middle;
  font-variant-numeric:tabular-nums;
}
.gauge .readout-sub{
  font-family:'Barlow Condensed',sans-serif;font-weight:600;
  font-size:14px;letter-spacing:3.2px;fill:var(--muted);text-anchor:middle;
  text-transform:uppercase;
}
.cluster-foot{
  display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;
  margin-top:16px;padding-top:14px;border-top:1px solid var(--bezel);
}
@media (max-width:400px){
  .cluster{padding:26px 20px 22px;}
  .cluster-foot .odo{font-size:0.74rem;}
  .cluster-foot .tel{font-size:0.88rem;}
}
.cluster-foot .odo{
  font-family:'JetBrains Mono',monospace;font-weight:500;font-size:0.82rem;
  color:var(--amber);letter-spacing:0.06em;
}
.cluster-foot .tel{
  font-family:'JetBrains Mono',monospace;font-weight:600;font-size:0.95rem;color:var(--chrome);
}

/* =========================================================
   SECTIONS
   ========================================================= */
/* clip only sideways so the glow blobs can bleed within a section
   but never widen the page (overflow-y stays visible) */
section{padding:88px 0;position:relative;overflow-x:clip;}
.rule{
  height:1px;max-width:var(--maxw);margin:0 auto;
  background:linear-gradient(90deg,transparent,var(--red) 20%,var(--red) 80%,transparent);
  opacity:.6;
}
.section-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:26px;
  margin-bottom:2.6rem;flex-wrap:wrap;
}
.section-head .section-index{flex:none;margin-top:4px;}
.section-head .txt{max-width:56ch;}
.section-head h2{margin-bottom:0.3em;}

/* ---------- car grid ---------- */
.car-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;}

.car-card{
  position:relative;display:flex;flex-direction:column;
  background:linear-gradient(180deg,var(--housing-2),var(--housing));
  border:1px solid var(--bezel);border-radius:var(--radius);
  overflow:hidden;
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.car-card:hover{transform:translateY(-6px);border-color:rgba(226,0,26,0.55);box-shadow:0 24px 50px -24px rgba(226,0,26,0.4);}
.car-card .shot{position:relative;aspect-ratio:4/3;background:var(--housing-3);overflow:hidden;}
.car-card .shot img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.car-card:hover .shot img{transform:scale(1.05);}
.car-card .shot .empty{
  display:flex;align-items:center;justify-content:center;height:100%;
  font-family:'Barlow Condensed',sans-serif;letter-spacing:0.18em;text-transform:uppercase;
  font-size:0.82rem;color:var(--muted);
  background:
    repeating-linear-gradient(135deg, rgba(255,255,255,0.02) 0 8px, transparent 8px 16px),
    var(--housing-3);
}
.car-card .tag{
  position:absolute;top:12px;left:12px;z-index:2;
  display:inline-flex;align-items:center;gap:7px;
  background:rgba(8,8,10,0.85);backdrop-filter:blur(6px);
  border:1px solid var(--bezel-strong);
  font-family:'Barlow Condensed',sans-serif;font-weight:600;
  font-size:0.76rem;letter-spacing:0.14em;text-transform:uppercase;
  padding:5px 10px;border-radius:var(--radius);color:var(--chrome);
}
.car-card .tag .led{width:7px;height:7px;border-radius:50%;}
.car-card .tag .led.ok{background:var(--led-ok);box-shadow:0 0 8px rgba(61,220,110,.6);}
.car-card .tag .led.sold{background:var(--red);box-shadow:0 0 8px var(--red-glow);}

.car-card .plate{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1;}
.car-card .plate h3{
  font-family:'Barlow',sans-serif;font-weight:600;font-stretch:100%;
  text-transform:none;letter-spacing:0;font-size:1.1rem;
  color:var(--chrome);margin-bottom:0.35em;line-height:1.3;
}
.car-card .amount{
  font-family:'Archivo',sans-serif;font-weight:900;font-stretch:115%;
  font-size:1.62rem;color:var(--red);line-height:1;margin-bottom:0.7rem;
  font-variant-numeric:tabular-nums;letter-spacing:-0.01em;
}
.readout-row{
  display:grid;grid-template-columns:repeat(2,1fr);gap:1px;
  background:var(--bezel);border:1px solid var(--bezel);
  margin-bottom:1.1rem;border-radius:var(--radius);overflow:hidden;
}
.readout-row .r{
  background:rgba(8,8,10,0.65);padding:8px 11px;
}
.readout-row .r span{
  display:block;font-family:'Barlow Condensed',sans-serif;font-size:0.72rem;
  letter-spacing:0.14em;text-transform:uppercase;color:var(--muted);
}
.readout-row .r b{
  display:block;font-family:'JetBrains Mono',monospace;font-weight:500;
  font-size:0.92rem;color:var(--amber);font-variant-numeric:tabular-nums;margin-top:2px;
}
.car-card .go{margin-top:auto;}
.car-card .go .btn{width:100%;}

/* ---------- process / info panels ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:start;}
@media (max-width:860px){.split{grid-template-columns:1fr;gap:34px;}}

.panel{
  position:relative;padding:30px;
  background:linear-gradient(180deg,var(--housing-2),var(--housing));
  border:1px solid var(--bezel);border-radius:var(--radius);
}
.panel h3{
  font-family:'Barlow Condensed',sans-serif;font-weight:600;font-stretch:100%;
  letter-spacing:0.16em;font-size:1rem;color:var(--muted);margin-bottom:1.3rem;
}

.steps{list-style:none;margin:0;padding:0;counter-reset:s;}
.steps li{
  counter-increment:s;
  display:grid;grid-template-columns:38px 1fr;gap:16px;align-items:start;
  padding:15px 0;border-bottom:1px solid var(--bezel);
}
.steps li:last-child{border-bottom:0;padding-bottom:0;}
.steps li::before{
  content:counter(s,decimal-leading-zero);
  font-family:'Archivo',sans-serif;font-weight:900;font-stretch:120%;
  font-size:1rem;color:var(--red);
  border:1px solid rgba(226,0,26,0.35);border-radius:var(--radius);
  text-align:center;padding:5px 0;line-height:1;
  font-variant-numeric:tabular-nums;
}
.steps li b{display:block;color:var(--chrome);font-weight:600;font-size:1rem;}
.steps li p{margin:2px 0 0;font-size:0.94rem;color:var(--muted);}

/* ---------- contact ---------- */
.contact-card{
  position:relative;max-width:560px;padding:34px;
  background:linear-gradient(180deg,var(--housing-2),var(--housing));
  border:1px solid var(--bezel-strong);border-radius:4px;
  box-shadow:var(--shadow-deep);
}
.contact-card .big-tel{
  display:block;
  font-family:'Archivo',sans-serif;font-weight:900;font-stretch:118%;
  font-size:clamp(1.9rem,4.6vw,2.7rem);color:var(--chrome);
  letter-spacing:-0.01em;font-variant-numeric:tabular-nums;
  margin:0.15em 0 0.5em;
  transition:color .2s;
}
.contact-card .big-tel:hover{color:var(--red);}

.dl{margin:1.4rem 0 1.6rem;}
.dl div{
  display:flex;align-items:baseline;justify-content:space-between;gap:18px;
  padding:11px 0;border-bottom:1px solid var(--bezel);
}
.dl div:last-child{border-bottom:0;}
.dl dt{
  font-family:'Barlow Condensed',sans-serif;font-size:0.88rem;
  letter-spacing:0.16em;text-transform:uppercase;color:var(--muted);white-space:nowrap;
}
.dl dd{
  margin:0;text-align:right;font-family:'JetBrains Mono',monospace;
  font-size:0.9rem;color:var(--chrome);font-variant-numeric:tabular-nums;
}

/* =========================================================
   CAR DETAIL
   ========================================================= */
.detail-top{display:flex;align-items:center;gap:14px;margin-bottom:2rem;flex-wrap:wrap;}
.detail-grid{display:grid;grid-template-columns:1.32fr 1fr;gap:46px;align-items:start;}
@media (max-width:920px){.detail-grid{grid-template-columns:1fr;gap:34px;}}

.stage{
  position:relative;border:1px solid var(--bezel-strong);border-radius:3px;
  background:var(--housing);aspect-ratio:4/3;overflow:hidden;
  box-shadow:var(--shadow-deep);
}
.stage img{width:100%;height:100%;object-fit:cover;}
.stage .empty{
  display:flex;align-items:center;justify-content:center;height:100%;
  font-family:'Barlow Condensed',sans-serif;letter-spacing:0.18em;
  text-transform:uppercase;color:var(--muted);font-size:0.86rem;
}
.thumbs{display:flex;gap:9px;flex-wrap:wrap;margin-top:11px;}
.thumbs button{
  width:80px;height:58px;padding:0;overflow:hidden;cursor:pointer;
  border:1px solid var(--bezel);background:var(--housing);opacity:.62;
  transition:opacity .2s, border-color .2s;border-radius:2px;
}
.thumbs button:hover,.thumbs button.active{opacity:1;border-color:var(--red);}
.thumbs img{width:100%;height:100%;object-fit:cover;}

.pricebox{
  position:relative;padding:28px;
  border:1px solid var(--bezel-strong);border-radius:4px;
  background:
    radial-gradient(120% 80% at 50% 0%, rgba(255,255,255,0.05), transparent 62%),
    linear-gradient(180deg,var(--housing-2),var(--housing));
  box-shadow:var(--shadow-deep);
}
.pricebox .amount{
  font-family:'Archivo',sans-serif;font-weight:900;font-stretch:118%;
  font-size:clamp(2.2rem,5vw,3rem);color:var(--red);line-height:1;
  font-variant-numeric:tabular-nums;letter-spacing:-0.015em;
  margin-bottom:1.3rem;
}
.spec-list{list-style:none;margin:0 0 1.5rem;padding:0;}
.spec-list li{
  display:flex;justify-content:space-between;align-items:baseline;gap:16px;
  padding:11px 0;border-bottom:1px solid var(--bezel);
}
.spec-list li:last-child{border-bottom:0;}
.spec-list .k{
  font-family:'Barlow Condensed',sans-serif;font-size:0.88rem;
  letter-spacing:0.15em;text-transform:uppercase;color:var(--muted);
}
.spec-list .v{
  font-family:'JetBrains Mono',monospace;font-weight:500;font-size:0.98rem;
  color:var(--chrome);font-variant-numeric:tabular-nums;text-align:right;
}
.spec-list .v.hot{color:var(--amber);}
.pricebox .btn{width:100%;}
.sold-banner{
  display:inline-flex;align-items:center;gap:9px;margin-bottom:1rem;
  background:rgba(226,0,26,0.14);border:1px solid rgba(226,0,26,0.4);
  color:var(--red);font-family:'Barlow Condensed',sans-serif;font-weight:600;
  font-size:0.86rem;letter-spacing:0.16em;text-transform:uppercase;
  padding:6px 12px;border-radius:var(--radius);
}
.desc{white-space:pre-line;color:var(--chrome-2);line-height:1.7;}

/* =========================================================
   FOOTER
   ========================================================= */
.site-footer{border-top:1px solid var(--bezel);padding:44px 0 40px;background:var(--housing);}
.foot-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;}
.foot-inner .brand{font-size:1.2rem;}
.foot-meta{font-family:'Barlow Condensed',sans-serif;letter-spacing:0.14em;text-transform:uppercase;font-size:0.82rem;color:var(--muted);margin:5px 0 0;}
.foot-tel{font-family:'JetBrains Mono',monospace;font-weight:600;color:var(--chrome);}
.foot-right{display:flex;align-items:center;gap:22px;}
.foot-admin{
  font-family:'Barlow Condensed',sans-serif;font-weight:600;
  font-size:0.8rem;letter-spacing:0.16em;text-transform:uppercase;
  color:var(--muted);opacity:.6;transition:color .2s,opacity .2s;
}
.foot-admin:hover{opacity:1;color:var(--red);}

/* =========================================================
   EMPTY STATE
   ========================================================= */
.empty-state{
  text-align:center;padding:70px 24px;
  border:1px dashed var(--bezel-strong);border-radius:var(--radius);
  background:rgba(255,255,255,0.012);
}
.empty-state p{color:var(--muted);max-width:52ch;margin:0 auto;}

/* =========================================================
   SCROLL REVEAL
   ========================================================= */
.reveal{opacity:0;transform:translateY(22px);}
html.anim-on .reveal{transition:opacity .75s cubic-bezier(.2,.7,.3,1), transform .75s cubic-bezier(.2,.7,.3,1);}
html.anim-on .reveal.seen{opacity:1;transform:none;}
html:not(.anim-on) .reveal{opacity:1;transform:none;}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important;}
  .reveal{opacity:1 !important;transform:none !important;}
}

/* =========================================================
   ADMIN
   ========================================================= */
.admin-shell{max-width:1000px;margin:0 auto;padding:52px 26px 70px;}
.admin-header{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:2rem;}
.admin-header h2{margin:0;font-size:clamp(1.5rem,3vw,2rem);}
.row-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center;}
.row-actions form{display:inline;margin:0;}

.login-box{
  max-width:400px;margin:11vh auto;padding:38px;
  background:linear-gradient(180deg,var(--housing-2),var(--housing));
  border:1px solid var(--bezel-strong);border-radius:4px;
  box-shadow:var(--shadow-deep);position:relative;
}
.login-box h2{font-size:1.55rem;margin-bottom:1.5rem;}

.field{margin-bottom:1.15rem;}
.field label{
  display:block;font-family:'Barlow Condensed',sans-serif;font-size:0.86rem;
  letter-spacing:0.15em;text-transform:uppercase;color:var(--muted);margin-bottom:7px;
}
.field input[type=text],.field input[type=password],.field input[type=number],
.field select,.field textarea,.field input[type=file]{
  width:100%;padding:0.75em 0.9em;
  background:rgba(8,8,10,0.7);border:1px solid var(--bezel);border-radius:var(--radius);
  color:var(--chrome);font-family:inherit;font-size:0.98rem;
  transition:border-color .18s;
}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--red);}
.field textarea{min-height:130px;resize:vertical;line-height:1.6;}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
@media (max-width:600px){.field-row{grid-template-columns:1fr;}}

.admin-table{width:100%;border-collapse:collapse;}
.admin-table th,.admin-table td{text-align:left;padding:13px 10px;border-bottom:1px solid var(--bezel);font-size:0.94rem;vertical-align:middle;}
.admin-table th{
  font-family:'Barlow Condensed',sans-serif;font-size:0.8rem;
  letter-spacing:0.16em;text-transform:uppercase;color:var(--muted);font-weight:600;
}
.admin-table td.num{font-family:'JetBrains Mono',monospace;font-variant-numeric:tabular-nums;}
.admin-table-wrap{overflow-x:auto;}

.status-pill{
  display:inline-flex;align-items:center;gap:7px;
  padding:4px 11px;border-radius:20px;
  font-family:'Barlow Condensed',sans-serif;font-size:0.78rem;
  letter-spacing:0.13em;text-transform:uppercase;font-weight:600;
}
.status-pill::before{content:'';width:7px;height:7px;border-radius:50%;}
.status-pill.available{background:rgba(61,220,110,0.12);color:var(--led-ok);}
.status-pill.available::before{background:var(--led-ok);box-shadow:0 0 7px rgba(61,220,110,.6);}
.status-pill.sold{background:rgba(226,0,26,0.14);color:var(--red);}
.status-pill.sold::before{background:var(--red);box-shadow:0 0 7px var(--red-glow);}

.flash{padding:13px 18px;border-radius:var(--radius);margin-bottom:1.5rem;font-size:0.94rem;}
.flash.error{background:rgba(226,0,26,0.12);color:#FF97A3;border:1px solid rgba(226,0,26,0.32);}
.flash.success{background:rgba(61,220,110,0.1);color:#9FEFBB;border:1px solid rgba(61,220,110,0.28);}

.photo-preview-grid{display:flex;gap:12px;flex-wrap:wrap;margin-top:11px;}
.photo-preview-grid label{cursor:pointer;text-align:center;}
.photo-preview-grid img{width:96px;height:70px;object-fit:cover;border:1px solid var(--bezel);border-radius:2px;}
.photo-preview-grid .rm{
  display:block;margin-top:5px;font-family:'Barlow Condensed',sans-serif;
  font-size:0.76rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);
}

/* =========================================================
   AUTOSERVIS
   ========================================================= */
.svc-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:20px;
}
.svc{
  position:relative;padding:26px 24px 28px;
  background:linear-gradient(180deg,var(--housing-2),var(--housing));
  border:1px solid var(--bezel);border-radius:var(--radius);
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.svc:hover{
  transform:translateY(-5px);
  border-color:rgba(255,176,32,0.45);
  box-shadow:0 24px 50px -26px rgba(255,176,32,0.35);
}
.svc .idx{
  display:inline-block;margin-bottom:1rem;
  font-family:'Archivo',sans-serif;font-weight:900;font-stretch:120%;
  font-size:0.82rem;letter-spacing:0.14em;color:var(--amber);
  border:1px solid rgba(255,176,32,0.32);border-radius:var(--radius);
  padding:4px 9px;line-height:1;font-variant-numeric:tabular-nums;
}
.svc h3{
  font-family:'Barlow',sans-serif;font-weight:600;font-stretch:100%;
  text-transform:none;letter-spacing:0;font-size:1.08rem;
  color:var(--chrome);line-height:1.35;margin-bottom:0.5em;
}
.svc p{font-size:0.94rem;color:var(--muted);margin:0;}

.svc-note{
  display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;
  margin-top:26px;padding:20px 24px;
  border:1px solid var(--bezel);border-radius:var(--radius);
  background:linear-gradient(180deg,var(--housing),rgba(16,16,20,0.4));
}
.svc-note p{margin:0;max-width:52ch;}

/* =========================================================
   FINANCOVANIE / SPLÁTKY
   ========================================================= */
.finance{
  display:flex;align-items:center;gap:26px;flex-wrap:wrap;
  margin-top:28px;padding:22px 26px;
  border:1px solid var(--bezel);border-left:3px solid var(--amber);
  border-radius:var(--radius);
  background:linear-gradient(90deg,rgba(255,176,32,0.06),rgba(16,16,20,0.4) 42%);
}
.finance .fin-body{flex:1;min-width:260px;}
.finance .fin-body b{
  display:block;font-family:'Archivo',sans-serif;font-weight:800;font-stretch:114%;
  text-transform:uppercase;letter-spacing:0.01em;font-size:1.05rem;
  color:var(--chrome);margin-bottom:0.35em;
}
.finance .fin-body p{margin:0;font-size:0.95rem;color:var(--chrome-2);}
.finance .fin-note{
  display:block;margin-top:0.5em;font-size:0.82rem;color:var(--muted);
}

.pricebox .fin-line{
  display:flex;align-items:center;gap:9px;
  margin:-0.5rem 0 1.3rem;
  font-family:'Barlow Condensed',sans-serif;font-weight:600;
  font-size:0.9rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--amber);
}
.pricebox .fin-line::before{
  content:'';width:7px;height:7px;border-radius:50%;
  background:var(--amber);box-shadow:0 0 8px var(--amber-dim);
}