/*  
  :root{--primary:#151563;--accent:#0d6efd;--muted:#666;--maxw:1100px}
    *{box-sizing:border-box}
    body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;margin:0;color:#222;line-height:1.6;background:#fff}
    a{color:var(--accent);text-decoration:none}
    .container{max-width:var(--maxw);margin:0 auto;padding:20px}
    header{background:var(--primary);color:#fff;padding:10px 0}
    .topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 20px;flex-wrap:wrap}
    .brand{display:flex;gap:12px;align-items:center}
    .brand img{width:48px;height:48px;display:block}
    h1{font-size:1.8rem;margin:0 0 10px 0}
    h2{font-size:1.4rem;margin:20px 0 10px}
    h3{font-size:1.15rem;margin:12px 0}
    p{margin:0 0 12px}
    .hero{display:flex;gap:20px;align-items:flex-start;padding:22px 0}
    .hero-left{flex:1;min-width:260px}
    .hero-right{width:320px;flex:0 0 320px}
    .cta{display:inline-block;background:var(--accent);color:#fff;padding:12px 16px;border-radius:6px}
    .btn-ghost{background:#fff;color:var(--accent);border:1px solid var(--accent);padding:10px 14px;border-radius:6px}
    .muted{color:var(--muted)}
    .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
    .card{background:#fff;border:1px solid #eee;padding:14px;border-radius:8px;box-shadow:0 6px 18px rgba(15,15,15,0.03)}
    .vehicle{border-radius:8px;overflow:hidden;border:1px solid #eee;background:#fafafa}
    .vehicle img{width:100%;height:180px;object-fit:cover;display:block}
    .center{text-align:center}
    .faq details{margin-bottom:10px;padding:12px;border-radius:6px;background:#fff;border:1px solid #eee}
    footer{border-top:1px solid #eee;padding:18px 0;margin-top:28px;color:#555}
    .pill{display:inline-block;padding:6px 10px;background:#eef2ff;color:var(--primary);border-radius:999px;font-weight:700}
    .small{font-size:0.95rem}
    @media (max-width:900px){.hero{flex-direction:column}.hero-right{width:100%}}
*/
/* nri-offer-page.css — scoped to the NRI page only */
.nri-offer-page { --primary:#151563; --accent:#0d6efd; --muted:#666; --maxw:1100px; font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial; color:#222; background:#fff; }

.nri-offer-page * { box-sizing: border-box; }

.nri-offer-page a { color: var(--accent); text-decoration: none; }

.nri-offer-page .container { max-width: var(--maxw); margin: 0 auto; padding: 20px; }

/* header inside NRI page (scoped) */
.nri-offer-page header { background: var(--primary); color: #fff; padding: 10px 0; }
.nri-offer-page .topbar { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:8px 20px; flex-wrap:wrap; }

/* branding */
.nri-offer-page .brand { display:flex; gap:12px; align-items:center; }
.nri-offer-page .brand img { width:48px; height:48px; display:block; }

/* typography */
.nri-offer-page h1 { font-size:1.8rem; margin:0 0 10px 0; }
.nri-offer-page h2 { font-size:1.4rem; margin:20px 0 10px; }
.nri-offer-page h3 { font-size:1.15rem; margin:12px 0; }
.nri-offer-page p { margin:0 0 12px; }

/* hero layout */
.nri-offer-page .hero { display:flex; gap:20px; align-items:flex-start; padding:22px 0; }
.nri-offer-page .hero-left { flex:1; min-width:260px; }
.nri-offer-page .hero-right { width:320px; flex:0 0 320px; }

/* CTAs */
.nri-offer-page .cta { display:inline-block; background:var(--accent); color:#fff; padding:12px 16px; border-radius:6px; }
.nri-offer-page .btn-ghost { background:#fff; color:var(--accent); border:1px solid var(--accent); padding:10px 14px; border-radius:6px; }

/* utility */
.nri-offer-page .muted { color:var(--muted); }
.nri-offer-page .grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:14px; }

/* cards & vehicles */
.nri-offer-page .offer_card { background-color:background:#fff !important; background:#fff; border:1px solid #eee; padding:14px; border-radius:8px; box-shadow:0 6px 18px rgba(15,15,15,0.03); }
.nri-offer-page .vehicle { border-radius:8px; overflow:hidden; border:1px solid #eee; background:#fafafa; }
.nri-offer-page .vehicle img { width:100%; height:180px; object-fit:cover; display:block; }

/* FAQ */
.nri-offer-page .faq details { margin-bottom:10px; padding:12px; border-radius:6px; background:#fff; border:1px solid #eee; }

/* responsive */
@media (max-width:900px) {
  .nri-offer-page .hero { flex-direction:column; }
  .nri-offer-page .hero-right { width:100%; }
}

/* small tweaks to beat global CSS specificity */
.nri-offer-page .container,
.nri-offer-page header,
.nri-offer-page .offer_card,
.nri-offer-page .vehicle {
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* If your theme applies heavy global rules to h1/h2/h3, increase specificity */
.nri-offer-page h1, .nri-offer-page h2, .nri-offer-page h3 {
  color: #111 !important;
  font-weight: 700 !important;
}

/* tiny utility to reset spacing inherited from global theme */
.nri-offer-page p, .nri-offer-page ul, .nri-offer-page ol { margin: 0 0 12px 0 !important; padding: 0 !important; }

/* OPTIONAL: if global CSS uses !important (rare) — add a few safe !important fallbacks */
.nri-offer-page .cta { background:var(--accent) !important; color:#fff !important; }
