/* EcoDrive Green theme */
:root{
  --eco:#10b981;        /* emerald */
  --eco-d:#059669;      /* darker */
  --ink:#0b1220;
  --muted:#6b7280;
}
*{font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial;}
.topbar{background:#0f172a;}
.navbar .navbar-brand .brand-leaf{
  display:inline-grid; place-items:center;
  width:26px; height:26px; border-radius:8px; margin-right:.5rem;
  background:linear-gradient(135deg,var(--eco),#22c55e);
  color:#fff; box-shadow:0 0 0 6px rgba(16,185,129,.15);
}
.navbar .nav-link{font-weight:600;}
.navbar .nav-link:hover{color:var(--eco);}

.hero{position:relative; background:#000;}
.hero-bg{position:absolute; inset:0; background-size:cover; background-position:center; filter:brightness(.55); height:550px;}
.hero .container{position:relative;}
.eco-soft{background:rgba(16,185,129,.2); color:#eafff5;}
.text-eco{color:var(--eco);}
.btn-eco{--bs-btn-bg:var(--eco); --bs-btn-border-color:var(--eco); --bs-btn-hover-bg:var(--eco-d); --bs-btn-hover-border-color:var(--eco-d);}

.section-title{font-weight:800; letter-spacing:.2px; position:relative; display:inline-block;}
.section-title:after{content:""; position:absolute; left:0; bottom:-6px; width:80px; height:4px; background:var(--eco); border-radius:2px;}

.quote-card{background:#fff; border-radius:1rem; box-shadow:0 18px 55px rgba(0,0,0,.25);}

.filterbar select{font-weight:600;}
.feature{
  background:#fff; border:1px solid #e5e7eb; border-radius:1rem; padding:1.2rem; text-align:center; height:100%;
  transition:transform .15s ease, box-shadow .15s ease;
}
.feature:hover{transform:translateY(-4px); box-shadow:0 14px 28px rgba(0,0,0,.08);}
.feature i{font-size:1.8rem; color:var(--eco); margin-bottom:.35rem;}

.car-card{background:#fff; border:1px solid #e5e7eb; border-radius:1rem; overflow:hidden; transition:transform .15s ease, box-shadow .15s ease;}
.car-card:hover{transform:translateY(-3px); box-shadow:0 12px 28px rgba(0,0,0,.08);}
.car-media{aspect-ratio:16/9; object-fit:cover;}
.spec-list{display:grid; grid-template-columns:1fr 1fr; gap:.35rem .85rem; font-size:.92rem;}
.spec-item{display:flex; gap:.5rem; align-items:center; color:#334155;}
.price-wrap{display:flex; gap:.75rem; align-items:baseline; flex-wrap:wrap;}
.price{font-weight:800; font-size:1.15rem; color:#111827;}
.price small{color:#6b7280; font-weight:600;}

.footer{background:#0f172a;}
.floating-wa{position:fixed; right:16px; bottom:16px; z-index:1000; width:56px; height:56px; background:#25d366; color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; box-shadow:0 10px 25px rgba(0,0,0,.25);}
.floating-wa:hover{color:#fff;}
@media (max-width: 576px){ .hero-bg{filter:brightness(.5);} }