/* HTV Premium Commerce Design Layer | staging v5.0 | October 2026 */
:root{--htv-emerald:#0B5344;--htv-jade:#116B52;--htv-ivory:#FAF8F2;--htv-champagne:#CDAA63;--htv-ink:#172D32;--htv-line:#DEE8E2;--black:#0B5344;--gold:#CDAA63;--gold2:#EBD7A7;--cream:#FAF8F2;--ink:#172D32;--muted:#536A68;--line:#DEE8E2;--shadow:0 16px 44px rgba(8,62,51,.12)}
body{color:var(--htv-ink);background:#fff}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--htv-champagne)!important;outline-offset:3px}
.topbar,.panel,.footer,.v31-footer,.v31-social,.htv-mobile-cta{background-color:#0B3B34!important}
.site-header{border-bottom:1px solid var(--htv-line)}.site-header .brand .mark,.v31-mark{background:linear-gradient(145deg,#EAD8AD,#CDAA63)!important;color:#093E36!important;border-color:#0B5344!important}
.v31-header{background:linear-gradient(180deg,#083B32 0%,#083B32 80px,rgba(8,59,50,.95) 128px,transparent 180px)!important}
.v31-nav{border-color:rgba(205,170,99,.3)!important}.v31-nav a:hover,.v31-nav a:focus-visible{color:#F3DBA0!important}
.v31-wa,.btn-gold{background:var(--htv-jade)!important;color:#fff!important;border-color:var(--htv-jade)!important;box-shadow:0 10px 22px rgba(17,107,82,.22)!important}
.btn-gold:hover,.v31-wa:hover{background:#07513D!important;transform:translateY(-1px)}.btn-dark{background:var(--htv-emerald)!important;color:#fff!important}.btn-line{border-color:var(--htv-emerald)!important}
.v31-hero{background:#0B3B34!important;isolation:isolate}.v31-scenes,.v31-scene{display:none!important}.htv-hero-picture{position:absolute;inset:0;z-index:-2;width:100%;height:100%}.htv-hero-poster{height:100%;width:100%;object-fit:cover;object-position:center center;transition:opacity .35s ease}.v31-hero-video{opacity:0!important;visibility:hidden;z-index:-1!important;pointer-events:none;filter:none!important}.v31-hero.htv-hero-playing .v31-hero-video{opacity:1!important;visibility:visible;z-index:-1!important;pointer-events:auto}.v31-hero.htv-hero-playing .htv-hero-poster{opacity:0}.v31-veil{pointer-events:none;background:linear-gradient(95deg,rgba(5,46,38,.91) 0%,rgba(6,44,37,.7) 44%,rgba(5,38,34,.32) 100%),linear-gradient(0deg,rgba(4,35,31,.58),transparent 55%)!important}
.v31-eyebrow,.eyebrow,.kicker,.gold{color:#CDAA63}.v31-copy h1 em{color:#F5DEAA}.v31-tagline{color:#fff!important}
.v31-bookbar{border-color:rgba(235,215,167,.75)!important}.v31-bookbar button{background:var(--htv-jade)!important;color:#fff!important}
.htv-film-controls{position:relative;z-index:3;margin-top:.85rem}.htv-watch-film{appearance:none;cursor:pointer;border:1px solid rgba(255,255,255,.65);background:rgba(5,56,47,.7);color:#fff;border-radius:999px;padding:.58rem .9rem;font-weight:700;font-size:.83rem;backdrop-filter:blur(6px)}.htv-watch-film:hover{background:#116B52}.htv-watch-film:focus-visible{outline-color:#fff!important}
.v31-service,.v31-products>a,.v31-dest-grid>a,.card,.v41-money{border-color:#E0EAE4!important;box-shadow:0 9px 24px rgba(8,62,51,.055)}
.section.alt,.v31-dest-section,.v31-more{background:var(--htv-ivory)}.link{color:var(--htv-jade)!important}
.v41-south{background:#FAF8F2!important}.v41-south .sell,.v41-south a:hover{border-color:#9ABDB2!important}
.v31-trust,.v31-social{background:#0B3B34!important}.v31-footer a:hover,.footer a:hover{color:#EBD7A7!important}
.v31-wa-float,.htv-mobile-cta a:last-child{background:#116B52!important;color:white!important}
.htv-carebar{background:#0B5344;color:#fff;padding:10px 0}.htv-carebar .container{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.htv-carebar strong{font-size:.84rem;color:#EBD7A7}.htv-carelinks{display:flex;gap:9px;flex-wrap:wrap}.htv-carelinks a{font-size:.82rem;font-weight:750;color:white;padding:6px 10px;border:1px solid rgba(255,255,255,.3);border-radius:999px}.htv-carelinks a:hover{background:rgba(255,255,255,.1)}
.htv-section{padding:72px 0;background:#fff}.htv-section--ivory{background:#FAF8F2}.htv-sectionhead{margin:0 0 22px}.htv-sectionhead .htv-eyebrow{color:#116B52;font-size:.74rem;letter-spacing:.13em;text-transform:uppercase;font-weight:800}.htv-sectionhead h2{font-family:Georgia,serif;color:#133E37;font-size:clamp(1.8rem,3.8vw,3rem);line-height:1.16;margin:8px 0}.htv-sectionhead p{max-width:750px;color:#536A68;margin:0}.htv-brand-grid,.htv-care-grid,.htv-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.htv-brand-card,.htv-care-card,.htv-choice{background:#fff;padding:22px;border:1px solid #DCE8E2;border-radius:18px;box-shadow:0 6px 26px rgba(8,62,51,.06)}.htv-brand-card h3,.htv-care-card h3,.htv-choice h3{margin:0 0 8px;color:#0B5344;font-size:1.1rem}.htv-brand-card a,.htv-care-card a,.htv-choice a{color:#116B52;font-weight:800}.htv-brand-card p,.htv-care-card p,.htv-choice p{font-size:.91rem;color:#536A68;margin:7px 0 10px}.htv-smallnote{color:#566D6B;font-size:.78rem;margin-top:18px;line-height:1.6}
.htv-care-card .htv-big{font-size:clamp(1.1rem,2.1vw,1.5rem);font-weight:800;color:#0B5344;letter-spacing:-.02em;overflow-wrap:anywhere}.htv-map-frame{width:100%;height:380px;border:0;border-radius:18px;background:#DCE8E2}.htv-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.htv-info-grid>*{background:#fff;border:1px solid #DEE8E2;border-radius:18px;padding:22px}.htv-info-grid h3{margin:0 0 7px;color:#0B5344}.htv-info-grid p{margin:0 0 10px}.htv-info-grid a{color:#116B52;font-weight:750}
.htv-faq details{margin:12px 0;padding:16px 20px;background:white;border:1px solid #DEE8E2;border-radius:13px}.htv-faq summary{cursor:pointer;font-weight:750;color:#0B5344}.htv-faq details p{margin:12px 0 0;color:#4D625E}
.htv-safety-foot{font-size:.79rem;color:#B3CAC0;line-height:1.5}.htv-safety-foot a{color:#EBD7A7}.htv-contact-footer{border-top:1px solid rgba(255,255,255,.18);padding-top:16px;margin-top:22px;color:#fff;font-size:.83rem}.htv-contact-footer a{color:#EBD7A7}.htv-contact-footer span{display:inline-block;margin-right:15px;margin-bottom:7px}
.htv-updated{color:#586D65;font-size:.83rem}.htv-priority img{max-width:100%}body[dir=rtl] .htv-carebar .container{direction:rtl}
@media(max-width:860px){.htv-brand-grid,.htv-care-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.htv-choice-grid{grid-template-columns:1fr}.htv-section{padding:46px 0}.htv-hero-poster{object-position:55% center}}
@media(max-width:600px){.htv-carebar{padding:9px 0}.htv-carebar .container{gap:6px}.htv-carelinks{gap:6px}.htv-carelinks a{font-size:.70rem;padding:5px 7px}.htv-brand-grid,.htv-care-grid,.htv-info-grid{grid-template-columns:1fr}.htv-section{padding:36px 0}.htv-map-frame{height:285px}.htv-film-controls{margin-top:.45rem}.htv-watch-film{font-size:.7rem;padding:.5rem .7rem}.v31-hero{min-height:690px}.v31-hero-inner{padding-top:132px}.v31-header{background:linear-gradient(#083B32 0,#083B32 70px,rgba(8,59,50,.96) 70px,rgba(8,59,50,.7) 108px,transparent 140px)!important}}
@media(prefers-reduced-motion:reduce){.htv-hero-poster{transition:none}html{scroll-behavior:auto}}

.htv-days{display:grid;gap:16px;margin:18px 0 30px}.htv-day{display:grid;grid-template-columns:85px 1fr;gap:18px;border:1px solid #DEE8E2;background:#FAF8F2;padding:17px;border-radius:16px}.htv-daynum{color:#116B52;font-weight:850;font-size:.85rem;letter-spacing:.03em}.htv-day h3{color:#0B5344;margin:0 0 5px;font-size:1.08rem}.htv-day p{margin:0;color:#4D625E;font-size:.93rem}.htv-info-grid{margin:16px 0}.htv-choice-grid{margin:18px 0 30px}.htv-choice-grid .htv-choice{background:#FAF8F2}.htv-priority>h2{margin:30px 0 12px;color:#0B5344}@media(max-width:600px){.htv-day{grid-template-columns:1fr;gap:5px;padding:14px}}


/* HTV V6: image-rich sales presentation + true autoplay Hero with respectful fallbacks */
.v31-hero .htv-hero-picture{z-index:-2}
.v31-hero .v31-hero-video{z-index:-1!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;object-fit:cover}
.v31-hero.htv-hero-playing .v31-hero-video{opacity:1!important;visibility:visible!important;pointer-events:none!important}
.v31-hero.htv-hero-playing .htv-hero-poster{opacity:0}
.htv-hero-poster{object-position:center 46%}
.htv-quicktrust{background:#f7f7f0;border-bottom:1px solid #e6e8dd;padding:12px 0}
.htv-quicktrust>.container{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.htv-quicktrust span{font-size:.78rem;color:#0B5344;font-weight:750}
.htv-tour-thumb{display:block;width:100%;height:156px;object-fit:cover;border-radius:12px;margin-bottom:12px;background:#d6e6e0}
.v31-products>a{padding:12px!important;overflow:hidden}
.v41-money{overflow:hidden;padding:12px!important}
.v41-money .htv-tour-thumb{height:164px}
.htv-brand-card{padding:12px 12px 18px!important;overflow:hidden}
.htv-brand-photo{display:block;width:100%;height:168px;object-fit:cover;border-radius:11px;margin-bottom:13px}
.htv-brand-card h3,.htv-brand-card p,.htv-brand-card a{margin-left:4px;margin-right:4px}
.htv-destination-gallery{margin-top:26px;margin-bottom:42px}
.htv-gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}
.htv-gallery-grid figure{margin:0;overflow:hidden;border:1px solid #dce8e2;border-radius:14px;background:#faf8f2}
.htv-gallery-image{display:block;width:100%;height:220px;object-fit:cover}
.htv-gallery-grid figcaption{padding:10px 12px;color:#385c54;font-size:.83rem;font-weight:700}
.htv-address-map{display:inline-flex!important;align-items:center;margin-top:7px;color:#e9d49e!important;text-decoration:underline!important;text-underline-offset:3px;font-weight:750}
.htv-info-grid .htv-address-map,.footer .htv-address-map{color:#116b52!important}
.v31-footer .htv-address-map{color:#e9d49e!important}
.v31-dest-grid .dest-photo{background-position:center;filter:saturate(1.03)}

.dest-photo.danang{background-image:url("https://images.pexels.com/photos/23529021/pexels-photo-23529021.jpeg?auto=compress&cs=tinysrgb&w=550")!important}
.dest-photo.hoian{background-image:url("https://images.pexels.com/photos/29818790/pexels-photo-29818790.jpeg?auto=compress&cs=tinysrgb&w=550")!important}
.dest-photo.hue{background-image:url("https://images.pexels.com/photos/13971217/pexels-photo-13971217.jpeg?auto=compress&cs=tinysrgb&w=550")!important}
.dest-photo.hanoi{background-image:url("https://images.pexels.com/photos/34996962/pexels-photo-34996962.jpeg?auto=compress&cs=tinysrgb&w=550")!important}
.dest-photo.halong{background-image:url("https://images.pexels.com/photos/36762639/pexels-photo-36762639.jpeg?auto=compress&cs=tinysrgb&w=550")!important}
.dest-photo.ninhbinh{background-image:url("https://images.pexels.com/photos/29819078/pexels-photo-29819078.jpeg?auto=compress&cs=tinysrgb&w=550")!important}
.dest-photo.sapa{background-image:url("https://images.pexels.com/photos/33908279/pexels-photo-33908279.jpeg?auto=compress&cs=tinysrgb&w=550")!important}
.dest-photo.phuquoc{background-image:url("https://images.pexels.com/photos/31187735/pexels-photo-31187735.jpeg?auto=compress&cs=tinysrgb&w=550")!important}
.dest-photo.dalat{background-image:url("https://images.pexels.com/photos/32457295/pexels-photo-32457295.jpeg?auto=compress&cs=tinysrgb&w=550")!important}
.dest-photo.nhatrang{background-image:url("https://images.pexels.com/photos/37463680/pexels-photo-37463680.jpeg?auto=compress&cs=tinysrgb&w=550")!important}
.dest-photo.hcmc{background-image:url("https://images.pexels.com/photos/5932468/pexels-photo-5932468.jpeg?auto=compress&cs=tinysrgb&w=550")!important}
.dest-photo.danang_bridge{background-image:url("https://images.pexels.com/photos/32015496/pexels-photo-32015496.jpeg?auto=compress&cs=tinysrgb&w=550")!important}
.dest-photo.halong_boat{background-image:url("https://images.pexels.com/photos/14519891/pexels-photo-14519891.jpeg?auto=compress&cs=tinysrgb&w=550")!important}
.dest-photo.phuquoc_cable{background-image:url("https://images.pexels.com/photos/26742979/pexels-photo-26742979.jpeg?auto=compress&cs=tinysrgb&w=550")!important}
.dest-photo.dalat_lake_alt{background-image:url("https://images.pexels.com/photos/29634415/pexels-photo-29634415.jpeg?auto=compress&cs=tinysrgb&w=550")!important}
.dest-photo.hanoi_lake_alt{background-image:url("https://images.pexels.com/photos/29933769/pexels-photo-29933769.jpeg?auto=compress&cs=tinysrgb&w=550")!important}
@media(max-width:860px){
 .htv-quicktrust>.container{justify-content:center;gap:6px 14px}
 .htv-tour-thumb{height:138px}
 .htv-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 .v31-hero{min-height:610px!important}
 .v31-hero-inner{padding-top:100px!important}
 .v31-copy h1{font-size:clamp(2.10rem,10.5vw,3rem)!important;line-height:1.02!important}
 .v31-copy .v31-proof{margin:9px 0!important}
 .v31-tagline{font-size:.94rem!important}
 .v31-veil{background:linear-gradient(95deg,rgba(5,46,38,.86),rgba(6,44,37,.47)),linear-gradient(0deg,rgba(4,35,31,.49),transparent 65%)!important}
 .htv-quicktrust span{font-size:.68rem}
 .htv-tour-thumb{height:176px}
 .htv-brand-photo{height:192px}
 .htv-gallery-grid{grid-template-columns:1fr 1fr;gap:8px}
 .htv-gallery-image{height:130px}
 .htv-gallery-grid figcaption{font-size:.73rem;padding:7px 9px}
 .htv-mobile-cta a:last-child{font-size:.86rem}
 .v31-wa-float{display:none!important}/* mobile already has WhatsApp in sticky bottom bar */
}
@media(prefers-reduced-motion:reduce){.v31-hero-video{display:none!important}.htv-hero-poster{opacity:1!important}}