:root {
    --color-primary: #0b63f6;
    --color-primary-dark: #094bc0;
    --color-accent: #13c296;
    --color-dark: #111827;
    --color-muted: #6b7280;
    --color-light: #f8fafc;
    --color-border: #e5e7eb;
    --shadow-soft: 0 20px 60px rgba(17, 24, 39, 0.08);
    --radius-xl: 1.5rem;
}

body {
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: var(--color-dark);
    background: #fff;
}

a { color: inherit; }
img { max-width: 100%; }
.py-6 { padding-top: 5rem; padding-bottom: 5rem; }
.topbar { background: linear-gradient(90deg, #0f172a, #1f2937); }
.topbar-link { color: rgba(255,255,255,.88); text-decoration: none; }
.topbar-link:hover { color: #fff; }
.navbar-brand img { max-height: 42px; }
.navbar .nav-link { font-weight: 600; color: #111827; }
.navbar .nav-link.active, .navbar .nav-link:hover { color: var(--color-primary); }
.eyebrow { display: inline-flex; align-items: center; gap: .5rem; text-transform: uppercase; font-weight: 700; font-size: .78rem; letter-spacing: .08em; color: var(--color-primary); }
.eyebrow-light { color: #93c5fd; }
.hero-section { background: radial-gradient(circle at top right, rgba(11,99,246,.12), transparent 30%), linear-gradient(180deg, #fff 0%, #f8fbff 100%); }
.hero-card img, .hero-card svg, .img-fluid.rounded-4 { box-shadow: var(--shadow-soft); }
.trust-pill { background: #fff; border: 1px solid var(--color-border); border-radius: 999px; padding: .8rem 1rem; text-align: center; font-weight: 600; box-shadow: 0 12px 30px rgba(15,23,42,.04); }
.feature-box { background: #fff; border: 1px solid var(--color-border); border-radius: var(--radius-xl); padding: 1.5rem; height: 100%; box-shadow: 0 12px 40px rgba(15,23,42,.04); }
.feature-box h3 { font-size: 1.1rem; margin-bottom: .6rem; }
.feature-box.dark { background: linear-gradient(180deg, #0f172a, #111827); color: #fff; }
.vehicle-card { border-radius: var(--radius-xl); overflow: hidden; }
.vehicle-card-image { position: relative; overflow: hidden; }
.vehicle-card img { height: 240px; width: 100%; object-fit: cover; transition: transform .35s ease; background: #eef2ff; }
.vehicle-card:hover img { transform: scale(1.03); }
.status-badge, .featured-badge { position: absolute; top: 1rem; left: 1rem; display: inline-flex; align-items: center; padding: .45rem .8rem; border-radius: 999px; font-size: .75rem; font-weight: 700; color: #fff; z-index: 1; }
.featured-badge { left: auto; right: 1rem; background: rgba(17,24,39,.9); }
.status-available { background: #16a34a; }
.status-reserved { background: #f59e0b; }
.status-sold { background: #dc2626; }
.status-delivered { background: #0f766e; }
.vehicle-price { font-size: 1.35rem; font-weight: 800; }
.vehicle-fee { font-size: .8rem; color: var(--color-primary); font-weight: 700; }
.vehicle-specs li { background: #f3f4f6; border-radius: 999px; padding: .35rem .7rem; font-size: .82rem; }
.stat-card, .trust-quote, .testimonial-placeholder, .final-cta-box, .sticky-card, .content-block, .contact-card, .form-card, .filters-panel, .empty-state, .price-box { border-radius: var(--radius-xl); }
.stat-card { background: rgba(255,255,255,.08); padding: 1.25rem; border: 1px solid rgba(255,255,255,.08); display: flex; flex-direction: column; gap: .4rem; }
.trust-quote { background: rgba(255,255,255,.06); padding: 2rem; border: 1px solid rgba(255,255,255,.08); font-size: 1.1rem; }
.location-list li { margin-bottom: .5rem; }
.testimonial-placeholder, .sticky-card, .content-block, .form-card, .filters-panel, .empty-state, .price-box { background: #fff; border: 1px solid var(--color-border); padding: 1.5rem; box-shadow: 0 10px 30px rgba(15,23,42,.04); }
.final-cta-section { background: linear-gradient(180deg, #fff, #f8fafc); }
.final-cta-box { background: #fff; padding: 3rem 1.5rem; border: 1px solid var(--color-border); box-shadow: var(--shadow-soft); }
.site-footer { background: #0f172a; }
.footer-links li { margin-bottom: .6rem; color: rgba(255,255,255,.72); }
.footer-links a { color: rgba(255,255,255,.72); text-decoration: none; }
.btn-primary { background: var(--color-primary); border-color: var(--color-primary); }
.btn-primary:hover { background: var(--color-primary-dark); border-color: var(--color-primary-dark); }
.btn-accent { background: var(--color-accent); border-color: var(--color-accent); color: #082f49; font-weight: 700; }
.filters-panel .form-control, .filters-panel .form-select, .form-card .form-control, .form-card .form-select { min-height: 48px; border-radius: .95rem; }
.stock-count { font-weight: 700; color: var(--color-primary); }
.main-vehicle-image { min-height: 420px; object-fit: cover; background: #eef2ff; }
.gallery-thumb { height: 120px; width: 100%; object-fit: cover; cursor: pointer; }
.spec-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.spec-grid div { background: #f8fafc; border: 1px solid var(--color-border); border-radius: 1rem; padding: .9rem 1rem; }
.spec-grid span { display: block; font-size: .8rem; color: var(--color-muted); margin-bottom: .2rem; }
.price-main { font-size: 2rem; font-weight: 800; }
.price-alt, .price-fee, .vehicle-flags li { color: var(--color-muted); }
.vehicle-flags li { margin-bottom: .6rem; padding-left: 1.2rem; position: relative; }
.vehicle-flags li::before { content: "•"; position: absolute; left: 0; color: var(--color-primary); }
.content-rich h2 { margin-top: 1.5rem; margin-bottom: .8rem; font-size: 1.5rem; }
.faq-accordion .accordion-item { border: 1px solid var(--color-border); border-radius: 1rem; overflow: hidden; margin-bottom: .75rem; }
.faq-accordion .accordion-button { font-weight: 700; }
.object-fit-cover { object-fit: cover; width: 100%; }
@media (max-width: 991.98px) {
    .spec-grid { grid-template-columns: 1fr; }
    .main-vehicle-image { min-height: auto; }
}