/* QN-VINFAST-HOME-P17 | Source: XXGG01.zip | Visual consistency with VinFast product layout.
   New unique classes for advisory and directory prevent P02-P16 cascade collisions. */
body.qnvf-p17-home .qn17-support,
body.qnvf-p17-home .qn17-directory{box-sizing:border-box}
body.qnvf-p17-home .qn17-support *,body.qnvf-p17-home .qn17-directory *{box-sizing:border-box}
body.qnvf-p17-home .qn17-support{background:linear-gradient(180deg,#fff 0%,#f1f7fc 100%)!important;padding:64px 0 68px!important}
body.qnvf-p17-home .qn17-support-shell,body.qnvf-p17-home .qn17-directory-inner{width:calc(100% - 40px)!important;max-width:1280px!important;margin-left:auto!important;margin-right:auto!important;padding:0!important}
body.qnvf-p17-home .qn17-support-topline{text-align:center;margin:0 auto 28px;max-width:850px}
body.qnvf-p17-home .qn17-support-topline .trm-kicker,body.qnvf-p17-home .qn17-faq-head .trm-kicker{display:block;color:#3288bd;font-size:12px;font-weight:800;letter-spacing:.095em;margin-bottom:9px}
body.qnvf-p17-home .qn17-support-topline h2,body.qnvf-p17-home .qn17-directory-heading h2{color:#173c5c!important;font-weight:850!important;line-height:1.2!important;letter-spacing:-.035em!important;font-size:clamp(26px,2.6vw,35px)!important;margin:0 0 12px!important}
body.qnvf-p17-home .qn17-support-topline p,body.qnvf-p17-home .qn17-directory-heading p{margin:0;color:#567187;font-size:15px;line-height:1.62}
body.qnvf-p17-home .qn17-support-grid{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;gap:26px!important;align-items:stretch!important;min-width:0}
body.qnvf-p17-home .qn17-help-panel,body.qnvf-p17-home .qn17-faq-panel{min-width:0;background:#fff;border:1px solid #dbe7f0;border-radius:16px;overflow:hidden;box-shadow:0 12px 35px rgba(9,49,78,.055)}
body.qnvf-p17-home .qn17-help-panel{display:flex;flex-direction:column}
body.qnvf-p17-home .qn17-help-image{position:relative;height:225px;min-height:225px;overflow:hidden;background:#194b71}
body.qnvf-p17-home .qn17-help-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,43,72,.25),transparent 80%)}
body.qnvf-p17-home .qn17-help-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 54%}
body.qnvf-p17-home .qn17-help-image span{position:absolute;z-index:1;top:20px;left:22px;border-radius:5px;padding:8px 12px;background:rgba(9,73,120,.87);color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em}
body.qnvf-p17-home .qn17-help-body{padding:26px 28px 28px;display:flex;flex-direction:column;flex:1;min-height:0}
body.qnvf-p17-home .qn17-help-body h3{font-size:clamp(21px,1.8vw,26px);font-weight:850;color:#163c5a;letter-spacing:-.02em;line-height:1.25;margin:0 0 11px}
body.qnvf-p17-home .qn17-help-body>p{font-size:14px;line-height:1.7;color:#567187;margin:0 0 19px}
body.qnvf-p17-home .qn17-help-steps{display:grid;gap:0;margin:0 0 20px;border:1px solid #e1edf5;border-radius:11px;background:#f6fbff;overflow:hidden}
body.qnvf-p17-home .qn17-help-steps>div{display:flex;gap:12px;align-items:center;padding:11px 15px;line-height:1.4;color:#284d68;font-size:13px;font-weight:700}
body.qnvf-p17-home .qn17-help-steps>div+div{border-top:1px solid #e1edf5}
body.qnvf-p17-home .qn17-help-steps b{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#dceffc;color:#1576b4;font-size:11px;font-weight:900}
body.qnvf-p17-home .qn17-help-cta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:auto}
body.qnvf-p17-home .qn17-help-cta button,body.qnvf-p17-home .qn17-help-cta a{border:1px solid #c3ddec;border-radius:8px;min-height:46px;padding:12px 16px;display:inline-flex;justify-content:center;align-items:center;gap:10px;text-decoration:none!important;font-size:13px;font-weight:800;line-height:1.2;cursor:pointer;transition:background .15s ease}
body.qnvf-p17-home .qn17-help-cta .qn17-help-book{background:#2c7db8;color:#fff;border-color:#2c7db8}
body.qnvf-p17-home .qn17-help-cta .qn17-help-book:hover{background:#1c659c}
body.qnvf-p17-home .qn17-help-cta .qn17-help-call{background:#fff;color:#1e6ca3}
body.qnvf-p17-home .qn17-faq-panel{padding:27px 28px;display:flex;flex-direction:column}
body.qnvf-p17-home .qn17-faq-head{margin-bottom:16px}
body.qnvf-p17-home .qn17-faq-head h3{color:#163c5a!important;font-size:clamp(23px,2.15vw,29px)!important;font-weight:850!important;line-height:1.25!important;margin:0 0 8px!important}
body.qnvf-p17-home .qn17-faq-head p{color:#657f91;font-size:14px;line-height:1.6;margin:0}
body.qnvf-p17-home .qn17-faq-list{display:grid;gap:8px}
body.qnvf-p17-home .qn17-faq-list details{display:block;margin:0;border:1px solid #ddeaf3;background:#fff;border-radius:10px;overflow:hidden;transition:background .18s ease,border-color .18s ease}
body.qnvf-p17-home .qn17-faq-list details[open]{background:#f5faff;border-color:#bddbec}
body.qnvf-p17-home .qn17-faq-list summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:34px minmax(0,1fr) 22px;align-items:center;gap:10px;min-height:55px;padding:11px 13px;color:#183c5a;font-size:13.5px;font-weight:800;line-height:1.45}
body.qnvf-p17-home .qn17-faq-list summary::-webkit-details-marker{display:none}
body.qnvf-p17-home .qn17-faq-num{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#edf5fa;color:#3082b7;font-weight:900;font-size:11px}
body.qnvf-p17-home .qn17-faq-chevron{display:grid;place-items:center;font-size:23px;font-weight:400;color:#1679b4;line-height:1;transition:transform .15s}
body.qnvf-p17-home .qn17-faq-list details[open] .qn17-faq-chevron{transform:rotate(45deg)}
body.qnvf-p17-home .qn17-faq-answer{margin:0 16px 15px 58px;color:#527187;font-size:13px;line-height:1.68}
body.qnvf-p17-home .qn17-faq-bottom{margin-top:auto;padding-top:17px;color:#526e83;font-size:12.5px;line-height:1.6}
body.qnvf-p17-home .qn17-faq-bottom button{border:0;background:none;color:#127bb8;font-size:inherit;font-weight:800;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:3px}

body.qnvf-p17-home .qn17-directory{background:#f1f7fc;padding:52px 0 58px!important;color:#193f5d}
body.qnvf-p17-home .qn17-directory-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}
body.qnvf-p17-home .qn17-directory-heading>div{max-width:920px}
body.qnvf-p17-home .qn17-directory-cta{min-height:45px;white-space:nowrap;border:1px solid #2d80b6;background:#2d80b6;color:#fff;border-radius:8px;display:inline-flex;align-items:center;gap:8px;padding:11px 16px;cursor:pointer;font-size:13px;font-weight:800}
body.qnvf-p17-home .qn17-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
body.qnvf-p17-home .qn17-directory-column{list-style:none!important;padding:10px 16px!important;margin:0!important;background:#fff;border:1px solid #dae7f0;border-radius:14px;box-shadow:0 7px 22px rgba(13,62,92,.035);min-width:0}
body.qnvf-p17-home .qn17-directory-column li{padding:0!important;margin:0!important;list-style:none!important}
body.qnvf-p17-home .qn17-directory-column li+li{border-top:1px solid #e8eef3}
body.qnvf-p17-home .qn17-directory-column a,body.qnvf-p17-home .qn17-directory-column button{width:100%;border:0;background:transparent;display:flex;align-items:center;text-align:left;gap:10px;padding:12px 0;min-height:51px;cursor:pointer;text-decoration:none!important;color:#184367!important;font-size:13px;line-height:1.4;font-weight:750;font-family:inherit}
body.qnvf-p17-home .qn17-directory-column button:hover,body.qnvf-p17-home .qn17-directory-column a:hover{color:#137eb9!important}
body.qnvf-p17-home .qn17-directory-icon{display:grid;place-items:center;width:30px;height:30px;flex:none;background:#eaf5fc;color:#257fad;border-radius:8px;font-weight:900;font-size:15px}
body.qnvf-p17-home .qn17-directory-name{flex:1;min-width:0}
body.qnvf-p17-home .qn17-directory-action{display:inline-flex;gap:4px;align-items:center;white-space:nowrap;font-size:11px;font-weight:700;color:#4c91b9;margin-left:auto}
body.qnvf-p17-home .qn17-directory-column button .qn17-directory-action{color:#7b8793}
/* Footer additions work on all pages, not just the homepage. Buttons intentionally open the existing booking modal. */
footer.qnvf-p16-footer .trf61-list button{display:flex;width:100%;min-width:0;align-items:center;gap:8px;padding:11px 0;border:0;border-bottom:1px solid rgba(255,255,255,.085);border-radius:0;background:transparent;color:#ecf6ff;font:inherit;font-size:13px;font-weight:600;line-height:1.5;text-align:left;cursor:pointer}
footer.qnvf-p16-footer .trf61-list button:hover{color:#ffcb2c}
footer.qnvf-p16-footer .trf61-list button .trf61-arrow{margin-left:auto}
footer.qnvf-p16-footer .trf61-list button .trf61-item-icon{flex:0 0 23px}
footer.qnvf-p16-footer .trf61-list button svg{width:20px;height:20px}
@media(max-width:1100px){
 body.qnvf-p17-home .qn17-support-grid{gap:17px!important;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important}
 body.qnvf-p17-home .qn17-faq-panel{padding:20px}
 body.qnvf-p17-home .qn17-help-body{padding:22px}
 body.qnvf-p17-home .qn17-directory-grid{gap:12px}
 body.qnvf-p17-home .qn17-directory-column{padding:7px 12px!important}
 body.qnvf-p17-home .qn17-directory-action{font-size:10px}
}
@media(max-width:800px){
 body.qnvf-p17-home .qn17-support-grid{grid-template-columns:minmax(0,1fr)!important;gap:17px!important}
 body.qnvf-p17-home .qn17-help-panel{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr)}
 body.qnvf-p17-home .qn17-help-image{height:100%;min-height:290px}
 body.qnvf-p17-home .qn17-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.qnvf-p17-home .qn17-directory-heading{align-items:start;flex-direction:column}
}
@media(max-width:600px){
 body.qnvf-p17-home .qn17-support{padding:38px 0 42px!important}
 body.qnvf-p17-home .qn17-directory{padding:36px 0 42px!important}
 body.qnvf-p17-home .qn17-support-shell,body.qnvf-p17-home .qn17-directory-inner{width:calc(100% - 28px)!important}
 body.qnvf-p17-home .qn17-support-topline{text-align:left;margin-bottom:18px}
 body.qnvf-p17-home .qn17-help-panel{display:flex;flex-direction:column}
 body.qnvf-p17-home .qn17-help-image{height:180px;min-height:180px}
 body.qnvf-p17-home .qn17-help-body{padding:20px}
 body.qnvf-p17-home .qn17-help-cta button,body.qnvf-p17-home .qn17-help-cta a{flex:1 1 180px}
 body.qnvf-p17-home .qn17-faq-panel{padding:20px 15px}
 body.qnvf-p17-home .qn17-faq-list summary{grid-template-columns:28px minmax(0,1fr) 19px;gap:9px;padding:11px 10px;font-size:12.5px}
 body.qnvf-p17-home .qn17-faq-num{width:28px;height:28px}
 body.qnvf-p17-home .qn17-faq-answer{margin:0 12px 14px 48px;font-size:12.5px}
 body.qnvf-p17-home .qn17-directory-grid{grid-template-columns:1fr;gap:12px}
 body.qnvf-p17-home .qn17-directory-heading{margin-bottom:18px}
 body.qnvf-p17-home .qn17-directory-cta{width:100%;justify-content:center}
 body.qnvf-p17-home .qn17-directory-column{padding:5px 15px!important}
}