/* ============================================================
   SB AUTOS — WEBSITE CSS
   Font: Bebas Neue (display) + Barlow (body)
============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Barlow:wght@300;400;500;600;700&family=Barlow+Condensed:wght@500;600;700;800&display=swap');

:root {
  --red:     #E8050A;
  --gold:    #D4AF37;
  --goldf:   #F0D060;
  --dark:    #080808;
  --dark2:   #0f0f0f;
  --dark3:   #161616;
  --card:    rgba(255,255,255,.04);
  --border:  rgba(255,255,255,.07);
  --border2: rgba(255,255,255,.13);
  --text:    #ffffff;
  --muted:   #888888;
  --muted2:  #bbbbbb;
  --green:   #25D366;
  --blue:    #2196F3;
  --orange:  #FF9800;
  --purple:  #9C27B0;
  --shadow:  0 24px 60px rgba(0,0,0,.55);
  --r:       18px;
  --rsm:     10px;
  --max:     1240px;
  --ease:    cubic-bezier(.25,.46,.45,.94);
}

/* ── RESET ── */
*,*::before,*::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { font-family:'Barlow',sans-serif; background:var(--dark); color:var(--text); line-height:1.7; overflow-x:hidden; }
img  { max-width:100%; display:block; }
a    { text-decoration:none; color:inherit; }
ul   { list-style:none; }
button { cursor:pointer; border:none; background:none; font-family:inherit; }

/* ── UTILITIES ── */
.container { width:min(var(--max), calc(100% - 48px)); margin-inline:auto; }
.section    { padding:110px 0; }
.section-bg { background:var(--dark2); }

/* ── SECTION HEADER ── */
.section-header { text-align:center; max-width:720px; margin:0 auto 70px; }
.eyebrow {
  display:inline-block;
  font-family:'Barlow Condensed',sans-serif;
  font-size:.82rem; font-weight:700;
  letter-spacing:.22em; text-transform:uppercase;
  color:var(--gold); margin-bottom:14px;
}
.section-header h2 {
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(2.8rem,5vw,5rem);
  line-height:.95; letter-spacing:.02em;
  margin-bottom:18px; color:var(--red);
}
.section-header p { color:var(--muted2); font-size:1.05rem; font-weight:300; }

