/* OnRoadCost.com — Global Styles */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Inter',system-ui,sans-serif; color:#1e293b; background:#f8fafc; line-height:1.6; }
.container { max-width:1100px; margin:0 auto; padding:0 20px; }

/* Navbar */
.navbar { background:#0f172a; padding:14px 0; position:sticky; top:0; z-index:100; }
.nav-container { display:flex; align-items:center; justify-content:space-between; }
.logo { color:#fff; text-decoration:none; font-size:1.3rem; font-weight:800; display:flex; align-items:center; gap:10px; }
.logo i { color:#f97316; }
.nav-links a { color:#cbd5e1; text-decoration:none; margin-left:20px; font-size:0.9rem; font-weight:500; }
.nav-links a:hover { color:#fff; }

/* Page Header */
.page-header { margin:32px 0 24px; }
.page-header h1 { font-size:1.8rem; font-weight:800; color:#0f172a; margin-bottom:6px; }
.page-header p { color:#64748b; font-size:1rem; }

/* Breadcrumb */
.breadcrumb { font-size:0.85rem; color:#94a3b8; margin:20px 0 12px; }
.breadcrumb a { color:#2563eb; text-decoration:none; }

/* Vehicle Grid (brand page) */
.vehicle-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:20px; margin:24px 0; }
.vehicle-card { background:#fff; border:1px solid #e2e8f0; border-radius:14px; padding:20px; text-decoration:none; color:inherit; transition:all 0.2s; display:flex; flex-direction:column; }
.vehicle-card:hover { transform:translateY(-3px); box-shadow:0 8px 24px rgba(0,0,0,0.08); border-color:#bfdbfe; }
.vc-header { font-size:1.05rem; font-weight:700; color:#0f172a; margin-bottom:10px; }
.vc-price { font-size:1.5rem; font-weight:800; color:#059669; margin-bottom:10px; }
.vc-price span { display:block; font-size:0.72rem; font-weight:500; color:#64748b; }
.vc-specs { display:flex; gap:12px; font-size:0.8rem; color:#64748b; margin-bottom:12px; flex-wrap:wrap; }
.vc-specs i { color:#2563eb; margin-right:4px; }
.vc-cta { font-size:0.85rem; font-weight:600; color:#2563eb; margin-top:auto; }

/* Model Page */
.model-header { margin:20px 0 24px; }
.model-header h1 { font-size:1.6rem; font-weight:800; }
.price-big { font-size:2.2rem; font-weight:800; color:#059669; margin-top:8px; }
.price-big span { display:block; font-size:0.82rem; font-weight:500; color:#64748b; }

/* Card sections */
.card { background:#fff; border:1px solid #e2e8f0; border-radius:14px; padding:24px; margin-bottom:20px; }
.card h2 { font-size:1.2rem; font-weight:700; margin-bottom:16px; display:flex; align-items:center; gap:10px; color:#0f172a; }
.card h2 i { color:#2563eb; }

/* Price table */
.price-table { width:100%; border-collapse:collapse; }
.price-table td { padding:12px 0; border-bottom:1px solid #f1f5f9; font-size:0.95rem; }
.price-table td:last-child { text-align:right; font-weight:600; }
.price-table tr.total td { border-top:2px solid #0f172a; border-bottom:none; padding-top:14px; font-size:1.1rem; color:#059669; }
.note { font-size:0.8rem; color:#94a3b8; margin-top:10px; }

/* Specs grid */
.specs-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:12px; }
.spec-item { background:#f8fafc; padding:12px; border-radius:8px; }
.spec-label { display:block; font-size:0.72rem; color:#94a3b8; text-transform:uppercase; letter-spacing:0.5px; }
.spec-value { font-size:0.95rem; font-weight:600; color:#0f172a; }

/* EMI */
.emi-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px; text-align:center; }
.emi-item { padding:14px; background:#f8fafc; border-radius:10px; }
.emi-item span { display:block; font-size:0.75rem; color:#64748b; margin-bottom:4px; }
.emi-item strong { font-size:1.1rem; color:#0f172a; }
.emi-highlight { background:#ecfdf5 !important; border:2px solid #10b981; }
.emi-highlight strong { color:#059669; font-size:1.3rem; }

/* Ad container */
.ad-container { margin:24px 0; text-align:center; }
.ad-label { font-size:10px; color:#94a3b8; text-transform:uppercase; letter-spacing:1px; margin-bottom:8px; }

/* Footer */
.site-footer { background:#0f172a; color:#94a3b8; padding:28px 0; text-align:center; margin-top:40px; font-size:0.85rem; }
.site-footer a { color:#cbd5e1; text-decoration:none; }
.site-footer .disclaimer { margin-top:12px; font-size:0.75rem; max-width:600px; margin-left:auto; margin-right:auto; }

/* Responsive */
@media(max-width:640px) {
  .page-header h1, .model-header h1 { font-size:1.3rem; }
  .price-big { font-size:1.7rem; }
  .vehicle-grid { grid-template-columns:1fr; }
  .specs-grid { grid-template-columns:1fr 1fr; }
}