<style>
:root{
  --red:#e60023;
  --red2:#ff1c3d;
  --dark:#111217;
  --text:#161821;
  --muted:#707789;
  --line:#e6e8ef;
  --soft:#f5f6fa;
  --white:#fff;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:Inter,Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 12% 0%,rgba(230,0,35,.13),transparent 26%),
    radial-gradient(circle at 90% 15%,rgba(230,0,35,.07),transparent 24%),
    linear-gradient(180deg,#fff,#f6f7fb 46%,#fff);
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.wrap{width:min(1560px,96%);margin:16px auto 45px}

/* HEADER */
.header{
  height:62px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  padding:0 18px;
  background:rgba(255,255,255,.86);
  backdrop-filter:blur(18px);
  border:1px solid var(--line);
  border-radius:20px;
  box-shadow:0 18px 55px rgba(17,18,23,.08);
  position:sticky;top:12px;z-index:20;
}
.logo{display:flex;align-items:center;gap:10px}
.logo-mark{
  width:38px;height:38px;border-radius:12px;
  background:linear-gradient(135deg,var(--red2),#8e0017);
  color:#fff;display:grid;place-items:center;
  font-size:18px;font-weight:900;
  box-shadow:0 12px 26px rgba(230,0,35,.24);
}
.logo strong{font-size:20px;letter-spacing:-.04em}
.logo span{display:block;font-size:9px;color:var(--muted);letter-spacing:.17em;text-transform:uppercase}
.nav{display:flex;gap:20px;font-size:13px;font-weight:800;color:#4f5668}
.nav a:hover{color:var(--red)}
.post-btn{
  height:40px;padding:0 17px;border-radius:12px;
  background:var(--dark);color:#fff;display:flex;align-items:center;
  font-size:13px;font-weight:900;
}

/* HERO */
.hero{margin-top:12px;display:grid;grid-template-columns:1.35fr .72fr;gap:12px}
.hero-main{
  min-height:345px;
  border-radius:26px;
  background:
    linear-gradient(135deg,rgba(230,0,35,.1),transparent 46%),
    linear-gradient(180deg,#fff,#f6f7fb);
  border:1px solid var(--line);
  box-shadow:0 22px 70px rgba(17,18,23,.09);
  position:relative;overflow:hidden;padding:30px;
}
.hero-main:after{
  content:"";position:absolute;right:-110px;top:-150px;width:430px;height:430px;border-radius:50%;
  background:radial-gradient(circle,rgba(230,0,35,.2),transparent 65%);
}
.kicker{
  display:inline-flex;align-items:center;gap:9px;
  padding:7px 12px;border-radius:999px;
  background:#fff;border:1px solid var(--line);
  color:var(--red);font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;
  box-shadow:0 10px 24px rgba(17,18,23,.06);
}
.kicker i{width:7px;height:7px;background:var(--red);border-radius:50%}
.hero h1{
  margin-top:16px;max-width:600px;
  font-size:52px;line-height:.95;letter-spacing:-.07em;font-weight:900;
}
.hero h1 span{color:var(--red)}
.hero p{margin-top:14px;max-width:430px;color:var(--muted);font-size:14px;line-height:1.6;font-weight:600}
.stats{margin-top:18px;display:flex;gap:9px}
.stat{
  min-width:108px;padding:10px 12px;border-radius:14px;
  background:#fff;border:1px solid var(--line);box-shadow:0 10px 25px rgba(17,18,23,.06)
}
.stat b{font-size:20px;letter-spacing:-.04em}
.stat small{display:block;margin-top:4px;color:var(--muted);font-size:9px;font-weight:900;text-transform:uppercase}
.car-hero{position:absolute;right:8px;bottom:-12px;width:46%;z-index:2}
.car-hero img{filter:drop-shadow(0 24px 28px rgba(17,18,23,.24))}

/* SEARCH */
.search-box{
  border-radius:26px;background:#14151b;color:#fff;padding:22px;
  border:1px solid rgba(255,255,255,.1);
  box-shadow:0 22px 65px rgba(17,18,23,.22);
}
.search-box h2{font-size:25px;line-height:1.08;letter-spacing:-.05em}
.search-box p{margin:7px 0 16px;color:#a9aebd;font-size:12px;font-weight:600}
.form{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.field,.keyword{
  height:44px;border-radius:12px;background:#22242d;border:1px solid rgba(255,255,255,.08);
  padding:0 13px;display:flex;align-items:center;justify-content:space-between;
  font-size:12px;font-weight:800;color:#ecedf2
}
.full{grid-column:1/-1}
.field i{color:var(--red2)}
.keyword{justify-content:flex-start;gap:10px;color:#8e93a4}
.key-icon{width:31px;height:31px;border-radius:9px;background:var(--red);color:#fff;display:grid;place-items:center}
.search-btn{
  grid-column:1/-1;height:48px;border:0;border-radius:13px;
  background:linear-gradient(135deg,var(--red2),#b5001d);color:#fff;
  font-size:14px;font-weight:900;box-shadow:0 15px 30px rgba(230,0,35,.28)
}

/* COMMON */
.section{
  margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:26px;
  padding:20px;box-shadow:0 18px 60px rgba(17,18,23,.07)
}
.head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}
.eyebrow{font-size:10px;color:var(--red);font-weight:900;letter-spacing:.16em;text-transform:uppercase;margin-bottom:4px}
.title{font-size:28px;line-height:1;letter-spacing:-.06em;font-weight:900}
.sub{margin-top:7px;color:var(--muted);font-size:12px;font-weight:600}
.view{color:var(--red);font-size:12px;font-weight:900}

/* BROWSE */
.browse{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.icon-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.brand,.body{
  min-height:74px;border-radius:14px;background:var(--soft);border:1px solid #eceef4;
  display:grid;place-items:center;text-align:center;padding:9px 6px;transition:.25s
}
.brand:hover,.body:hover{transform:translateY(-3px);border-color:rgba(230,0,35,.35);box-shadow:0 14px 26px rgba(17,18,23,.08)}
.brand img{height:27px;margin:auto;object-fit:contain}
.body img{height:25px;margin:auto;object-fit:contain}
.brand span,.body span{display:block;margin-top:7px;color:#555c6e;font-size:10px;font-weight:900}

/* ADS 6 COLUMN */
.ads-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.car-card{background:#fff;border:1px solid #e6e8ef;border-radius:16px;overflow:hidden;box-shadow:0 12px 32px rgba(17,18,23,.07);transition:.25s;min-width:0}
.car-card:hover{transform:translateY(-4px);border-color:rgba(230,0,35,.3);box-shadow:0 22px 45px rgba(17,18,23,.12)}
.car-img{
  height:96px;padding:10px;display:flex;align-items:center;justify-content:center;position:relative;
  background:radial-gradient(circle at 70% 20%,rgba(230,0,35,.14),transparent 36%),linear-gradient(180deg,#f7f8fb,#eef0f5)
}
.car-img img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 13px rgba(17,18,23,.19))}
.badge{
  position:absolute;top:8px;left:8px;padding:4px 7px;border-radius:999px;
  background:var(--red);color:#fff;font-size:8px;font-weight:900;text-transform:uppercase
}
.heart{
  position:absolute;right:8px;top:8px;width:24px;height:24px;border-radius:50%;
  background:#fff;color:#596070;display:grid;place-items:center;font-size:11px;box-shadow:0 6px 16px rgba(17,18,23,.13)
}
.card-body{padding:10px}
.meta{display:flex;justify-content:space-between;color:#858b9c;font-size:8.5px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.car-title{margin-top:6px;font-size:11.2px;line-height:1.28;min-height:30px;font-weight:900;letter-spacing:-.025em}
.price{margin-top:7px;color:var(--red);font-size:15.5px;line-height:1;font-weight:900}
.month{margin-top:4px;color:var(--muted);font-size:9.5px;font-weight:600}
.specs{margin-top:8px;display:grid;grid-template-columns:1fr 1fr;gap:4px}
.specs span{padding:4px 5px;border-radius:7px;background:#f5f6f9;border:1px solid #ebeef4;color:#697083;font-size:8.8px;font-weight:800}
.actions{margin-top:9px;display:grid;grid-template-columns:1fr 34px;gap:5px}
.wa,.call{height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:9.5px;font-weight:900}
.wa{background:#00c968;color:#fff}.call{background:#fff0f3;color:var(--red);border:1px solid rgba(230,0,35,.2)}

/* PACKAGES */
.package-grid,.trust-grid,.news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.package,.trust,.news{
  border-radius:18px;background:#f8f9fc;border:1px solid #eceef4;padding:18px;position:relative;overflow:hidden
}
.package:after,.trust:after{content:"";position:absolute;right:-40px;top:-40px;width:120px;height:120px;border-radius:50%;background:rgba(230,0,35,.08)}
.package i,.trust i{font-size:22px;color:var(--red)}
.package h3,.trust h3,.news h3{margin-top:12px;font-size:16px;letter-spacing:-.04em}
.package p,.trust p,.news p{margin-top:6px;color:var(--muted);font-size:12px;line-height:1.55}
.package strong{display:block;margin-top:12px;font-size:20px;color:var(--red)}

/* CTA */
.cta{
  margin-top:12px;border-radius:26px;padding:26px;background:linear-gradient(135deg,#15161c,#2a0a10);
  color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;overflow:hidden;position:relative
}
.cta:after{content:"";position:absolute;right:-80px;top:-100px;width:300px;height:300px;border-radius:50%;background:rgba(230,0,35,.28)}
.cta h2{font-size:30px;letter-spacing:-.06em}
.cta p{margin-top:8px;color:#b8bdca;font-size:13px}
.cta a{position:relative;z-index:2;background:#fff;color:#111;padding:13px 20px;border-radius:14px;font-weight:900}

/* FOOTER */
.footer{margin-top:12px;border-radius:26px;background:#fff;border:1px solid var(--line);padding:22px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px;font-weight:700}

/* RESPONSIVE */
@media(max-width:1200px){
  .ads-grid{grid-template-columns:repeat(3,1fr)}
  .hero{grid-template-columns:1fr}
}
@media(max-width:900px){
  .header{height:auto;flex-direction:column;align-items:flex-start;padding:16px}
  .nav{flex-wrap:wrap;gap:14px}
  .hero h1{font-size:42px}
  .car-hero{position:relative;width:90%;right:auto;bottom:auto;margin:15px auto 0}
  .browse{grid-template-columns:1fr}
  .icon-grid{grid-template-columns:repeat(3,1fr)}
  .package-grid,.trust-grid,.news-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  .wrap{width:94%}.hero-main,.search-box,.section,.cta{border-radius:22px;padding:18px}
  .form{grid-template-columns:1fr}.hero h1{font-size:36px}
  .stats{flex-direction:column}.ads-grid{grid-template-columns:1fr}
  .icon-grid{grid-template-columns:repeat(2,1fr)}
  .package-grid,.trust-grid,.news-grid{grid-template-columns:1fr}
  .cta,.footer{flex-direction:column;align-items:flex-start}
}

/* ===== CREATIVE FOOTER + EXTRA POLISH ===== */
.hero-main{
  background:
    linear-gradient(135deg,rgba(230,0,35,.13),transparent 40%),
    radial-gradient(circle at 82% 28%,rgba(230,0,35,.16),transparent 28%),
    linear-gradient(180deg,#fff,#f6f7fb) !important;
}
.hero-main:before{
  content:"";
  position:absolute;
  inset:auto 35px 28px auto;
  width:210px;
  height:210px;
  border:1px solid rgba(230,0,35,.16);
  border-radius:50%;
  z-index:1;
}
.section{
  position:relative;
  overflow:hidden;
}
.section:before{
  content:"";
  position:absolute;
  top:0;
  left:24px;
  right:24px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(230,0,35,.35),transparent);
}
.brand,
.body,
.package,
.trust,
.news,
.car-card{
  position:relative;
}
.brand:after,
.body:after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(135deg,rgba(230,0,35,.08),transparent 45%);
  opacity:0;
  transition:.25s;
}
.brand:hover:after,
.body:hover:after{
  opacity:1;
}
.cta{
  min-height:150px;
}
.cta:before{
  content:"ROADSTER";
  position:absolute;
  right:95px;
  bottom:-20px;
  font-size:78px;
  font-weight:900;
  letter-spacing:-.08em;
  color:rgba(255,255,255,.045);
  z-index:1;
}

/* NEW FULL FOOTER */
.footer-pro{
  margin-top:12px;
  border-radius:28px;
  overflow:hidden;
  background:
    radial-gradient(circle at 80% 0%,rgba(230,0,35,.24),transparent 28%),
    linear-gradient(135deg,#111217,#171922);
  color:#fff;
  box-shadow:0 20px 60px rgba(17,18,23,.16);
}
.footer-top{
  padding:34px 28px 28px;
  display:grid;
  grid-template-columns:1.4fr .9fr .9fr .9fr 1.25fr;
  gap:28px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.footer-logo{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:14px;
}
.footer-logo .logo-mark{
  box-shadow:none;
}
.footer-logo strong{
  display:block;
  font-size:22px;
  letter-spacing:-.04em;
}
.footer-logo span{
  display:block;
  font-size:10px;
  color:#9ea4b5;
  letter-spacing:.17em;
  text-transform:uppercase;
}
.footer-about p{
  color:#aeb3c2;
  font-size:13px;
  line-height:1.75;
  max-width:340px;
}
.footer-col h4{
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.16em;
  color:#fff;
  margin-bottom:14px;
}
.footer-col ul{
  list-style:none;
}
.footer-col li{
  margin-bottom:9px;
}
.footer-col a{
  color:#aeb3c2;
  font-size:13px;
  font-weight:600;
  transition:.25s;
}
.footer-col a:hover{
  color:#fff;
  padding-left:4px;
}
.contact-line{
  display:flex;
  gap:9px;
  color:#aeb3c2;
  font-size:13px;
  line-height:1.55;
  margin-bottom:10px;
}
.contact-line i{
  color:var(--red2);
  margin-top:3px;
}
.newsletter{
  display:flex;
  margin-top:12px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.1);
  border-radius:14px;
  overflow:hidden;
}
.newsletter input{
  flex:1;
  min-width:0;
  border:0;
  outline:0;
  background:transparent;
  color:#fff;
  padding:13px 14px;
  font-family:Inter,Arial,sans-serif;
  font-size:13px;
}
.newsletter input::placeholder{
  color:#798092;
}
.newsletter button{
  width:46px;
  border:0;
  background:var(--red);
  color:#fff;
  cursor:pointer;
}
.socials{
  display:flex;
  gap:8px;
  margin-top:14px;
}
.socials a{
  width:34px;
  height:34px;
  border-radius:11px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.08);
  color:#fff;
  transition:.25s;
}
.socials a:hover{
  background:var(--red);
  transform:translateY(-3px);
}
.footer-bottom{
  padding:16px 28px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  color:#8f96a8;
  font-size:12px;
  font-weight:700;
}
.payments{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
}
.payments span{
  padding:5px 10px;
  border-radius:8px;
  background:rgba(255,255,255,.08);
  color:#d9dce5;
  font-size:11px;
  font-weight:900;
}
.footer-old-hide{
  display:none !important;
}

@media(max-width:1000px){
  .footer-top{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:620px){
  .footer-top{
    grid-template-columns:1fr;
    padding:26px 20px;
  }
  .footer-bottom{
    flex-direction:column;
    align-items:flex-start;
    padding:16px 20px;
  }
}


/* ===== NEW PREMIUM HEADER UPDATE ===== */
.wrap{
  margin-top:12px !important;
}

.top-mini{
  width:min(1560px,96%);
  margin:12px auto 0;
  height:38px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 18px;
  background:#111217;
  color:#c9ceda;
  font-size:11px;
  font-weight:700;
  box-shadow:0 14px 34px rgba(17,18,23,.14);
}
.top-mini-left,
.top-mini-right{
  display:flex;
  align-items:center;
  gap:18px;
}
.top-mini i{
  color:var(--red2);
}
.top-mini a{
  color:#c9ceda;
}
.top-mini a:hover{
  color:#fff;
}

.header{
  height:74px !important;
  padding:0 14px 0 18px !important;
  border-radius:24px !important;
  background:rgba(255,255,255,.9) !important;
  border:1px solid rgba(230,232,239,.92) !important;
  box-shadow:
    0 18px 55px rgba(17,18,23,.1),
    inset 0 1px 0 rgba(255,255,255,.75) !important;
}

.logo{
  padding-right:18px;
  border-right:1px solid var(--line);
}

.logo-mark{
  width:46px !important;
  height:46px !important;
  border-radius:16px !important;
  font-size:20px !important;
  background:
    radial-gradient(circle at 35% 20%,rgba(255,255,255,.35),transparent 28%),
    linear-gradient(135deg,var(--red2),#7c0014) !important;
  box-shadow:
    0 16px 32px rgba(230,0,35,.25),
    inset 0 1px 0 rgba(255,255,255,.25) !important;
}

.logo strong{
  font-size:24px !important;
  letter-spacing:-.065em !important;
}

.logo span{
  margin-top:2px;
  font-size:8.5px !important;
  letter-spacing:.2em !important;
}

.nav{
  flex:1;
  justify-content:center;
  gap:6px !important;
  font-size:13px !important;
}

.nav a{
  height:42px;
  padding:0 14px;
  border-radius:999px;
  display:flex;
  align-items:center;
  color:#555c6c;
  transition:.25s;
}

.nav a:first-child{
  background:#fff0f3;
  color:var(--red);
}

.nav a:hover{
  background:#f5f6fa;
  color:var(--red) !important;
}

.header-actions-new{
  display:flex;
  align-items:center;
  gap:8px;
}

.icon-btn{
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:#f6f7fb;
  border:1px solid #ebeef4;
  color:#4f5668;
  transition:.25s;
  position:relative;
}

.icon-btn:hover{
  background:#fff0f3;
  color:var(--red);
  border-color:rgba(230,0,35,.22);
}

.icon-btn .dot{
  position:absolute;
  top:8px;
  right:8px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--red);
  border:2px solid #fff;
}

.login-btn-new{
  height:42px;
  padding:0 16px;
  border-radius:14px;
  border:1px solid #ebeef4;
  background:#fff;
  color:#252a35;
  display:flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  font-weight:900;
  transition:.25s;
}

.login-btn-new:hover{
  border-color:rgba(230,0,35,.25);
  color:var(--red);
}

.post-btn{
  height:44px !important;
  padding:0 18px !important;
  border-radius:15px !important;
  gap:8px;
  background:
    radial-gradient(circle at 30% 0%,rgba(255,255,255,.22),transparent 30%),
    linear-gradient(135deg,#171922,#0d0e12) !important;
  box-shadow:
    0 14px 32px rgba(17,18,23,.2),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
}

.post-btn:before{
  content:"+";
  width:20px;
  height:20px;
  border-radius:7px;
  display:grid;
  place-items:center;
  background:var(--red);
  color:#fff;
  font-weight:900;
  line-height:1;
}

@media(max-width:980px){
  .top-mini{
    display:none;
  }
  .header{
    height:auto !important;
    align-items:flex-start !important;
  }
  .logo{
    border-right:0;
  }
  .nav{
    justify-content:flex-start;
  }
  .header-actions-new{
    flex-wrap:wrap;
  }
}


/* ===== LESS BOX BOX / LESS RADIUS / CLEANER ===== */

.header{
  border-radius:14px !important;
}

.hero-main,
.search-box,
.section,
.cta,
.footer-pro{
  border-radius:16px !important;
}

.brand,
.body,
.car-card,
.package,
.trust,
.news{
  border-radius:10px !important;
  box-shadow:none !important;
}

.brand,
.body{
  background:#fafafb !important;
}

.section{
  box-shadow:0 8px 24px rgba(17,18,23,.04) !important;
}

.car-card{
  border:1px solid #eceef3 !important;
}

.car-card:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 10px 20px rgba(17,18,23,.06) !important;
}

.car-img{
  border-radius:0 !important;
  background:#f5f6fa !important;
}

.stats{
  gap:6px !important;
}

.stat{
  border-radius:8px !important;
  box-shadow:none !important;
  background:#fafafb !important;
}

.field,
.keyword{
  border-radius:8px !important;
}

.search-btn{
  border-radius:10px !important;
}

.post-btn,
.login-btn-new,
.icon-btn{
  border-radius:10px !important;
}

.footer-top{
  gap:20px !important;
}

.footer-col ul li{
  margin-bottom:7px !important;
}

.newsletter{
  border-radius:10px !important;
}

.socials a{
  border-radius:8px !important;
}

.payments span{
  border-radius:6px !important;
}

/* cleaner flatter feel */
.hero-main:before,
.hero-main:after,
.section:before,
.package:after,
.trust:after,
.cta:after,
.cta:before{
  opacity:.45 !important;
}

.brand:hover,
.body:hover{
  transform:none !important;
  box-shadow:none !important;
}



/* ===== DESIGNER UI UPGRADE: creative but clean ===== */

body{
  background:
    linear-gradient(135deg, rgba(230,0,35,.055) 0 12%, transparent 12% 100%),
    radial-gradient(circle at 80% 8%, rgba(230,0,35,.09), transparent 28%),
    linear-gradient(180deg,#fff 0%,#f7f8fb 48%,#fff 100%) !important;
}

.wrap{
  position:relative;
}

.wrap:before{
  content:"";
  position:fixed;
  left:0;
  top:0;
  width:7px;
  height:100vh;
  background:linear-gradient(180deg,var(--red),transparent);
  z-index:1;
}

/* header designer line */
.header{
  border-radius:12px !important;
  position:sticky;
  overflow:hidden;
}

.header:after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  bottom:0;
  height:2px;
  background:linear-gradient(90deg,var(--red),transparent 55%);
}

/* hero editorial layout */
.hero-main{
  border-radius:14px !important;
  min-height:370px !important;
  background:
    linear-gradient(110deg,rgba(230,0,35,.11) 0 32%,transparent 32%),
    linear-gradient(180deg,#ffffff,#f6f7fb) !important;
}

.hero-main:before{
  opacity:1 !important;
  width:260px !important;
  height:260px !important;
  right:40px !important;
  bottom:35px !important;
  border:1px solid rgba(230,0,35,.2) !important;
}

.hero-main:after{
  opacity:.9 !important;
}

.hero h1{
  max-width:650px !important;
  font-size:58px !important;
  letter-spacing:-.08em !important;
}

.hero h1:after{
  content:"";
  display:block;
  width:92px;
  height:5px;
  margin-top:18px;
  background:linear-gradient(90deg,var(--red),#ff7b91);
  transform:skewX(-18deg);
}

.kicker{
  border-radius:4px !important;
  box-shadow:none !important;
  background:#111217 !important;
  color:#fff !important;
}

.kicker i{
  background:var(--red2) !important;
}

.car-hero{
  width:49% !important;
  right:18px !important;
  bottom:-8px !important;
}

/* search panel less boxy, more designer */
.search-box{
  border-radius:14px !important;
  background:
    linear-gradient(145deg,#111217,#1d1f28) !important;
  position:relative;
  overflow:hidden;
}

.search-box:before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:4px;
  background:linear-gradient(90deg,var(--red),transparent);
}

.search-box h2{
  font-size:27px !important;
}

.field,
.keyword{
  border-radius:6px !important;
  background:#282b35 !important;
}

.search-btn{
  border-radius:6px !important;
  text-transform:uppercase;
  letter-spacing:.08em;
}

/* section treatment */
.section{
  border-radius:14px !important;
  padding:22px !important;
  background:
    linear-gradient(180deg,#fff,#fbfbfd) !important;
}

.section:before{
  left:0 !important;
  right:auto !important;
  width:92px !important;
  height:4px !important;
  background:var(--red) !important;
}

.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
}

.eyebrow:before{
  content:"";
  width:16px;
  height:2px;
  background:var(--red);
}

.title{
  font-size:30px !important;
}

/* brand/body creative flat tiles */
.brand,
.body{
  border-radius:6px !important;
  background:#fff !important;
  border:1px solid #e7e9f0 !important;
  min-height:78px !important;
}

.brand:hover,
.body:hover{
  background:#111217 !important;
  color:#fff !important;
  border-color:#111217 !important;
}

.brand:hover span,
.body:hover span{
  color:#fff !important;
}

.brand:hover img,
.body:hover img{
  filter:brightness(0) invert(1);
}

/* ads card designer style */
.ads-grid{
  gap:12px !important;
}

.car-card{
  border-radius:8px !important;
  position:relative;
  border:1px solid #e5e8ef !important;
  transition:.28s ease !important;
}

.car-card:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:3px;
  height:0;
  background:var(--red);
  transition:.28s ease;
  z-index:3;
}

.car-card:hover:before{
  height:100%;
}

.car-card:hover{
  transform:translateY(-3px) !important;
  border-color:#dfe3eb !important;
  box-shadow:0 18px 34px rgba(17,18,23,.08) !important;
}

.car-img{
  height:102px !important;
  background:
    linear-gradient(135deg,#f2f4f8,#fff) !important;
}

.badge{
  border-radius:4px !important;
  background:#111217 !important;
  letter-spacing:.08em;
}

.price{
  font-size:16.5px !important;
}

.wa{
  border-radius:5px !important;
  background:#111217 !important;
}

.call{
  border-radius:5px !important;
  background:var(--red) !important;
  color:#fff !important;
}

/* feature sections */
.package,
.trust,
.news{
  border-radius:8px !important;
  background:#fff !important;
  border-left:3px solid var(--red) !important;
  transition:.25s;
}

.package:hover,
.trust:hover,
.news:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 34px rgba(17,18,23,.07) !important;
}

.package i,
.trust i{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  background:#fff0f3;
  border-radius:6px;
}

/* CTA more designer */
.cta{
  border-radius:14px !important;
  min-height:165px !important;
  background:
    linear-gradient(115deg,#111217 0 58%,#e60023 58% 100%) !important;
}

.cta h2{
  font-size:34px !important;
}

.cta a{
  border-radius:6px !important;
  text-transform:uppercase;
  letter-spacing:.08em;
}

/* footer cleaner designer */
.footer-pro{
  border-radius:14px !important;
  background:
    linear-gradient(115deg,#111217 0 72%,#1f1115 72% 100%) !important;
}

.footer-top{
  padding-top:38px !important;
}

.footer-col h4{
  position:relative;
  padding-bottom:10px;
}

.footer-col h4:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:28px;
  height:2px;
  background:var(--red);
}

.newsletter{
  border-radius:6px !important;
}

.socials a{
  border-radius:6px !important;
}

/* mobile tuning */
@media(max-width:900px){
  .hero h1{
    font-size:44px !important;
  }
  .hero-main{
    min-height:auto !important;
  }
}

@media(max-width:620px){
  .hero h1{
    font-size:36px !important;
  }
}


/* ===== SUPER PRO UI DESIGNER UPGRADE ===== */
/* Direction: editorial automotive, clean white, sharp red accents, less bulky boxes */

:root{
  --red:#e60023;
  --red2:#ff2445;
  --ink:#111217;
  --ink2:#1b1d26;
  --paper:#ffffff;
  --paper2:#f6f7fb;
  --line:#e6e8ef;
  --muted:#707789;
}

body{
  background:
    linear-gradient(115deg, rgba(230,0,35,.055) 0 16%, transparent 16% 100%),
    radial-gradient(circle at 86% 9%, rgba(230,0,35,.10), transparent 23%),
    radial-gradient(circle at 5% 45%, rgba(17,18,23,.045), transparent 18%),
    linear-gradient(180deg,#fff 0%,#f7f8fb 48%,#fff 100%) !important;
}

/* designer page rhythm */
.wrap{
  width:min(1580px,96%) !important;
  position:relative;
}

.wrap:after{
  content:"";
  position:fixed;
  right:26px;
  top:110px;
  width:1px;
  height:65vh;
  background:linear-gradient(180deg,transparent,var(--red),transparent);
  opacity:.28;
  pointer-events:none;
}

/* top mini refined */
.top-mini{
  border-radius:8px !important;
  height:34px !important;
  background:#101116 !important;
  box-shadow:none !important;
  letter-spacing:.02em;
}

/* header: automotive dashboard feel */
.header{
  height:70px !important;
  border-radius:10px !important;
  background:rgba(255,255,255,.94) !important;
  border:1px solid rgba(225,228,235,.96) !important;
  box-shadow:0 12px 34px rgba(17,18,23,.075) !important;
}

.header:after{
  height:3px !important;
  left:0 !important;
  right:auto !important;
  bottom:0 !important;
  width:180px !important;
  background:linear-gradient(90deg,var(--red),rgba(230,0,35,0)) !important;
}

.logo{
  border-right:0 !important;
  position:relative;
}

.logo:after{
  content:"";
  width:1px;
  height:30px;
  background:var(--line);
  position:absolute;
  right:-14px;
  top:50%;
  transform:translateY(-50%);
}

.logo-mark{
  border-radius:9px !important;
  background:
    linear-gradient(135deg,#ff3151,#9a0019) !important;
  box-shadow:0 12px 24px rgba(230,0,35,.22) !important;
}

.logo strong{
  font-size:23px !important;
  letter-spacing:-.07em !important;
}

.nav a{
  border-radius:6px !important;
  height:38px !important;
  padding:0 13px !important;
  position:relative;
  overflow:hidden;
}

.nav a:after{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  bottom:7px;
  height:2px;
  background:var(--red);
  transform:scaleX(0);
  transform-origin:left;
  transition:.25s;
}

.nav a:hover:after,
.nav a:first-child:after{
  transform:scaleX(1);
}

.nav a:first-child{
  background:transparent !important;
}

.icon-btn,
.login-btn-new,
.post-btn{
  border-radius:7px !important;
}

/* hero: magazine cover composition */
.hero{
  gap:14px !important;
}

.hero-main{
  min-height:390px !important;
  border-radius:10px !important;
  padding:34px !important;
  background:
    linear-gradient(112deg,rgba(230,0,35,.10) 0 31%, transparent 31%),
    linear-gradient(180deg,#ffffff,#f6f7fb) !important;
  border-color:#e3e6ee !important;
  box-shadow:0 18px 55px rgba(17,18,23,.075) !important;
}

.hero-main:before{
  width:300px !important;
  height:300px !important;
  right:48px !important;
  bottom:36px !important;
  border-color:rgba(230,0,35,.17) !important;
}

.hero-main:after{
  width:540px !important;
  height:540px !important;
  right:-170px !important;
  top:-230px !important;
}

.kicker{
  border-radius:3px !important;
  background:#111217 !important;
  color:#fff !important;
  padding:8px 12px !important;
  letter-spacing:.18em !important;
}

.hero h1{
  font-size:62px !important;
  max-width:690px !important;
  letter-spacing:-.085em !important;
}

.hero h1 span{
  position:relative;
  display:inline-block;
}

.hero h1 span:after{
  content:"";
  position:absolute;
  left:0;
  bottom:5px;
  width:100%;
  height:10px;
  background:rgba(230,0,35,.13);
  z-index:-1;
}

.hero h1:after{
  width:118px !important;
  height:4px !important;
  margin-top:20px !important;
  background:linear-gradient(90deg,var(--red),#ff7b91,transparent) !important;
}

.hero p{
  font-size:15px !important;
  max-width:470px !important;
}

.stat{
  border-radius:4px !important;
  border-left:3px solid var(--red) !important;
  background:#fff !important;
}

.car-hero{
  width:51% !important;
  right:8px !important;
  bottom:-10px !important;
}

.car-hero:before{
  content:"";
  position:absolute;
  left:12%;
  right:8%;
  bottom:12px;
  height:16px;
  background:rgba(230,0,35,.22);
  filter:blur(18px);
  border-radius:50%;
}

/* search box: premium dark contrast */
.search-box{
  border-radius:10px !important;
  padding:24px !important;
  background:
    linear-gradient(145deg,#101116,#1b1d26) !important;
  box-shadow:0 18px 45px rgba(17,18,23,.18) !important;
}

.search-box:before{
  height:3px !important;
}

.field,
.keyword{
  border-radius:4px !important;
  background:#252833 !important;
  border-color:rgba(255,255,255,.07) !important;
}

.field:hover,
.keyword:hover{
  border-color:rgba(230,0,35,.45) !important;
}

.search-btn{
  border-radius:4px !important;
  background:linear-gradient(135deg,#ff2445,#b3001c) !important;
}

/* section: artboard treatment */
.section{
  border-radius:10px !important;
  padding:24px !important;
  box-shadow:0 14px 42px rgba(17,18,23,.055) !important;
  background:
    linear-gradient(180deg,#fff,#fbfcff) !important;
}

.section:before{
  height:3px !important;
  width:120px !important;
}

.head{
  align-items:flex-start !important;
}

.eyebrow{
  letter-spacing:.18em !important;
}

.title{
  font-size:32px !important;
  letter-spacing:-.07em !important;
}

.sub{
  font-size:12.5px !important;
}

/* browse tiles: less childish, more brand gallery */
.brand,
.body{
  border-radius:4px !important;
  min-height:80px !important;
  background:#fff !important;
  border-color:#e4e7ee !important;
}

.brand:before,
.body:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:0;
  height:100%;
  background:#111217;
  transition:.25s;
  z-index:0;
}

.brand > div,
.body > div{
  position:relative;
  z-index:1;
}

.brand:hover:before,
.body:hover:before{
  width:100%;
}

.brand:hover,
.body:hover{
  color:#fff !important;
}

/* ads: designer listing system */
.ads-grid{
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:12px !important;
}

.car-card{
  border-radius:6px !important;
  border-color:#e4e7ee !important;
  box-shadow:none !important;
  background:#fff !important;
}

.car-card:before{
  width:4px !important;
}

.car-card:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 18px 36px rgba(17,18,23,.075) !important;
}

.car-img{
  height:106px !important;
  background:
    linear-gradient(135deg,#f3f5f9,#ffffff) !important;
}

.badge{
  border-radius:2px !important;
  padding:4px 6px !important;
  background:#111217 !important;
}

.heart{
  border-radius:4px !important;
}

.card-body{
  padding:11px !important;
}

.car-title{
  font-size:11.5px !important;
}

.price{
  font-size:17px !important;
}

.specs span{
  border-radius:3px !important;
}

.wa,
.call{
  border-radius:3px !important;
}

/* package/trust/news editorial cards */
.package,
.trust,
.news{
  border-radius:6px !important;
  background:#fff !important;
  border-top:1px solid #e4e7ee !important;
  border-right:1px solid #e4e7ee !important;
  border-bottom:1px solid #e4e7ee !important;
  border-left:4px solid var(--red) !important;
}

.package h3,
.trust h3,
.news h3{
  letter-spacing:-.045em !important;
}

.package i,
.trust i{
  border-radius:4px !important;
}

/* CTA: stronger graphic direction */
.cta{
  border-radius:10px !important;
  min-height:170px !important;
  background:
    linear-gradient(112deg,#111217 0 57%,#e60023 57% 100%) !important;
}

.cta:before{
  opacity:.9 !important;
  font-size:88px !important;
  bottom:-28px !important;
}

.cta a{
  border-radius:4px !important;
}

/* footer: premium black strip */
.footer-pro{
  border-radius:10px !important;
  background:
    linear-gradient(112deg,#111217 0 70%,#241017 70% 100%) !important;
}

.footer-top{
  padding:40px 30px 30px !important;
}

.footer-col h4{
  letter-spacing:.18em !important;
}

.footer-col a:hover{
  padding-left:0 !important;
  color:#fff !important;
  text-decoration:underline;
  text-decoration-color:var(--red);
  text-underline-offset:4px;
}

/* make it responsive but keep desktop 6 */
@media(max-width:1200px){
  .ads-grid{
    grid-template-columns:repeat(3,1fr) !important;
  }
  .hero h1{
    font-size:52px !important;
  }
}

@media(max-width:900px){
  .hero h1{
    font-size:44px !important;
  }
  .hero-main{
    padding:24px !important;
  }
}

@media(max-width:620px){
  .ads-grid{
    grid-template-columns:1fr !important;
  }
  .title{
    font-size:26px !important;
  }
}


/* ===== OPEN EDITORIAL LAYOUT: remove too many inner boxes ===== */

/* Browse brand/body: no small boxes, use clean logo row */
.icon-grid{
  gap:0 !important;
  border-top:1px solid #e7e9f0;
  border-bottom:1px solid #e7e9f0;
}

.brand,
.body{
  min-height:86px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border-right:1px solid #e7e9f0 !important;
  padding:14px 8px !important;
}

.brand:last-child,
.body:last-child{
  border-right:0 !important;
}

.brand:before,
.body:before,
.brand:after,
.body:after{
  display:none !important;
}

.brand:hover,
.body:hover{
  background:#fafbfe !important;
  transform:none !important;
  color:var(--text) !important;
}

.brand:hover span,
.body:hover span{
  color:var(--red) !important;
}

.brand:hover img,
.body:hover img{
  filter:none !important;
  transform:translateY(-2px);
}

.brand img,
.body img{
  transition:.25s;
}

.brand span,
.body span{
  font-size:11px !important;
  color:#606779 !important;
}

/* Car cards: keep listing card, but remove mini boxes inside details */
.specs{
  display:flex !important;
  flex-wrap:wrap;
  gap:0 !important;
  margin-top:9px !important;
  padding-top:8px;
  border-top:1px solid #eef0f5;
}

.specs span{
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  padding:0 8px 0 0 !important;
  margin-right:8px;
  color:#747b8d !important;
  font-size:9.5px !important;
  position:relative;
}

.specs span:not(:last-child):after{
  content:"•";
  position:absolute;
  right:-3px;
  color:#c3c7d0;
}

.actions{
  border-top:1px solid #eef0f5;
  padding-top:9px;
}

/* Rental / Trust / News: open list style instead of boxed items */
.package-grid,
.trust-grid,
.news-grid{
  gap:0 !important;
  border-top:1px solid #e7e9f0;
}

.package,
.trust,
.news{
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  padding:20px 22px !important;
  border-right:1px solid #e7e9f0 !important;
  border-bottom:1px solid #e7e9f0 !important;
}

.package:nth-child(4n),
.trust:nth-child(4n),
.news:nth-child(4n){
  border-right:0 !important;
}

.package:after,
.trust:after,
.news:after,
.package:before,
.trust:before,
.news:before{
  display:none !important;
}

.package:hover,
.trust:hover,
.news:hover{
  transform:none !important;
  box-shadow:none !important;
  background:#fafbfe !important;
}

.package i,
.trust i{
  width:auto !important;
  height:auto !important;
  display:block !important;
  background:transparent !important;
  border-radius:0 !important;
  font-size:20px !important;
  margin-bottom:14px;
}

.package h3,
.trust h3,
.news h3{
  margin-top:0 !important;
  font-size:17px !important;
}

.package p,
.trust p,
.news p{
  max-width:240px;
}

.package strong{
  font-size:18px !important;
}

/* Search form: less boxed input feel */
.field,
.keyword{
  background:transparent !important;
  border:0 !important;
  border-bottom:1px solid rgba(255,255,255,.16) !important;
  border-radius:0 !important;
  padding:0 !important;
}

.field:hover,
.keyword:hover{
  border-bottom-color:var(--red2) !important;
}

.key-icon{
  border-radius:4px !important;
}

/* Stats: remove card feel */
.stats{
  border-top:1px solid #e5e8ef;
  border-bottom:1px solid #e5e8ef;
  display:inline-flex !important;
}

.stat{
  border:0 !important;
  border-radius:0 !important;
  border-left:0 !important;
  border-right:1px solid #e5e8ef !important;
  box-shadow:none !important;
  background:transparent !important;
}

.stat:last-child{
  border-right:0 !important;
}

/* Footer payment chips less boxed */
.payments span{
  background:transparent !important;
  border-radius:0 !important;
  padding:0 8px !important;
  border-right:1px solid rgba(255,255,255,.18);
}

.payments span:last-child{
  border-right:0;
}

/* Mobile */
@media(max-width:900px){
  .package:nth-child(2n),
  .trust:nth-child(2n),
  .news:nth-child(2n){
    border-right:0 !important;
  }
}

@media(max-width:620px){
  .brand,
  .body,
  .package,
  .trust,
  .news{
    border-right:0 !important;
  }
}


/* ===== REMOVE OUTSIDE SECTION ROW BOXES ===== */
/* Keep inner info cards, remove big outer white section boxes */

.section{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:30px 0 !important;
  margin-top:0 !important;
  overflow:visible !important;
}

.section:before{
  display:none !important;
}

/* use subtle divider between sections instead of row boxes */
.section + .section{
  border-top:1px solid #e7e9f0 !important;
}

/* browse section no outer box */
.section.browse{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:52px !important;
  border-top:1px solid #e7e9f0 !important;
  border-bottom:1px solid #e7e9f0 !important;
  padding:26px 0 !important;
}

/* restore inside item boxes where useful */
.brand,
.body{
  border:1px solid #e6e8ef !important;
  border-radius:6px !important;
  background:#fff !important;
  box-shadow:none !important;
}

.brand:hover,
.body:hover{
  background:#111217 !important;
  color:#fff !important;
}

.brand:hover span,
.body:hover span{
  color:#fff !important;
}

.brand:hover img,
.body:hover img{
  filter:brightness(0) invert(1) !important;
}

/* ads section: no big white outer container */
.section .ads-grid{
  margin-top:4px !important;
}

/* rental / trust / news cards stay inside, but no outer section box */
.package-grid,
.trust-grid,
.news-grid{
  border-top:0 !important;
  gap:12px !important;
}

.package,
.trust,
.news{
  background:#fff !important;
  border:1px solid #e6e8ef !important;
  border-left:4px solid var(--red) !important;
  border-radius:6px !important;
  padding:18px !important;
}

/* section header more open */
.head{
  margin-bottom:18px !important;
  padding:0 !important;
}

.eyebrow{
  color:var(--red) !important;
}

.title{
  font-size:34px !important;
}

/* add more breathing room */
.wrap{
  width:min(1480px,92%) !important;
}

.cta{
  margin-top:18px !important;
}

/* on mobile */
@media(max-width:900px){
  .section.browse{
    grid-template-columns:1fr !important;
    gap:26px !important;
  }
}


/* ===== FUNCTIONAL DROPDOWN + ADVANCED SEARCH MODAL ===== */

.search-box{
  overflow:visible !important;
  z-index:20;
}

.field{
  cursor:pointer;
  position:relative;
  user-select:none;
}

.field i{
  transition:.25s;
}

.field.active i{
  transform:rotate(180deg);
}

.field-menu{
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + 8px);
  background:#fff;
  color:#171821;
  border:1px solid #e6e8ef;
  box-shadow:0 20px 40px rgba(17,18,23,.18);
  z-index:999;
  display:none;
  max-height:210px;
  overflow:auto;
}

.field.active .field-menu{
  display:block;
}

.field-menu button{
  width:100%;
  border:0;
  background:#fff;
  color:#333846;
  text-align:left;
  padding:12px 14px;
  font-family:Inter,Arial,sans-serif;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
  border-bottom:1px solid #f0f1f5;
}

.field-menu button:hover{
  background:#fff0f3;
  color:var(--red);
}

.advanced-link{
  margin-top:14px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#fff;
  font-size:13px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
  cursor:pointer;
  border:0;
  background:transparent;
  padding:0;
  font-family:Inter,Arial,sans-serif;
}

.advanced-link span{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.08);
  color:var(--red2);
  border:1px solid rgba(255,255,255,.14);
}

.advanced-link:hover{
  color:var(--red2);
}

/* Modal */
.modal-overlay{
  position:fixed;
  inset:0;
  background:rgba(17,18,23,.72);
  backdrop-filter:blur(8px);
  z-index:9999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:22px;
}

.modal-overlay.show{
  display:flex;
}

.advanced-modal{
  width:min(760px,96vw);
  max-height:88vh;
  overflow:auto;
  background:#fff;
  border-radius:12px;
  box-shadow:0 30px 90px rgba(0,0,0,.32);
  border:1px solid rgba(255,255,255,.18);
  position:relative;
}

.advanced-modal::-webkit-scrollbar{
  width:7px;
}

.advanced-modal::-webkit-scrollbar-thumb{
  background:#c6cad4;
}

.modal-head{
  min-height:74px;
  padding:22px 24px;
  background:
    linear-gradient(112deg,#111217 0 76%,var(--red) 76% 100%);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  position:sticky;
  top:0;
  z-index:2;
}

.modal-head h3{
  font-size:24px;
  line-height:1;
  letter-spacing:-.05em;
  font-weight:900;
}

.modal-head p{
  margin-top:6px;
  font-size:12px;
  color:#b8bdca;
  font-weight:600;
}

.close-modal{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.2);
  background:rgba(255,255,255,.08);
  color:#fff;
  cursor:pointer;
  font-size:18px;
}

.modal-body{
  padding:24px;
}

.advanced-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.adv-control{
  position:relative;
}

.adv-control.full{
  grid-column:1/-1;
}

.adv-label{
  display:block;
  font-size:10px;
  color:var(--red);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.16em;
  margin-bottom:7px;
}

.adv-control select,
.adv-control input{
  width:100%;
  height:48px;
  border:1px solid #dfe3eb;
  background:#fff;
  color:#20232d;
  outline:none;
  padding:0 14px;
  font-family:Inter,Arial,sans-serif;
  font-size:13px;
  font-weight:700;
  border-radius:4px;
}

.adv-control select:focus,
.adv-control input:focus{
  border-color:var(--red);
  box-shadow:0 0 0 3px rgba(230,0,35,.08);
}

.price-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.modal-actions{
  margin-top:22px;
  display:grid;
  grid-template-columns:1fr 160px;
  gap:12px;
  align-items:center;
}

.adv-search-btn{
  height:52px;
  border:0;
  border-radius:4px;
  background:linear-gradient(135deg,var(--red2),#b3001c);
  color:#fff;
  font-family:Inter,Arial,sans-serif;
  font-size:14px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  cursor:pointer;
}

.reset-btn{
  height:52px;
  border:1px solid #dfe3eb;
  background:#fff;
  color:#4d5363;
  font-family:Inter,Arial,sans-serif;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
}

@media(max-width:620px){
  .advanced-grid,
  .price-row,
  .modal-actions{
    grid-template-columns:1fr;
  }

  .modal-head{
    padding:18px;
  }

  .modal-body{
    padding:18px;
  }
}


/* ===== MOBILE RESPONSIVE PRO UPDATE ===== */
@media(max-width:900px){

  body{
    background:
      radial-gradient(circle at 0% 0%,rgba(230,0,35,.14),transparent 30%),
      linear-gradient(180deg,#fff,#f7f8fb 45%,#fff) !important;
  }

  .wrap{
    width:94% !important;
    margin:10px auto 34px !important;
  }

  .top-mini{
    display:none !important;
  }

  .header{
    position:sticky !important;
    top:8px !important;
    height:auto !important;
    padding:12px !important;
    border-radius:12px !important;
    display:grid !important;
    grid-template-columns:1fr auto !important;
    gap:10px !important;
    align-items:center !important;
  }

  .logo{
    border:0 !important;
    padding:0 !important;
  }

  .logo:after{
    display:none !important;
  }

  .logo-mark{
    width:40px !important;
    height:40px !important;
    border-radius:9px !important;
  }

  .logo strong{
    font-size:20px !important;
  }

  .logo span{
    font-size:8px !important;
  }

  .nav{
    grid-column:1 / -1 !important;
    order:3 !important;
    width:100% !important;
    overflow-x:auto !important;
    flex-wrap:nowrap !important;
    justify-content:flex-start !important;
    gap:6px !important;
    padding-top:8px !important;
    border-top:1px solid #eceef4 !important;
    scrollbar-width:none;
  }

  .nav::-webkit-scrollbar{
    display:none;
  }

  .nav a{
    flex:0 0 auto !important;
    height:34px !important;
    padding:0 12px !important;
    font-size:12px !important;
    background:#f6f7fb !important;
    border-radius:999px !important;
  }

  .header-actions-new{
    justify-content:flex-end !important;
    gap:5px !important;
  }

  .icon-btn{
    width:36px !important;
    height:36px !important;
    border-radius:9px !important;
  }

  .login-btn-new{
    display:none !important;
  }

  .post-btn{
    height:36px !important;
    padding:0 12px !important;
    border-radius:9px !important;
    font-size:11px !important;
  }

  .post-btn:before{
    width:17px !important;
    height:17px !important;
    border-radius:5px !important;
  }

  .hero{
    grid-template-columns:1fr !important;
    gap:12px !important;
    margin-top:12px !important;
  }

  .hero-main{
    min-height:auto !important;
    padding:22px !important;
    border-radius:12px !important;
  }

  .kicker{
    font-size:9px !important;
    padding:7px 9px !important;
    letter-spacing:.13em !important;
  }

  .hero h1{
    font-size:38px !important;
    line-height:.98 !important;
    max-width:100% !important;
    margin-top:15px !important;
  }

  .hero h1:after{
    width:80px !important;
    height:3px !important;
    margin-top:14px !important;
  }

  .hero p{
    font-size:13px !important;
    line-height:1.55 !important;
    max-width:100% !important;
  }

  .stats{
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    border:1px solid #e6e8ef !important;
    margin-top:16px !important;
  }

  .stat{
    min-width:0 !important;
    padding:10px 8px !important;
    text-align:center !important;
  }

  .stat b{
    font-size:17px !important;
  }

  .stat small{
    font-size:8px !important;
  }

  .car-hero{
    position:relative !important;
    width:96% !important;
    right:auto !important;
    bottom:auto !important;
    margin:14px auto -8px !important;
  }

  .search-box{
    border-radius:12px !important;
    padding:20px !important;
  }

  .search-box h2{
    font-size:26px !important;
  }

  .search-box p{
    font-size:13px !important;
  }

  .form{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .field,
  .keyword{
    height:48px !important;
    font-size:13px !important;
  }

  .field-menu{
    position:static !important;
    margin-top:8px !important;
    box-shadow:none !important;
    border:1px solid rgba(255,255,255,.14) !important;
    background:#fff !important;
  }

  .search-btn{
    height:50px !important;
  }

  .advanced-link{
    justify-content:center !important;
    width:100% !important;
    margin-top:12px !important;
    padding-top:12px !important;
    border-top:1px solid rgba(255,255,255,.12) !important;
  }

  .section{
    padding:26px 0 !important;
  }

  .section.browse{
    grid-template-columns:1fr !important;
    gap:28px !important;
    padding:24px 0 !important;
  }

  .head{
    display:block !important;
    margin-bottom:14px !important;
  }

  .view{
    display:inline-block !important;
    margin-top:10px !important;
  }

  .title{
    font-size:28px !important;
  }

  .sub{
    font-size:12px !important;
  }

  .icon-grid{
    grid-template-columns:repeat(3,1fr) !important;
    gap:8px !important;
    border:0 !important;
  }

  .brand,
  .body{
    min-height:78px !important;
    border:1px solid #e6e8ef !important;
    border-radius:8px !important;
  }

  .ads-grid{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .car-card{
    display:grid !important;
    grid-template-columns:132px 1fr !important;
    border-radius:10px !important;
    overflow:hidden !important;
  }

  .car-img{
    height:100% !important;
    min-height:154px !important;
    padding:12px !important;
  }

  .badge{
    font-size:7px !important;
    top:7px !important;
    left:7px !important;
  }

  .heart{
    top:7px !important;
    right:7px !important;
  }

  .card-body{
    padding:13px !important;
  }

  .car-title{
    font-size:13px !important;
    min-height:auto !important;
  }

  .price{
    font-size:18px !important;
  }

  .month{
    font-size:10px !important;
  }

  .specs{
    margin-top:8px !important;
  }

  .specs span{
    font-size:9.5px !important;
  }

  .actions{
    grid-template-columns:1fr 38px !important;
  }

  .wa,
  .call{
    height:34px !important;
    font-size:10px !important;
  }

  .package-grid,
  .trust-grid,
  .news-grid{
    grid-template-columns:1fr !important;
    gap:10px !important;
    border-top:0 !important;
  }

  .package,
  .trust,
  .news{
    border:1px solid #e6e8ef !important;
    border-left:4px solid var(--red) !important;
    border-radius:8px !important;
    padding:16px !important;
  }

  .cta{
    display:block !important;
    min-height:auto !important;
    padding:24px !important;
    border-radius:12px !important;
    background:linear-gradient(145deg,#111217,#1b1d26) !important;
  }

  .cta h2{
    font-size:27px !important;
  }

  .cta p{
    font-size:13px !important;
  }

  .cta a{
    display:inline-flex !important;
    margin-top:18px !important;
  }

  .footer-top{
    grid-template-columns:1fr !important;
    gap:24px !important;
  }

  .footer-pro{
    border-radius:12px !important;
  }
}

@media(max-width:480px){

  .wrap{
    width:92% !important;
  }

  .header{
    grid-template-columns:1fr !important;
  }

  .header-actions-new{
    width:100% !important;
    justify-content:space-between !important;
  }

  .post-btn{
    flex:1 !important;
    justify-content:center !important;
  }

  .hero h1{
    font-size:34px !important;
  }

  .stats{
    grid-template-columns:1fr !important;
  }

  .stat{
    border-right:0 !important;
    border-bottom:1px solid #e6e8ef !important;
  }

  .stat:last-child{
    border-bottom:0 !important;
  }

  .icon-grid{
    grid-template-columns:repeat(2,1fr) !important;
  }

  .car-card{
    grid-template-columns:1fr !important;
  }

  .car-img{
    min-height:145px !important;
  }

  .advanced-modal{
    width:100% !important;
    max-height:92vh !important;
    border-radius:10px !important;
  }

  .modal-overlay{
    padding:12px !important;
    align-items:flex-end !important;
  }

  .modal-head{
    min-height:auto !important;
    padding:18px !important;
  }

  .modal-head h3{
    font-size:22px !important;
  }

  .modal-body{
    padding:18px !important;
  }

  .advanced-grid,
  .price-row,
  .modal-actions{
    grid-template-columns:1fr !important;
  }

  .adv-control select,
  .adv-control input{
    height:48px !important;
  }

  .adv-search-btn,
  .reset-btn{
    height:50px !important;
  }

  .footer-bottom{
    display:block !important;
  }

  .payments{
    margin-top:12px !important;
  }
}


/* ===== MOBILE HAMBURGER MENU ===== */

.mobile-menu-btn{
  display:none;
  width:42px;
  height:42px;
  border:1px solid #e5e8ef;
  background:#fff;
  border-radius:10px;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  position:relative;
  transition:.25s;
}

.mobile-menu-btn:hover{
  border-color:var(--red);
}

.mobile-menu-btn span{
  position:absolute;
  width:18px;
  height:2px;
  background:#111217;
  transition:.25s ease;
}

.mobile-menu-btn span:nth-child(1){
  transform:translateY(-6px);
}

.mobile-menu-btn span:nth-child(3){
  transform:translateY(6px);
}

.mobile-menu-btn.active span:nth-child(1){
  transform:rotate(45deg);
}

.mobile-menu-btn.active span:nth-child(2){
  opacity:0;
}

.mobile-menu-btn.active span:nth-child(3){
  transform:rotate(-45deg);
}

/* mobile nav hidden initially */
@media(max-width:900px){

  .header{
    position:relative;
  }

  .mobile-menu-btn{
    display:flex;
  }

  .nav{
    display:none !important;
    width:100%;
    overflow:visible !important;
    flex-direction:column !important;
    gap:8px !important;
    padding:16px 0 0 !important;
    margin-top:8px !important;
    border-top:1px solid #eceef4 !important;
    animation:menuFade .25s ease;
  }

  .nav.show{
    display:flex !important;
  }

  .nav a{
    width:100% !important;
    height:42px !important;
    border-radius:10px !important;
    justify-content:flex-start !important;
    padding:0 14px !important;
    background:#f7f8fb !important;
    font-size:13px !important;
  }

  .nav a:after{
    display:none !important;
  }

  .header-top-mobile{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
  }

  .header-actions-new{
    width:auto !important;
    justify-content:flex-end !important;
  }

  .icon-btn{
    display:none !important;
  }

  .login-btn-new{
    display:flex !important;
    height:36px !important;
    padding:0 12px !important;
    border-radius:9px !important;
    font-size:11px !important;
  }

  .post-btn{
    height:36px !important;
  }
}

@media(max-width:480px){

  .header{
    padding:10px !important;
  }

  .header-top-mobile{
    gap:8px !important;
  }

  .logo strong{
    font-size:18px !important;
  }

  .logo-mark{
    width:36px !important;
    height:36px !important;
    font-size:16px !important;
  }

  .header-actions-new{
    gap:6px !important;
  }

  .login-btn-new{
    display:none !important;
  }

  .post-btn{
    padding:0 10px !important;
    font-size:10px !important;
  }

  .mobile-menu-btn{
    width:38px !important;
    height:38px !important;
  }
}

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


/* ===== NEW EXTRA SECTIONS: MODELS / SOCIAL VIDEO / RECOMMENDED ===== */
.model-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px;padding-bottom:14px;border-bottom:1px solid #e7e9f0}
.model-tabs button{height:38px;padding:0 18px;border:0;background:transparent;color:#3d4351;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:900;cursor:pointer;border-radius:6px;transition:.25s}
.model-tabs button.active,.model-tabs button:hover{background:#111217;color:#fff}
.model-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:28px;align-items:start}
.model-card{text-align:center;padding:4px 8px 0}
.model-img{height:120px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.model-img img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(17,18,23,.14))}
.model-card h3{font-size:16px;letter-spacing:-.04em;margin-bottom:7px}
.model-price{color:#e60023;font-size:12px;font-weight:900}
.model-month{margin-top:4px;color:#6d7485;font-size:12px;font-weight:700}
.slider-dots{margin-top:22px;display:flex;justify-content:center;gap:8px}
.slider-dots span{width:7px;height:7px;background:#c9ced8;border-radius:50%}
.slider-dots span.active{width:22px;border-radius:99px;background:#e60023}

.video-filter{display:flex;align-items:center;gap:10px;margin-bottom:22px;flex-wrap:wrap}
.video-filter button{width:48px;height:48px;border-radius:50%;border:1px solid #dfe3eb;background:#fff;color:#4c5364;display:grid;place-items:center;font-size:12px;font-weight:900;cursor:pointer;transition:.25s}
.video-filter button.active,.video-filter button:hover{border-color:#e60023;color:#e60023;box-shadow:0 12px 25px rgba(230,0,35,.1)}
.video-more{height:36px!important;width:auto!important;border-radius:99px!important;padding:0 16px!important;color:#e60023!important}
.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.video-card{height:330px;background:#f2f4f8;position:relative;overflow:hidden;border:1px solid #e8ebf2;transition:.25s}
.video-card:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(17,18,23,.08)}
.video-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(17,18,23,.78)),radial-gradient(circle at 50% 45%,rgba(230,0,35,.12),transparent 38%)}
.video-card .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;background:#fff;color:#e60023;display:grid;place-items:center;font-size:20px;box-shadow:0 18px 35px rgba(17,18,23,.18)}
.video-card .video-caption{position:absolute;left:18px;right:18px;bottom:18px;color:#fff}
.video-card h3{font-size:15px;line-height:1.35}
.video-card p{margin-top:6px;font-size:12px;color:#d8dce5}

.reco-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.reco-card{background:#fff;border:1px solid #e6e8ef;transition:.25s}
.reco-card:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(17,18,23,.08)}
.reco-img{height:160px;background:#f5f6fa;padding:12px}
.reco-img img{width:100%;height:100%;object-fit:cover}
.reco-body{padding:15px}
.reco-body h3{font-size:16px;line-height:1.35;color:#0096e6;letter-spacing:-.035em}
.reco-month{margin-top:10px;color:#657084;font-size:13px;font-weight:700}
.reco-price{margin-top:4px;color:#263044;font-size:20px;font-weight:900;letter-spacing:-.04em}
.reco-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.reco-actions a{height:42px;display:grid;place-items:center;color:#fff;font-weight:900}
.reco-call{background:#ffd200;color:#111217!important}
.reco-wa{background:#20c847}

@media(max-width:1200px){.model-grid{grid-template-columns:repeat(3,1fr)}.video-grid{grid-template-columns:repeat(2,1fr)}.reco-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.model-tabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.model-tabs::-webkit-scrollbar{display:none}.model-tabs button{flex:0 0 auto}.model-grid{grid-template-columns:repeat(2,1fr);gap:20px}.video-grid{grid-template-columns:1fr 1fr}.video-card{height:260px}.reco-grid{grid-template-columns:1fr}.reco-card{display:grid;grid-template-columns:135px 1fr}.reco-img{height:100%;min-height:160px}}
@media(max-width:520px){.model-grid{grid-template-columns:1fr}.model-img{height:150px}.video-grid{grid-template-columns:1fr}.video-card{height:300px}.reco-card{grid-template-columns:1fr}.reco-img{height:180px}}


/* ===== MATCH RECOMMENDED BUTTONS WITH FEATURED ADS ===== */
.reco-actions{
  display:grid !important;
  grid-template-columns:1fr 44px !important;
  gap:8px !important;
  margin-top:14px !important;
}

.reco-actions a{
  height:46px !important;
  border-radius:4px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:14px !important;
  font-weight:900 !important;
  text-decoration:none !important;
}

.reco-wa{
  background:#111217 !important;
  color:#fff !important;
}

.reco-wa:before{
  content:"WhatsApp";
  margin-left:6px;
}

.reco-call{
  background:#e60023 !important;
  color:#fff !important;
}

.reco-call i,
.reco-wa i{
  font-size:16px !important;
}

@media(max-width:900px){
  .reco-actions{
    grid-template-columns:1fr 42px !important;
  }

  .reco-actions a{
    height:42px !important;
    font-size:13px !important;
  }
}


/* ===== RECOMMENDED CARD FULL MATCH WITH FEATURED CAR LISTINGS ===== */
.reco-grid{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:18px !important;
}

.reco-card{
  background:#fff !important;
  border:1px solid #e6e8ef !important;
  border-radius:6px !important;
  overflow:hidden !important;
  box-shadow:none !important;
  transition:.28s ease !important;
}

.reco-card:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 18px 36px rgba(17,18,23,.075) !important;
}

.reco-img{
  height:160px !important;
  background:linear-gradient(135deg,#f3f5f9,#ffffff) !important;
  padding:14px !important;
}

.reco-img img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  filter:drop-shadow(0 14px 13px rgba(17,18,23,.16)) !important;
}

.reco-body{
  padding:18px !important;
}

.reco-body h3{
  font-size:18px !important;
  line-height:1.28 !important;
  color:#111217 !important;
  font-weight:900 !important;
  letter-spacing:-.035em !important;
  min-height:48px !important;
  margin:0 !important;
}

.reco-month{
  margin-top:14px !important;
  color:#657084 !important;
  font-size:15px !important;
  line-height:1.3 !important;
  font-weight:700 !important;
}

.reco-price{
  margin-top:4px !important;
  color:#111217 !important;
  font-size:28px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:-.055em !important;
}

.reco-actions{
  display:grid !important;
  grid-template-columns:1fr 54px !important;
  gap:8px !important;
  margin-top:24px !important;
}

.reco-actions a{
  height:46px !important;
  border-radius:4px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-decoration:none !important;
  font-size:14px !important;
  font-weight:900 !important;
  line-height:1 !important;
}

.reco-wa{
  background:#111217 !important;
  color:#fff !important;
}

.reco-wa:before{
  content:"WhatsApp";
  margin-left:5px;
  font-size:14px !important;
  font-weight:900 !important;
}

.reco-call{
  background:#e60023 !important;
  color:#fff !important;
}

.reco-call i,
.reco-wa i{
  font-size:16px !important;
}

/* mobile keep recommended nice */
@media(max-width:1200px){
  .reco-grid{
    grid-template-columns:repeat(3,1fr) !important;
  }
}

@media(max-width:900px){
  .reco-grid{
    grid-template-columns:1fr !important;
  }

  .reco-card{
    display:grid !important;
    grid-template-columns:150px 1fr !important;
  }

  .reco-img{
    height:100% !important;
    min-height:180px !important;
  }

  .reco-body{
    padding:15px !important;
  }

  .reco-body h3{
    font-size:16px !important;
    min-height:auto !important;
  }

  .reco-price{
    font-size:24px !important;
  }

  .reco-actions{
    grid-template-columns:1fr 46px !important;
    margin-top:16px !important;
  }

  .reco-actions a{
    height:42px !important;
  }
}

@media(max-width:520px){
  .reco-card{
    grid-template-columns:1fr !important;
  }

  .reco-img{
    height:170px !important;
  }
}


/* ===== RECOMMENDED NOW USES EXACT FEATURED CARD SYSTEM ===== */
.recommended-match-grid{
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
}

.recommended-match-grid .car-card{
  display:block !important;
}

.recommended-match-grid .car-img{
  height:106px !important;
}

.recommended-match-grid .card-body{
  padding:11px !important;
}

.recommended-match-grid .car-title{
  font-size:11.5px !important;
  line-height:1.28 !important;
  min-height:30px !important;
  color:#111217 !important;
}

.recommended-match-grid .price{
  color:#e60023 !important;
  font-size:17px !important;
  line-height:1 !important;
}

.recommended-match-grid .month{
  color:#657084 !important;
  font-size:10px !important;
}

.recommended-match-grid .actions{
  display:grid !important;
  grid-template-columns:1fr 44px !important;
  gap:8px !important;
  margin-top:9px !important;
}

.recommended-match-grid .wa,
.recommended-match-grid .call{
  height:42px !important;
  border-radius:4px !important;
  font-size:12px !important;
  font-weight:900 !important;
}

.recommended-match-grid .wa{
  background:#111217 !important;
  color:#fff !important;
}

.recommended-match-grid .call{
  background:#e60023 !important;
  color:#fff !important;
}

@media(max-width:1200px){
  .recommended-match-grid{
    grid-template-columns:repeat(3,1fr) !important;
  }
}

@media(max-width:900px){
  .recommended-match-grid{
    grid-template-columns:1fr !important;
  }

  .recommended-match-grid .car-card{
    display:grid !important;
    grid-template-columns:132px 1fr !important;
  }

  .recommended-match-grid .car-img{
    height:100% !important;
    min-height:154px !important;
  }
}

@media(max-width:520px){
  .recommended-match-grid .car-card{
    grid-template-columns:1fr !important;
  }

  .recommended-match-grid .car-img{
    height:145px !important;
  }
}


/* ===== MOBILE: FORCE 2 COLUMNS FOR MAIN SECTIONS ===== */
@media(max-width:900px){

  /* Featured Car Listings + Recommended For You */
  .ads-grid,
  .recommended-match-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }

  .ads-grid .car-card,
  .recommended-match-grid .car-card{
    display:block !important;
    border-radius:8px !important;
  }

  .ads-grid .car-img,
  .recommended-match-grid .car-img{
    height:105px !important;
    min-height:105px !important;
    padding:9px !important;
  }

  .ads-grid .card-body,
  .recommended-match-grid .card-body{
    padding:10px !important;
  }

  .ads-grid .car-title,
  .recommended-match-grid .car-title{
    font-size:11px !important;
    line-height:1.25 !important;
    min-height:34px !important;
  }

  .ads-grid .price,
  .recommended-match-grid .price{
    font-size:16px !important;
  }

  .ads-grid .month,
  .recommended-match-grid .month{
    font-size:9px !important;
  }

  .ads-grid .specs,
  .recommended-match-grid .specs{
    gap:0 !important;
  }

  .ads-grid .specs span,
  .recommended-match-grid .specs span{
    font-size:8.5px !important;
  }

  .ads-grid .actions,
  .recommended-match-grid .actions{
    grid-template-columns:1fr 34px !important;
    gap:5px !important;
  }

  .ads-grid .wa,
  .ads-grid .call,
  .recommended-match-grid .wa,
  .recommended-match-grid .call{
    height:32px !important;
    font-size:9px !important;
  }

  .ads-grid .wa i,
  .recommended-match-grid .wa i{
    display:none !important;
  }

  .badge{
    font-size:7px !important;
    padding:3px 5px !important;
  }

  .heart{
    width:23px !important;
    height:23px !important;
  }

  /* New Car Models */
  .model-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
  }

  .model-card{
    padding:12px 8px !important;
    border:1px solid #e6e8ef !important;
    background:#fff !important;
    border-radius:8px !important;
  }

  .model-img{
    height:95px !important;
    margin-bottom:10px !important;
  }

  .model-card h3{
    font-size:13px !important;
  }

  .model-price,
  .model-month{
    font-size:10px !important;
  }

  /* Social Video */
  .video-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }

  .video-card{
    height:230px !important;
    border-radius:8px !important;
  }

  .video-card .play{
    width:46px !important;
    height:46px !important;
    font-size:16px !important;
  }

  .video-card .video-caption{
    left:12px !important;
    right:12px !important;
    bottom:12px !important;
  }

  .video-card h3{
    font-size:12px !important;
  }

  .video-card p{
    font-size:10px !important;
  }

  /* Rental Packages + Built for Car Buyers + Latest Automotive News */
  .package-grid,
  .trust-grid,
  .news-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }

  .package,
  .trust,
  .news{
    padding:14px !important;
    border-radius:8px !important;
    border:1px solid #e6e8ef !important;
    border-left:4px solid var(--red) !important;
  }

  .package i,
  .trust i{
    font-size:18px !important;
    margin-bottom:10px !important;
  }

  .package h3,
  .trust h3,
  .news h3{
    font-size:13px !important;
    line-height:1.25 !important;
  }

  .package p,
  .trust p,
  .news p{
    font-size:10px !important;
    line-height:1.45 !important;
  }

  .package strong{
    font-size:13px !important;
  }
}

@media(max-width:480px){

  .wrap{
    width:94% !important;
  }

  .title{
    font-size:25px !important;
  }

  .sub{
    font-size:11px !important;
  }

  /* keep 2 columns even small mobile */
  .ads-grid,
  .recommended-match-grid,
  .model-grid,
  .video-grid,
  .package-grid,
  .trust-grid,
  .news-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .ads-grid .car-img,
  .recommended-match-grid .car-img{
    height:92px !important;
    min-height:92px !important;
  }

  .ads-grid .car-title,
  .recommended-match-grid .car-title{
    font-size:10px !important;
  }

  .ads-grid .price,
  .recommended-match-grid .price{
    font-size:14px !important;
  }

  .ads-grid .wa,
  .recommended-match-grid .wa{
    font-size:8px !important;
  }

  .model-img{
    height:78px !important;
  }

  .video-card{
    height:190px !important;
  }

  .package,
  .trust,
  .news{
    padding:12px !important;
  }
}


/* =========================================================
   FINAL MOBILE HARD OVERRIDE: FORCE 2 COLUMNS
   Applies to:
   Featured Car Listings
   New Car Models
   Social Video
   Recommended For You
   Rental Packages
   Built for Car Buyers
   Latest Automotive News
   ========================================================= */

@media screen and (max-width: 900px){

  /* 1. Featured + Recommended */
  .section .ads-grid,
  .section .recommended-match-grid{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:10px !important;
  }

  .section .ads-grid > *,
  .section .recommended-match-grid > *{
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    grid-column:auto !important;
  }

  .section .ads-grid .car-card,
  .section .recommended-match-grid .car-card{
    display:block !important;
    grid-template-columns:none !important;
  }

  .section .ads-grid .car-img,
  .section .recommended-match-grid .car-img{
    height:95px !important;
    min-height:95px !important;
  }

  /* 2. New Car Models */
  .section .model-grid{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:10px !important;
  }

  .section .model-grid > *{
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    grid-column:auto !important;
  }

  .section .model-img{
    height:82px !important;
  }

  /* 3. Social Video */
  .section .video-grid{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:10px !important;
  }

  .section .video-grid > *{
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    grid-column:auto !important;
  }

  .section .video-card{
    height:190px !important;
  }

  /* 4. Rental / Buyers / News */
  .section .package-grid,
  .section .trust-grid,
  .section .news-grid{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:10px !important;
  }

  .section .package-grid > *,
  .section .trust-grid > *,
  .section .news-grid > *{
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    grid-column:auto !important;
  }

  .section .package,
  .section .trust,
  .section .news{
    padding:12px !important;
  }

  /* compact card text for 2-column mobile */
  .car-title{
    font-size:10px !important;
    line-height:1.25 !important;
    min-height:34px !important;
  }

  .price{
    font-size:14px !important;
  }

  .month{
    font-size:8.5px !important;
  }

  .specs span{
    font-size:8px !important;
  }

  .actions{
    grid-template-columns:1fr 30px !important;
    gap:4px !important;
  }

  .wa,
  .call{
    height:30px !important;
    font-size:8px !important;
  }

  .badge{
    font-size:6.5px !important;
    padding:3px 4px !important;
  }

  .heart{
    width:22px !important;
    height:22px !important;
  }
}

@media screen and (max-width: 520px){

  /* STILL 2 columns on small phones */
  .section .ads-grid,
  .section .recommended-match-grid,
  .section .model-grid,
  .section .video-grid,
  .section .package-grid,
  .section .trust-grid,
  .section .news-grid{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:8px !important;
  }

  .section .ads-grid .car-card,
  .section .recommended-match-grid .car-card{
    display:block !important;
  }

  .section .ads-grid .car-img,
  .section .recommended-match-grid .car-img{
    height:82px !important;
    min-height:82px !important;
  }

  .section .model-img{
    height:72px !important;
  }

  .section .video-card{
    height:165px !important;
  }

  .title{
    font-size:23px !important;
  }
}


/* =========================================================
   NEW WEBSITE COLOR PALETTE
   #08CB00 bright green
   #253900 deep olive
   #000000 black
   #EEEEEE light grey
   ========================================================= */

:root{
  --red:#08CB00 !important;
  --red2:#08CB00 !important;
  --dark:#000000 !important;
  --text:#000000 !important;
  --muted:#253900 !important;
  --line:#EEEEEE !important;
  --soft:#EEEEEE !important;
  --white:#ffffff !important;
  --ink:#000000 !important;
  --ink2:#253900 !important;
  --paper:#ffffff !important;
  --paper2:#EEEEEE !important;
}

body{
  color:#000000 !important;
  background:
    radial-gradient(circle at 12% 0%,rgba(8,203,0,.12),transparent 26%),
    radial-gradient(circle at 90% 15%,rgba(37,57,0,.08),transparent 24%),
    linear-gradient(180deg,#ffffff,#EEEEEE 48%,#ffffff) !important;
}

/* Header */
.top-mini{
  background:#000000 !important;
  color:#EEEEEE !important;
}

.top-mini i,
.top-mini a:hover{
  color:#08CB00 !important;
}

.header{
  background:rgba(255,255,255,.94) !important;
  border-color:#EEEEEE !important;
}

.header:after{
  background:linear-gradient(90deg,#08CB00,rgba(8,203,0,0)) !important;
}

.logo-mark{
  background:linear-gradient(135deg,#08CB00,#253900) !important;
  color:#ffffff !important;
  box-shadow:0 12px 24px rgba(8,203,0,.22) !important;
}

.nav a:first-child,
.nav a:hover{
  color:#08CB00 !important;
}

.nav a:after{
  background:#08CB00 !important;
}

.icon-btn:hover,
.login-btn-new:hover{
  color:#08CB00 !important;
  border-color:rgba(8,203,0,.3) !important;
  background:#f4fff3 !important;
}

.post-btn{
  background:linear-gradient(135deg,#000000,#253900) !important;
}

.post-btn:before{
  background:#08CB00 !important;
  color:#000000 !important;
}

/* Hero */
.hero-main{
  background:
    linear-gradient(112deg,rgba(8,203,0,.12) 0 31%, transparent 31%),
    linear-gradient(180deg,#ffffff,#EEEEEE) !important;
}

.hero-main:before{
  border-color:rgba(8,203,0,.22) !important;
}

.hero-main:after{
  background:radial-gradient(circle,rgba(8,203,0,.2),transparent 65%) !important;
}

.kicker{
  background:#000000 !important;
  color:#ffffff !important;
}

.kicker i{
  background:#08CB00 !important;
}

.hero h1 span{
  color:#253900 !important;
}

.hero h1 span:after{
  background:rgba(8,203,0,.18) !important;
}

.hero h1:after{
  background:linear-gradient(90deg,#08CB00,#253900,transparent) !important;
}

.stat{
  border-color:#EEEEEE !important;
  border-left-color:#08CB00 !important;
}

.car-hero:before{
  background:rgba(8,203,0,.22) !important;
}

/* Search */
.search-box{
  background:linear-gradient(145deg,#000000,#253900) !important;
}

.search-box:before{
  background:linear-gradient(90deg,#08CB00,transparent) !important;
}

.field:hover,
.keyword:hover{
  border-bottom-color:#08CB00 !important;
}

.field i{
  color:#08CB00 !important;
}

.key-icon{
  background:#08CB00 !important;
  color:#000000 !important;
}

.search-btn,
.adv-search-btn{
  background:linear-gradient(135deg,#08CB00,#253900) !important;
  color:#ffffff !important;
}

.advanced-link:hover,
.advanced-link span{
  color:#08CB00 !important;
}

/* Headings / Section */
.eyebrow,
.view{
  color:#253900 !important;
}

.eyebrow:before,
.section:before{
  background:#08CB00 !important;
}

.title{
  color:#000000 !important;
}

/* Cards / badges */
.badge{
  background:#000000 !important;
  color:#ffffff !important;
}

.car-card:before{
  background:#08CB00 !important;
}

.price{
  color:#253900 !important;
}

.car-img{
  background:
    radial-gradient(circle at 70% 20%,rgba(8,203,0,.12),transparent 36%),
    linear-gradient(180deg,#EEEEEE,#ffffff) !important;
}

.heart:hover{
  color:#08CB00 !important;
}

/* WhatsApp / Call buttons */
.wa,
.reco-wa{
  background:#000000 !important;
  color:#ffffff !important;
}

.call,
.reco-call{
  background:#08CB00 !important;
  color:#000000 !important;
}

/* Browse tiles */
.brand:hover,
.body:hover{
  background:#253900 !important;
  border-color:#253900 !important;
}

.brand:hover span,
.body:hover span{
  color:#ffffff !important;
}

/* Model tabs / dots */
.model-tabs button.active,
.model-tabs button:hover{
  background:#253900 !important;
  color:#ffffff !important;
}

.model-price{
  color:#253900 !important;
}

.slider-dots span.active{
  background:#08CB00 !important;
}

/* Video */
.video-filter button.active,
.video-filter button:hover{
  border-color:#08CB00 !important;
  color:#08CB00 !important;
  box-shadow:0 12px 25px rgba(8,203,0,.12) !important;
}

.video-card:before{
  background:
    linear-gradient(180deg,transparent 55%,rgba(0,0,0,.82)),
    radial-gradient(circle at 50% 45%,rgba(8,203,0,.14),transparent 38%) !important;
}

.video-card .play{
  color:#08CB00 !important;
}

/* Rental / Trust / News */
.package,
.trust,
.news{
  border-left-color:#08CB00 !important;
}

.package i,
.trust i{
  color:#08CB00 !important;
  background:#f2fff1 !important;
}

.package strong{
  color:#253900 !important;
}

/* CTA */
.cta{
  background:linear-gradient(112deg,#000000 0 57%,#253900 57% 100%) !important;
}

.cta a{
  background:#08CB00 !important;
  color:#000000 !important;
}

/* Footer */
.footer-pro{
  background:linear-gradient(112deg,#000000 0 70%,#253900 70% 100%) !important;
}

.footer-col h4:after{
  background:#08CB00 !important;
}

.footer-col a:hover{
  text-decoration-color:#08CB00 !important;
}

.contact-line i{
  color:#08CB00 !important;
}

.newsletter button{
  background:#08CB00 !important;
  color:#000000 !important;
}

.socials a:hover{
  background:#08CB00 !important;
  color:#000000 !important;
}

/* Advanced modal */
.modal-head{
  background:linear-gradient(112deg,#000000 0 76%,#253900 76% 100%) !important;
}

.adv-label{
  color:#253900 !important;
}

.adv-control select:focus,
.adv-control input:focus{
  border-color:#08CB00 !important;
  box-shadow:0 0 0 3px rgba(8,203,0,.1) !important;
}

.reset-btn:hover{
  border-color:#08CB00 !important;
  color:#253900 !important;
}

/* payment chips */
.payments span{
  color:#EEEEEE !important;
}

/* Mobile menu */
.mobile-menu-btn:hover{
  border-color:#08CB00 !important;
}

.mobile-menu-btn span{
  background:#000000 !important;
}

.mobile-menu-btn.active span{
  background:#08CB00 !important;
}

/* remove old red/pink background edges */
.wrap:before,
.wrap:after{
  background:linear-gradient(180deg,#08CB00,transparent) !important;
}


/* ===== FINAL GREEN PALETTE OVERRIDE FOR LISTING CARDS ===== */

/* all listing prices */
.car-card .price,
.recommended-match-grid .price,
.ads-grid .price,
.reco-price{
  color:#253900 !important;
}

/* Call buttons must be green */
.car-card .call,
.recommended-match-grid .call,
.ads-grid .call,
.reco-call{
  background:#08CB00 !important;
  color:#000000 !important;
  border-color:#08CB00 !important;
}

/* WhatsApp stay black */
.car-card .wa,
.recommended-match-grid .wa,
.ads-grid .wa,
.reco-wa{
  background:#000000 !important;
  color:#ffffff !important;
}

/* left hover line / active card line */
.car-card:before,
.recommended-match-grid .car-card:before,
.ads-grid .car-card:before{
  background:#08CB00 !important;
}

/* badges */
.car-card .badge,
.recommended-match-grid .badge,
.ads-grid .badge{
  background:#000000 !important;
  color:#ffffff !important;
}

/* heart hover */
.car-card .heart:hover,
.recommended-match-grid .heart:hover,
.ads-grid .heart:hover{
  color:#08CB00 !important;
}

/* small text */
.car-card .meta,
.car-card .month,
.car-card .specs span{
  color:#253900 !important;
}

/* section title accent */
.section .eyebrow,
.section .view{
  color:#253900 !important;
}

.section .eyebrow:before{
  background:#08CB00 !important;
}

/* image light green tint */
.car-card .car-img,
.recommended-match-grid .car-img,
.ads-grid .car-img{
  background:
    radial-gradient(circle at 70% 20%,rgba(8,203,0,.16),transparent 36%),
    linear-gradient(180deg,#EEEEEE,#ffffff) !important;
}

/* CTA and buttons inside all section */
button,
.search-btn,
.adv-search-btn{
  accent-color:#08CB00 !important;
}

/* remove any remaining red */
[style*="red"],
[style*="#e60023"],
[style*="#ff2445"]{
  color:#253900 !important;
}

/* icons inside call button */
.call i,
.reco-call i{
  color:#000000 !important;
}

</style>