/* ── BUTTONS ── */
.btn {
  display:inline-flex; align-items:center; justify-content:center;
  gap:10px; padding:14px 30px; border-radius:4px;
  font-family:'Barlow Condensed',sans-serif;
  font-size:1rem; font-weight:700; letter-spacing:.08em;
  text-transform:uppercase; transition:.32s var(--ease);
  cursor:pointer; border:none;
}
.btn-primary { background:var(--red); color:#fff; box-shadow:0 4px 12px rgba(232,5,10,.18); }
.btn-primary:hover { background:#c50408; transform:translateY(-2px); box-shadow:0 8px 22px rgba(232,5,10,.28); }
.btn-gold { background:linear-gradient(135deg,var(--gold),var(--goldf)); color:#111; box-shadow:0 4px 12px rgba(212,175,55,.18); }
.btn-gold:hover { transform:translateY(-2px); box-shadow:0 8px 22px rgba(212,175,55,.28); }
.btn-outline { border:1.5px solid var(--border2); color:var(--text); }
.btn-outline:hover { border-color:white; background:rgba(255,255,255,.06); }
.btn-wa { background:#25D366; color:#fff; box-shadow:0 4px 12px rgba(37,211,102,.18); }
.btn-wa:hover { background:#1da851; transform:translateY(-2px); }
.btn-lg { padding:18px 40px; font-size:1.1rem; }
.btn-sm { padding:9px 18px; font-size:.85rem; }

/* ── HEADER ── */
#header { position:fixed; top:0; width:100%; z-index:999; transition:.32s var(--ease); }
#header.scrolled {
  background:rgba(8,8,8,.94);
  backdrop-filter:blur(18px);
  box-shadow:0 1px 0 var(--border), 0 20px 50px rgba(0,0,0,.5);
}
.navbar { height:86px; display:flex; align-items:center; justify-content:space-between; }
.logo img  { height:56px; }
.logo-txt  { font-family:'Bebas Neue',sans-serif; font-size:2rem; letter-spacing:.08em; }
.logo-txt span { color:var(--red); }
.nav-links { display:flex; gap:36px; }
.nav-links a {
  font-family:'Barlow Condensed',sans-serif;
  font-size:.95rem; font-weight:600;
  letter-spacing:.1em; text-transform:uppercase;
  color:var(--muted2); position:relative; transition:color .25s;
}
.nav-links a::after {
  content:''; position:absolute; left:0; bottom:-4px;
  width:0; height:2px; background:var(--red); transition:width .3s;
}
.nav-links a:hover { color:#fff; }
.nav-links a:hover::after { width:100%; }
.nav-cta { display:flex; align-items:center; gap:12px; }
.mob-toggle { display:none; font-size:1.5rem; color:var(--text); }

/* ── HERO ── */
.hero {
  min-height:100vh; display:flex; align-items:center;
  padding-top:86px; position:relative; overflow:hidden;
}
.hero-bg {
  position:absolute; inset:0;
  background:
    linear-gradient(105deg, rgba(8,8,8,.97) 42%, rgba(8,8,8,.6) 100%),
    url('https://images.unsplash.com/photo-1503376780353-7e6692767b70?auto=format&fit=crop&w=1800&q=80') center/cover no-repeat;
}
.hero-bg::after {
  content:''; position:absolute; inset:0;
  background:radial-gradient(ellipse 55% 75% at 80% 50%, rgba(232,5,10,.07) 0%, transparent 70%);
}
.hero-content { position:relative; z-index:2; max-width:800px; }
.hero-pill {
  display:inline-flex; align-items:center; gap:10px;
  padding:9px 18px; border-radius:3px;
  background:rgba(255,255,255,.05); border:1px solid var(--border2);
  font-family:'Barlow Condensed',sans-serif;
  font-size:.82rem; font-weight:700; letter-spacing:.18em;
  text-transform:uppercase; color:var(--gold); margin-bottom:28px;
}
.hero h1 {
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(4rem,9vw,8.5rem);
  line-height:.92; letter-spacing:.02em; margin-bottom:28px;
}
.hero h1 .accent { color:var(--red); }
.hero-sub {
  font-size:1.15rem; font-weight:300; color:var(--muted2);
  max-width:560px; margin-bottom:40px; line-height:1.8;
}
.hero-actions { display:flex; gap:14px; flex-wrap:wrap; margin-bottom:60px; }
.hero-trust {
  display:flex; gap:32px; flex-wrap:wrap;
  border-top:1px solid var(--border); padding-top:32px;
}
.hero-trust-item {
  display:flex; align-items:center; gap:10px;
  font-size:.9rem; color:var(--muted2); font-weight:500;
}
.hero-trust-item i { color:var(--red); font-size:.85rem; }

/* ── STATS BAR ── */
.stats-bar {
  background:var(--dark2);
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
}
.stats-grid { display:grid; grid-template-columns:repeat(4,1fr); }
.stat-item {
  padding:38px 24px; text-align:center;
  border-right:1px solid var(--border);
}
.stat-item:last-child { border-right:none; }
.stat-num {
  font-family:'Bebas Neue',sans-serif;
  font-size:3.2rem; line-height:1;
  display:block; margin-bottom:6px;
}
.stat-label {
  font-size:.82rem; font-weight:600;
  letter-spacing:.12em; text-transform:uppercase; color:var(--muted);
}
.stat-item:nth-child(1) .stat-num { color:var(--green); }
.stat-item:nth-child(2) .stat-num { color:var(--blue); }
.stat-item:nth-child(3) .stat-num { color:var(--gold); }
.stat-item:nth-child(4) .stat-num { color:var(--orange); }

/* ── SEARCH & FILTER ── */
.search-wrap {
  display:flex; gap:12px; flex-wrap:wrap;
  margin-bottom:36px; padding:22px;
  background:var(--card); border:1px solid var(--border); border-radius:var(--r);
}
.search-field { flex:1; min-width:200px; position:relative; }
.search-field i { position:absolute; left:14px; top:50%; transform:translateY(-50%); color:var(--muted); font-size:.9rem; }
.search-field input {
  width:100%; padding:12px 14px 12px 40px;
  background:rgba(255,255,255,.05); border:1px solid var(--border2);
  border-radius:8px; color:var(--text);
  font-family:'Barlow',sans-serif; font-size:.95rem;
}
.search-field input:focus { outline:none; border-color:var(--red); }
.filter-sel {
  padding:12px 16px; background:rgba(255,255,255,.05);
  border:1px solid var(--border2); border-radius:8px;
  color:var(--text); font-family:'Barlow',sans-serif;
  font-size:.9rem; min-width:148px;
}
.filter-sel option { background:#161616; }
.filter-sel:focus { outline:none; border-color:var(--red); }

/* ── INVENTORY GRID ── */
.inv-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }

/* ── CAR CARD ── */
.car-card {
  background:var(--card); border:1px solid var(--border);
  border-radius:var(--r); overflow:hidden;
  transition:transform .38s, box-shadow .38s, border-color .38s;
  cursor:pointer;
}
.car-card:hover { transform:translateY(-10px); box-shadow:var(--shadow); border-color:var(--border2); }

.car-slider { position:relative; height:280px; overflow:hidden; }
.car-slider-track { display:flex; height:100%; transition:transform .6s var(--ease); }
.car-slide { min-width:100%; height:100%; }
.car-slide img { width:100%; height:100%; object-fit:contain; background:#111; transition:transform 6s ease; }
.car-card:hover .car-slide img { transform:scale(1.06); }

.slider-dots {
  position:absolute; bottom:12px; left:50%;
  transform:translateX(-50%); display:flex; gap:6px;
}
.slider-dot {
  width:6px; height:6px; border-radius:50%;
  background:rgba(255,255,255,.4); transition:all .3s;
  cursor:pointer; border:none;
}
.slider-dot.active { background:white; width:18px; border-radius:3px; }

.sl-btn {
  position:absolute; top:50%; transform:translateY(-50%);
  width:34px; height:34px; background:rgba(0,0,0,.55);
  backdrop-filter:blur(6px); border-radius:50%;
  display:grid; place-items:center; color:white;
  font-size:.75rem; opacity:0; cursor:pointer;
  border:none; transition:opacity .25s, background .25s;
}
.sl-prev { left:12px; }
.sl-next { right:12px; }
.car-card:hover .sl-btn { opacity:1; }
.sl-btn:hover { background:rgba(232,5,10,.7); }

.badge {
  position:absolute; top:16px; right:16px;
  font-family:'Barlow Condensed',sans-serif;
  font-size:.75rem; font-weight:700;
  letter-spacing:.12em; text-transform:uppercase;
  padding:5px 12px; border-radius:3px;
}
.badge-avail { background:rgba(37,211,102,.15); border:1px solid rgba(37,211,102,.35); color:var(--green); }
.badge-sold  { background:#c50408; color:#fff; }

.car-body  { padding:22px 24px 24px; }
.car-name  { font-family:'Barlow Condensed',sans-serif; font-size:1.35rem; font-weight:700; letter-spacing:.03em; margin-bottom:6px; }
.car-meta  { font-size:.85rem; color:var(--muted); margin-bottom:16px; display:flex; gap:10px; }
.car-meta span { display:inline-flex; align-items:center; gap:5px; }
.car-meta i { color:var(--gold); font-size:.75rem; }

.car-specs {
  display:grid; grid-template-columns:repeat(3,1fr);
  gap:10px; margin-bottom:20px; padding:14px;
  background:rgba(255,255,255,.03);
  border-radius:var(--rsm); border:1px solid var(--border);
}
.car-spec  { text-align:center; }
.car-spec i { display:block; color:var(--red); font-size:.85rem; margin-bottom:4px; }
.car-spec small { display:block; font-size:.72rem; color:var(--muted); margin-bottom:2px; text-transform:uppercase; letter-spacing:.08em; }
.car-spec span  { font-size:.85rem; font-weight:600; }

.car-footer { display:flex; align-items:center; justify-content:space-between; }
.car-price  { font-family:'Barlow Condensed',sans-serif; font-size:1.5rem; font-weight:700; color:var(--gold); }
.car-price small { display:block; font-size:.75rem; color:var(--muted); font-family:'Barlow',sans-serif; font-weight:400; }

.btn-view {
  font-family:'Barlow Condensed',sans-serif;
  font-size:.85rem; font-weight:700; letter-spacing:.1em;
  text-transform:uppercase; color:var(--muted2);
  padding:10px 18px; border:1px solid var(--border2);
  border-radius:4px; transition:.3s var(--ease);
  display:inline-flex; align-items:center; gap:8px;
}
.btn-view:hover { background:var(--red); border-color:var(--red); color:white; }
.btn-view i { font-size:.75rem; transition:transform .25s; }
.btn-view:hover i { transform:translateX(3px); }

.inv-empty { grid-column:1/-1; text-align:center; padding:80px 20px; color:var(--muted); }
.inv-empty i { font-size:3rem; color:var(--border2); margin-bottom:16px; display:block; }

/* ── SERVICES ── */
.svc-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.svc-card {
  background:var(--card); border:1px solid var(--border);
  border-radius:var(--r); padding:36px 30px;
  transition:.35s var(--ease); position:relative; overflow:hidden;
}
.svc-card::before {
  content:''; position:absolute; top:0; left:0;
  width:100%; height:3px;
  background:linear-gradient(90deg, var(--red), var(--gold));
  transform:scaleX(0); transform-origin:left; transition:transform .4s;
}
.svc-card:hover::before { transform:scaleX(1); }
.svc-card:hover { transform:translateY(-6px); box-shadow:var(--shadow); border-color:var(--border2); }
.svc-icon { width:66px; height:66px; border-radius:14px; display:grid; place-items:center; font-size:1.6rem; margin-bottom:22px; }
.svc-card:nth-child(1) .svc-icon { background:rgba(33,150,243,.12);  border:1px solid rgba(33,150,243,.22);  color:var(--blue);   }
.svc-card:nth-child(2) .svc-icon { background:rgba(255,152,0,.12);   border:1px solid rgba(255,152,0,.22);   color:var(--orange); }
.svc-card:nth-child(3) .svc-icon { background:rgba(37,211,102,.12);  border:1px solid rgba(37,211,102,.22);  color:var(--green);  }
.svc-card:nth-child(4) .svc-icon { background:rgba(212,175,55,.12);  border:1px solid rgba(212,175,55,.22);  color:var(--gold);   }
.svc-card:nth-child(5) .svc-icon { background:rgba(156,39,176,.12);  border:1px solid rgba(156,39,176,.22);  color:var(--purple); }
.svc-card:nth-child(6) .svc-icon { background:rgba(232,5,10,.10);    border:1px solid rgba(232,5,10,.18);    color:var(--red);    }
.svc-card h3 { font-family:'Barlow Condensed',sans-serif; font-size:1.3rem; font-weight:700; letter-spacing:.04em; margin-bottom:12px; }
.svc-card p  { color:var(--muted2); font-size:.95rem; font-weight:300; line-height:1.8; }

/* ── WHY US ── */
.why-grid { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }
.why-visual { position:relative; }
.why-visual img { width:100%; height:480px; object-fit:cover; border-radius:var(--r); }
.why-float {
  position:absolute; bottom:-24px; right:-24px;
  background:var(--red); color:white;
  border-radius:var(--rsm); padding:20px 26px;
  text-align:center; box-shadow:0 20px 50px rgba(232,5,10,.35);
}
.why-float strong { font-family:'Bebas Neue',sans-serif; font-size:2.4rem; display:block; line-height:1; }
.why-float span   { font-size:.8rem; font-weight:500; opacity:.85; }
.why-points { display:grid; gap:22px; }
.why-pt {
  display:flex; gap:18px; align-items:flex-start;
  padding:22px; background:var(--card);
  border:1px solid var(--border); border-radius:var(--rsm);
  transition:.35s var(--ease);
}
.why-pt:hover { border-color:rgba(232,5,10,.25); background:rgba(232,5,10,.04); }
.why-pt-icon {
  width:46px; height:46px; flex-shrink:0;
  border-radius:10px; display:grid; place-items:center; font-size:1.1rem;
}
.why-pt:nth-child(1) .why-pt-icon { background:rgba(37,211,102,.12);  border:1px solid rgba(37,211,102,.2);  color:var(--green);  }
.why-pt:nth-child(2) .why-pt-icon { background:rgba(212,175,55,.12);  border:1px solid rgba(212,175,55,.2);  color:var(--gold);   }
.why-pt:nth-child(3) .why-pt-icon { background:rgba(33,150,243,.12);  border:1px solid rgba(33,150,243,.2);  color:var(--blue);   }
.why-pt:nth-child(4) .why-pt-icon { background:rgba(156,39,176,.12);  border:1px solid rgba(156,39,176,.2);  color:var(--purple); }
.why-pt h4 { font-family:'Barlow Condensed',sans-serif; font-size:1.05rem; font-weight:700; letter-spacing:.04em; margin-bottom:5px; }
.why-pt p  { font-size:.9rem; color:var(--muted2); font-weight:300; }

/* ── CONTACT ── */
.contact-grid { display:grid; grid-template-columns:1fr 1.3fr; gap:60px; align-items:start; }
.contact-items { display:grid; gap:16px; margin-bottom:36px; }
.contact-item {
  display:flex; gap:16px; align-items:center;
  padding:16px 20px; background:var(--card);
  border:1px solid var(--border); border-radius:var(--rsm);
}
.ci-icon {
  width:42px; height:42px; flex-shrink:0;
  border-radius:9px; display:grid; place-items:center; font-size:1rem;
}
.contact-item:nth-child(1) .ci-icon { background:rgba(33,150,243,.12);  border:1px solid rgba(33,150,243,.22);  color:var(--blue);   }
.contact-item:nth-child(2) .ci-icon { background:rgba(37,211,102,.12);  border:1px solid rgba(37,211,102,.22);  color:var(--green);  }
.contact-item:nth-child(3) .ci-icon { background:rgba(212,175,55,.12);  border:1px solid rgba(212,175,55,.22);  color:var(--gold);   }
.contact-item:nth-child(4) .ci-icon { background:rgba(156,39,176,.12);  border:1px solid rgba(156,39,176,.22);  color:var(--purple); }
.ci-label { font-size:.78rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); margin-bottom:3px; }
.ci-val   { font-size:.95rem; color:var(--text); font-weight:500; }

.contact-form-wrap { background:var(--card); border:1px solid var(--border); border-radius:var(--r); padding:40px; }
.contact-form-wrap h3 { font-family:'Barlow Condensed',sans-serif; font-size:1.5rem; font-weight:700; letter-spacing:.06em; margin-bottom:28px; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.form-grp { display:flex; flex-direction:column; gap:7px; margin-bottom:16px; }
.form-grp label { font-size:.8rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); }
.form-grp input,
.form-grp textarea,
.form-grp select {
  padding:13px 16px; background:rgba(255,255,255,.04);
  border:1px solid var(--border2); border-radius:var(--rsm);
  color:var(--text); font-family:'Barlow',sans-serif;
  font-size:.95rem; transition:border-color .25s; width:100%;
}
.form-grp select option { background:#161616; }
.form-grp input:focus,
.form-grp textarea:focus,
.form-grp select:focus { outline:none; border-color:var(--red); }
.form-grp textarea { min-height:130px; resize:vertical; }
.form-msg { padding:13px 16px; border-radius:8px; margin-top:12px; font-size:.9rem; display:none; }
.form-msg.success { display:block; background:rgba(37,211,102,.1); border:1px solid rgba(37,211,102,.25); color:var(--green); }
.form-msg.error   { display:block; background:rgba(232,5,10,.1);   border:1px solid rgba(232,5,10,.25);   color:#ff7070; }

/* ── MODAL ── */
.modal-ov {
  position:fixed; inset:0; background:rgba(0,0,0,.88);
  backdrop-filter:blur(8px); z-index:2000;
  display:flex; align-items:flex-start; justify-content:center;
  padding:40px 20px; overflow-y:auto;
  opacity:0; pointer-events:none; transition:opacity .35s;
}
.modal-ov.open { opacity:1; pointer-events:all; }
.modal {
  background:var(--dark3); border:1px solid var(--border2);
  border-radius:22px; width:min(1040px,100%); overflow:hidden;
  transform:translateY(30px); transition:transform .4s var(--ease);
  position:relative;
}
.modal-ov.open .modal { transform:translateY(0); }
.modal-close {
  position:absolute; top:18px; right:18px;
  width:40px; height:40px; border-radius:50%;
  background:rgba(255,255,255,.08); display:grid;
  place-items:center; color:var(--text); font-size:1rem;
  z-index:10; cursor:pointer; border:none; transition:background .25s;
}
.modal-close:hover { background:var(--red); }
.modal-gallery { position:relative; height:420px; overflow:hidden; }
.modal-gallery-track { display:flex; height:100%; transition:transform .5s var(--ease); }
.modal-gallery-slide { min-width:100%; height:100%; }
.modal-gallery-slide img { width:100%; height:100%; object-fit:contain; background:#111; }
.mg-btn {
  position:absolute; top:50%; transform:translateY(-50%);
  width:44px; height:44px; background:rgba(0,0,0,.6);
  backdrop-filter:blur(6px); border-radius:50%;
  display:grid; place-items:center; color:white;
  font-size:.9rem; cursor:pointer; border:none; transition:background .25s;
}
.mg-prev { left:18px; }
.mg-next { right:18px; }
.mg-btn:hover { background:var(--red); }
.modal-thumbs { position:absolute; bottom:14px; left:50%; transform:translateX(-50%); display:flex; gap:8px; }
.modal-thumb { width:48px; height:32px; border-radius:5px; overflow:hidden; border:2px solid transparent; cursor:pointer; transition:border-color .25s; opacity:.65; }
.modal-thumb.active { border-color:white; opacity:1; }
.modal-thumb img { width:100%; height:100%; object-fit:cover; }
.modal-body { padding:36px 40px 44px; }
.modal-top { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:28px; }
.modal-title h2 { font-family:'Barlow Condensed',sans-serif; font-size:2rem; font-weight:800; letter-spacing:.03em; margin-bottom:6px; }
.modal-title p  { color:var(--muted); font-size:.9rem; }
.modal-price-wrap { text-align:right; }
.modal-price { font-family:'Bebas Neue',sans-serif; font-size:2.4rem; color:var(--gold); line-height:1; }
.modal-price-note { font-size:.8rem; color:var(--muted); margin-top:4px; }
.modal-avail { display:inline-flex; align-items:center; gap:6px; padding:5px 12px; border-radius:3px; font-size:.8rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; margin-top:8px; }
.modal-avail.av   { background:rgba(37,211,102,.12); border:1px solid rgba(37,211,102,.3); color:var(--green); }
.modal-avail.sold { background:rgba(232,5,10,.1);   border:1px solid rgba(232,5,10,.3);   color:var(--red); }
.modal-specs { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-bottom:28px; padding:20px; background:rgba(255,255,255,.02); border:1px solid var(--border); border-radius:var(--rsm); }
.modal-spec { text-align:center; }
.modal-spec i { color:var(--red); font-size:1rem; display:block; margin-bottom:6px; }
.modal-spec small { display:block; font-size:.72rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); margin-bottom:4px; }
.modal-spec strong { font-size:.92rem; }
.modal-desc h4 { font-family:'Barlow Condensed',sans-serif; font-size:1.1rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); margin-bottom:12px; }
.modal-desc p  { color:var(--muted2); font-size:.97rem; font-weight:300; line-height:1.9; margin-bottom:24px; }
.modal-feats { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:32px; }
.feat-tag { padding:6px 14px; background:rgba(255,255,255,.04); border:1px solid var(--border2); border-radius:3px; font-size:.82rem; font-weight:600; letter-spacing:.04em; color:var(--muted2); }
.modal-actions { display:flex; gap:14px; flex-wrap:wrap; }
.modal-sold-note { padding:18px 22px; background:rgba(232,5,10,.07); border:1px solid rgba(232,5,10,.2); border-radius:var(--rsm); color:#ff6b6e; font-size:.95rem; margin-bottom:20px; }
.modal-sold-note i { margin-right:8px; }

/* ── FOOTER ── */
.footer { background:#040404; border-top:1px solid var(--border); padding:80px 0 0; }
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:40px; margin-bottom:60px; }
.footer-brand p { color:var(--muted); font-size:.92rem; font-weight:300; line-height:1.8; margin-top:18px; max-width:280px; }
.footer-socials { display:flex; gap:12px; margin-top:24px; }
.footer-soc {
  width:38px; height:38px; border-radius:8px;
  background:var(--card); border:1px solid var(--border);
  display:grid; place-items:center; color:var(--muted2);
  font-size:.9rem; transition:.35s var(--ease);
}
.footer-soc:hover { background:var(--red); border-color:var(--red); color:white; transform:translateY(-3px); }
.footer-col h4 { font-family:'Barlow Condensed',sans-serif; font-size:.82rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--muted); margin-bottom:22px; }
.footer-links { display:grid; gap:11px; }
.footer-links a { font-size:.92rem; color:var(--muted2); transition:color .25s; display:flex; align-items:center; gap:8px; }
.footer-links a:hover { color:var(--text); }
.footer-links a i { font-size:.7rem; color:var(--red); }
.footer-bottom { border-top:1px solid var(--border); padding:22px 0; display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; }
.footer-bottom p { font-size:.85rem; color:var(--muted); }
/*  ALITTLE COLOR

/* Location icon */
.footer-links a:nth-child(1) i {
    color: #f39c12; /* Orange */
}

/* Email icon */
.footer-links a:nth-child(2) i {
    color: #3498db; /* Blue */
}

/* Phone icon */
.footer-links a:nth-child(3) i {
    color: #2ecc71; /* Green */
}

/* WhatsApp icon */
.footer-links a:nth-child(4) i {
    color: #25D366; /* WhatsApp Green */
}
/* ── WHATSAPP FLOAT ── */
.wa-float {
  position:fixed; right:24px; bottom:24px;
  width:58px; height:58px; border-radius:50%;
  background:#25D366; color:white;
  display:grid; place-items:center; font-size:1.65rem;
  z-index:900; box-shadow:0 10px 30px rgba(37,211,102,.35);
  transition:transform .3s, box-shadow .3s;
}
.wa-float:hover { transform:scale(1.1); box-shadow:0 16px 40px rgba(37,211,102,.45); }

/* ── SCROLL REVEAL ── */
.reveal { opacity:0; transform:translateY(36px); transition:opacity .75s ease, transform .75s ease; }
.reveal.visible { opacity:1; transform:translateY(0); }
.reveal-d1 { transition-delay:.1s; }
.reveal-d2 { transition-delay:.2s; }
.reveal-d3 { transition-delay:.3s; }
.reveal-d4 { transition-delay:.4s; }
.reveal-d5 { transition-delay:.5s; }

/* ── RESPONSIVE ── */
@media(max-width:1100px) {
  .inv-grid,.svc-grid { grid-template-columns:repeat(2,1fr); }
  .footer-grid { grid-template-columns:1fr 1fr; }
}
@media(max-width:900px) {
  .why-grid,.contact-grid { grid-template-columns:1fr; }
  .stats-grid { grid-template-columns:repeat(2,1fr); }
  .modal-specs { grid-template-columns:repeat(2,1fr); }
}
@media(max-width:768px) {
  .nav-links,.nav-cta {
    position:fixed; top:86px; left:-100%;
    width:100%; height:calc(100vh - 86px);
    background:rgba(8,8,8,.98); backdrop-filter:blur(20px);
    flex-direction:column; align-items:center;
    justify-content:center; transition:left .35s; gap:24px;
  }
  .nav-links.open { left:0; }
  .nav-cta { position:relative; top:auto; left:auto; width:auto; height:auto; background:none; backdrop-filter:none; flex-direction:row; }
  .mob-toggle { display:block; }
  .hero h1 { font-size:clamp(3.2rem,11vw,5rem); }
  .inv-grid,.svc-grid { grid-template-columns:1fr; }
  .form-row { grid-template-columns:1fr; }
  .modal-body { padding:24px; }
  .modal-top { flex-direction:column; }
  .modal-price-wrap { text-align:left; }
  .footer-grid { grid-template-columns:1fr; }
  .footer-bottom { flex-direction:column; text-align:center; }
  .why-float { right:10px; bottom:-18px; }
  .search-wrap { flex-direction:column; }
}
@media(max-width:480px) {
  .hero-actions { flex-direction:column; }
  .hero-actions .btn { width:100%; }
  .modal-specs { grid-template-columns:repeat(2,1fr); }
}