/* Coastline VinFast — light theme overlay v1 */
:root{
 --color-bg:#FFFFFF!important;--color-bg-2:#F6F7F9!important;--color-surface:#FFFFFF!important;
 --color-card:#FFFFFF!important;--color-card-alt:#F4F6F8!important;
 --color-accent:#0B63C5!important;--color-accent-tint:#0B63C5!important;
 --color-text:#12161C!important;--color-text-strong:#0B0E13!important;--color-text-1:#232A33!important;
 --color-text-2:#5A6673!important;--color-text-3:#6B7684!important;--color-text-4:#7A8593!important;--color-text-5:#8C96A3!important;
 --border-hairline:rgba(16,22,30,.12)!important;--border-hairline-2:rgba(16,22,30,.18)!important;--divider:rgba(16,22,30,.22)!important;
 --cl-ink:#12161C;--cl-line:rgba(16,22,30,.12);--cl-accent:#0B63C5;
}
html,body{background:#fff!important;color:var(--cl-ink)!important}
body::before,body::after{background:transparent!important}
section,main,article,aside,div[class*="sec"]{background-color:transparent}
main>section:nth-of-type(even){background:#F6F7F9!important}
h1,h2,h3,h4,h5,p,li,span,td,th,label,summary,dt,dd{color:inherit}
p,li{color:#45505E!important}
h1,h2,h3,h4{color:#0B0E13!important;letter-spacing:-.015em}
/* ---- NAV: flat white bar, no pill ---- */
.lg-nav,.hd-bar{background:rgba(255,255,255,.94)!important;backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--cl-line)!important;box-shadow:none!important}
.navpill{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;gap:26px!important}
.navlinks{gap:26px!important}
.navlinks a,.navpill a{color:#3A444F!important;background:transparent!important;border-radius:0!important;padding:8px 0!important;font-size:12.5px!important;letter-spacing:.14em!important;text-transform:uppercase!important;font-weight:600!important;border-bottom:2px solid transparent!important;transition:.18s}
.navlinks a:hover,.navpill a:hover{color:#0B0E13!important;border-bottom-color:var(--cl-accent)!important;background:transparent!important}
.navlinks a.active,.navpill a.active{color:#0B0E13!important;border-bottom-color:var(--cl-accent)!important}
.nav-cta,.nav-cta a{background:#12161C!important;color:#fff!important;border:1px solid #12161C!important;border-radius:2px!important;letter-spacing:.06em;text-transform:none!important}
.nav-cta:hover,.nav-cta a:hover{background:var(--cl-accent)!important;border-color:var(--cl-accent)!important}
.hamburger span,.navtog span{background:#12161C!important}
/* ---- BUTTONS: square, two-tone ---- */
.lg-btn{background:var(--cl-accent)!important;color:#fff!important;border:1px solid var(--cl-accent)!important;border-radius:2px!important;box-shadow:none!important}
.lg-btn:hover{background:#094f9e!important;border-color:#094f9e!important}
.lg-btn-light{background:transparent!important;color:#12161C!important;border:1px solid rgba(16,22,30,.28)!important;border-radius:2px!important}
.lg-btn-light:hover{background:#12161C!important;color:#fff!important;border-color:#12161C!important}
/* ---- HERO stays cinematic, text white ---- */
.mh-slide,.mh-slide *{color:#fff!important}
.mh-slide .lg-btn-light{color:#fff!important;border-color:rgba(255,255,255,.65)!important}
.mh-slide .lg-btn-light:hover{background:#fff!important;color:#12161C!important}
.mh-dot{background:rgba(255,255,255,.45)!important}
.mh-dot.active{background:#fff!important}
.mh-prev,.mh-next{color:#fff!important}
/* ---- CARDS / TILES ---- */
.offer-tile,.mc-track>*,[class*="card"]{background:#fff!important;border:1px solid var(--cl-line)!important;border-radius:3px!important;box-shadow:0 1px 2px rgba(16,22,30,.05)!important}
.offer-tile:hover,[class*="card"]:hover{border-color:rgba(16,22,30,.3)!important;box-shadow:0 8px 24px rgba(16,22,30,.09)!important}
input,select,textarea{background:#fff!important;color:#12161C!important;border:1px solid var(--cl-line)!important;border-radius:2px!important}
input::placeholder,textarea::placeholder{color:#93A0AE!important}
input:focus,select:focus,textarea:focus{border-color:var(--cl-accent)!important;outline:none!important}
/* modal / dialog surfaces */
[class*="modal"],[class*="popup"],[class*="sheet"],dialog{background:#fff!important;color:#12161C!important;border:1px solid var(--cl-line)!important}
[class*="modal"] *,[class*="popup"] *,dialog *{color:inherit}
/* ---- FOOTER: dark anchor ---- */
.lg-foot{background:#0E1218!important;color:rgba(255,255,255,.72)!important;border-top:0!important}
.lg-foot *{color:rgba(255,255,255,.72)!important}
.lg-foot a:hover{color:#fff!important}
.lg-foot h1,.lg-foot h2,.lg-foot h3,.lg-foot h4,.lg-foot strong{color:#fff!important}
/* ---- rails / fab ---- */
.social-rail a{color:#5A6673!important}
.social-rail a:hover{color:var(--cl-accent)!important}
.book-fab{background:#12161C!important;color:#fff!important;border-radius:2px!important;border:1px solid #12161C!important}
.book-fab:hover{background:var(--cl-accent)!important;border-color:var(--cl-accent)!important}
.blog-marquee,.blog-track{background:transparent!important}
hr,.divider{border-color:var(--cl-line)!important}
img{border-radius:3px}
.mh-slide img{border-radius:0}

/* --- v2 patches --- */
.lg-nav img[src*="vinfast-logo-white"],.hd-bar img[src*="vinfast-logo-white"],header img[src*="vinfast-logo-white"]{filter:brightness(0) saturate(100%)!important;opacity:.88!important}
.lg-foot img[src*="vinfast-logo-white"]{filter:none!important;opacity:1!important}
.social-rail{background:rgba(255,255,255,.92)!important;border:1px solid var(--cl-line)!important;border-radius:3px!important;backdrop-filter:blur(8px)}
.social-rail a,.social-rail svg{color:#5A6673!important;fill:#5A6673!important}
#vf-popup-ov{background:rgba(16,22,30,.45)!important;backdrop-filter:blur(3px)}
#vf-popup-ov>div,#vf-popup-ov .vf-popup,#vf-popup-ov [class*="card"],#vf-popup-ov form{background:#fff!important;color:#12161C!important;border:1px solid var(--cl-line)!important;border-radius:4px!important;box-shadow:0 24px 60px rgba(16,22,30,.22)!important}
#vf-popup-ov h1,#vf-popup-ov h2,#vf-popup-ov h3{color:#0B0E13!important}
#vf-popup-ov p,#vf-popup-ov label,#vf-popup-ov small{color:#45505E!important}
#vf-popup-ov input,#vf-popup-ov select,#vf-popup-ov textarea{background:#fff!important;color:#12161C!important;border:1px solid var(--cl-line)!important}
#vf-popup-ov button,#vf-popup-ov .lg-btn{background:var(--cl-accent)!important;color:#fff!important;border-color:var(--cl-accent)!important}
#vf-popup-ov button[class*="close"],#vf-popup-ov .vf-x{background:transparent!important;color:#5A6673!important;border:1px solid var(--cl-line)!important}

/* v7 — auto dark/light sections + tile buttons */
.cl-dark h1,.cl-dark h2,.cl-dark h3,.cl-dark h4{color:#FFFFFF!important;text-shadow:none!important}
.cl-dark p,.cl-dark li,.cl-dark span:not([class*="chip"]):not([class*="tag"]),.cl-dark td{color:rgba(255,255,255,.80)!important}
.cl-dark [class*="eyebrow"],.cl-dark [class*="kicker"]{color:#7FB6FF!important}
.cl-dark small,.cl-dark figcaption{color:rgba(255,255,255,.62)!important}
.cl-dark a:not([class]){color:#9CC8FF!important}
.cl-dark .lg-btn-light{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.55)!important}
.cl-dark .lg-btn-light:hover{background:#fff!important;color:#0F141A!important}
/* tiles inside dark bands: glass buttons, not flat white slabs */
.cl-dark [class*="tile"],.cl-dark [class*="card"],.cl-dark .offer-tile{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:14px!important;box-shadow:0 10px 30px rgba(0,0,0,.35)!important;transition:.18s ease!important}
.cl-dark [class*="tile"]:hover,.cl-dark .offer-tile:hover{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.34)!important;transform:translateY(-3px)!important}
.cl-dark [class*="tile"] *,.cl-dark .offer-tile *{color:#fff!important}
.cl-dark .offer-tile strong,.cl-dark [class*="tile"] strong{color:#7FB6FF!important}
/* light bands: tiles become raised buttons */
.cl-light .offer-tile,.cl-light [class*="tile"],.cl-light [class*="card"]{background:#fff!important;border:1px solid rgba(16,22,30,.12)!important;border-radius:14px!important;box-shadow:0 2px 6px rgba(16,22,30,.06)!important;transition:.18s ease!important}
.cl-light .offer-tile:hover,.cl-light [class*="tile"]:hover,.cl-light [class*="card"]:hover{box-shadow:0 14px 34px rgba(16,22,30,.13)!important;border-color:rgba(16,22,30,.26)!important;transform:translateY(-3px)!important}

/* ================= v8 — back to floating pill menu + fix pale card text ================= */
html body .lg-nav.lg-nav{background:transparent!important;border-bottom:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}
html body .lg-nav.lg-nav .navpill,html body .lg-nav.lg-nav .navlinks{background:rgba(255,255,255,.90)!important;backdrop-filter:blur(16px) saturate(170%)!important;-webkit-backdrop-filter:blur(16px) saturate(170%)!important;border:1px solid rgba(16,22,30,.10)!important;border-radius:999px!important;padding:6px!important;gap:2px!important;box-shadow:0 8px 28px rgba(10,14,20,.20)!important}
html body .lg-nav.lg-nav .navlinks a,html body .lg-nav.lg-nav .navpill a{color:#141A21!important;font-weight:700!important;font-size:13px!important;letter-spacing:.02em!important;text-transform:none!important;border-radius:999px!important;padding:9px 15px!important;background:transparent!important;border:0!important}
html body .lg-nav.lg-nav .navlinks a:hover,html body .lg-nav.lg-nav .navpill a:hover{background:#E9EEF5!important;color:#000!important}
html body .lg-nav.lg-nav .navlinks a.active,html body .lg-nav.lg-nav .navpill a.active{background:#0F141A!important;color:#fff!important}
html body .lg-nav.lg-nav .nav-inner>a:first-child,html body .lg-nav.lg-nav .mob-banner-logo{background:rgba(255,255,255,.92)!important;border-radius:999px!important;padding:7px 15px!important;box-shadow:0 8px 24px rgba(10,14,20,.20)!important}
html body .lg-nav.lg-nav .nav-cta,html body .lg-nav.lg-nav .nav-cta a{background:#0B63C5!important;color:#fff!important;border:0!important;border-radius:999px!important;padding:12px 22px!important;font-weight:700!important;box-shadow:0 8px 24px rgba(11,99,197,.34)!important}
html body .lg-nav.lg-nav .nav-cta:hover,html body .lg-nav.lg-nav .nav-cta a:hover{background:#094f9e!important}
/* ---- pale text inside light cards (spec numbers, offer bullets) ---- */
.cl-light [class*="card"] *,.cl-light .offer-tile *,.cl-light [class*="tile"] *,.cl-light .mc-track *{color:#28323D!important}
.cl-light [class*="card"] h1,.cl-light [class*="card"] h2,.cl-light [class*="card"] h3,.cl-light [class*="card"] h4,
.cl-light [class*="tile"] h1,.cl-light [class*="tile"] h2,.cl-light [class*="tile"] h3,.cl-light [class*="tile"] h4{color:#0A0D12!important}
.cl-light [class*="card"] strong,.cl-light [class*="tile"] strong,.cl-light [class*="card"] b{color:#0A0D12!important}
.cl-light [class*="price"],.cl-light [class*="card"] [class*="price"]{color:#0B63C5!important;font-weight:800!important}
.cl-light [class*="card"] li,.cl-light [class*="tile"] li,.cl-light [class*="card"] ul *{color:#28323D!important}
.cl-light [class*="card"] [class*="label"],.cl-light [class*="card"] small{color:#5C6873!important}
/* spec figures: big numbers must be ink, not tint */
.cl-light [class*="spec"] *,.cl-light [class*="stat"] *,.cl-light [class*="figure"] *{color:#0A0D12!important}
.cl-light [class*="spec"] [class*="label"],.cl-light [class*="stat"] [class*="label"]{color:#5C6873!important}

/* v13 contrast classes (beat page inline styles) */

/* v16 contrast classes — max specificity */
html body .cl-fx-l.cl-fx-l.cl-fx-l{color:#1F2933!important}
html body .cl-fx-d.cl-fx-d.cl-fx-d{color:#FFFFFF!important}
html body .cl-fx-w.cl-fx-w.cl-fx-w{color:#FFFFFF!important;opacity:1!important}
html body .cl-fx-a.cl-fx-a.cl-fx-a{color:#0B63C5!important}
html body .cl-fx-ad.cl-fx-ad.cl-fx-ad{color:#8CC2F5!important}
html body .cl-fx-m.cl-fx-m.cl-fx-m{color:#55616F!important}
html body .cl-fx-md.cl-fx-md.cl-fx-md{color:#AEB9C6!important}
html body .cl-fx-op.cl-fx-op{opacity:1!important}

/* v18 mobile polish */
@media (max-width:760px){
html body a,html body button{-webkit-tap-highlight-color:rgba(11,99,197,.16)}
html body .cl-tap{min-height:44px!important;display:inline-flex!important;align-items:center!important}
html body .cl-tap-sq{min-width:44px!important;min-height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
html body img{max-width:100%;height:auto}
html body .lg-foot a{padding:4px 0}
}

/* v19 floating call + whatsapp */
#cl-fab{position:fixed;left:18px;bottom:18px;z-index:9998;display:flex;flex-direction:column;gap:10px}
#cl-fab a,#cl-fab button{display:inline-flex;align-items:center;gap:9px;border:0;cursor:pointer;text-decoration:none;font-family:inherit;font-weight:700;font-size:14px;color:#fff!important;padding:13px 18px;border-radius:999px;box-shadow:0 10px 26px rgba(6,10,16,.30);transition:transform .15s,box-shadow .15s;line-height:1}
#cl-fab a:hover,#cl-fab button:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(6,10,16,.38)}
#cl-fab .cl-wa{background:#25D366}
#cl-fab .cl-call{background:#0B63C5}
#cl-fab svg{width:19px;height:19px;flex:0 0 19px}
#cl-sheet{position:fixed;inset:0;z-index:9999;background:rgba(6,10,16,.6);display:flex;align-items:center;justify-content:center;padding:16px}
#cl-sheet .cl-box{background:#fff;color:#0F141A;width:min(420px,100%);border-radius:18px;padding:22px;box-shadow:0 30px 70px rgba(0,0,0,.4)}
#cl-sheet h4{margin:0 0 4px;font-size:19px;font-weight:800;color:#0F141A}
#cl-sheet p{margin:0 0 16px;color:#55616F;font-size:14px}
#cl-sheet .cl-row{display:block;border:1px solid rgba(16,22,30,.12);border-radius:14px;padding:14px 16px;margin-bottom:10px;text-decoration:none;color:#0F141A;font-weight:700}
#cl-sheet .cl-row span{display:block;font-weight:500;color:#55616F;font-size:13px;margin-top:3px}
#cl-sheet .cl-row:hover{border-color:#0B63C5;background:#F3F8FF}
#cl-sheet .cl-close{width:100%;background:#0F141A;color:#fff;border:0;border-radius:999px;padding:12px;font-weight:700;cursor:pointer;font-family:inherit}
@media(max-width:760px){#cl-fab{left:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));gap:8px}#cl-fab a,#cl-fab button{padding:14px 16px;font-size:13px;min-height:46px}#cl-sheet{align-items:flex-end;padding:0}#cl-sheet .cl-box{border-radius:18px 18px 0 0;padding-bottom:26px}}
@media(max-width:380px){#cl-fab .cl-lbl{display:none}#cl-fab a,#cl-fab button{padding:13px}}