/* Trang chi tiet khach san (giao dien cu): menu ngang + bang mau theo trang chu v2.
   Chi duoc nap trong html/com_hotel/hotel_detail.php. */

/* ===== Menu ngang tren cung: lay tu v2/hotelvietnam.css, gioi han trong .hdr ===== */
:root{--navy: #153F96; --navy-d: #113580; --navy-dd: #0E2C6B; --blue: #2358D8; --blue-d: #1B47B3; --sky: #EDF3FF; --sky-2: #DCE7FB; --red: #B5123B; --red-d: #8F0D2E; --red-dd: #650A21; --red-bg: #FCE7ED; --gold: #FFD66B; --amber: #F4A100; --ink: #0F1B3D; --text: #38435E; --muted: #5A6682; --line: #E0E7F4; --line-2: #CBD7EC; --sh-sm: 0 1px 2px rgba(11,34,89,.06),0 6px 16px -4px rgba(11,34,89,.08); --sh-md: 0 2px 6px rgba(11,34,89,.08),0 18px 36px -10px rgba(11,34,89,.22); --font: 'Roboto',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif; --cw: 1170px;}
:root{--teal: #0B7F78; --teal-d: #08655F; --teal-bg: #E7F5F3; --teal-ln: #9FD6CF;}
:root{--teal: #1E52BE; --teal-d: #153F96; --teal-bg: #EAF0FB; --teal-ln: #A9BEE8;}
:root{--navy: #1F5CC8; --navy-d: #1A4FB0; --navy-dd: #2253BA; --teal: #2E6BDB; --teal-d: #2459C4; --teal-bg: #EEF4FF; --teal-ln: #B7CCF2;}
svg.i{width: 1em; height: 1em; flex: 0 0 auto; display: block;}
.hdr :focus-visible,.drawer :focus-visible{outline-color: rgb(255, 255, 255);}
.hdr .wc{width: min(var(--cw),100%); margin-inline: auto; padding-inline: 15px;}
.hdr{background: linear-gradient(rgb(30, 82, 190), rgb(22, 69, 166)); border-bottom: 3px solid var(--red); box-shadow: rgba(5, 16, 50, 0.22) 0px 2px 12px; position: relative; z-index: 20;}
.hdr-in{display: flex; align-items: center; gap: 20px; height: 88px;}
.hdr .brand{display: flex; align-items: center; gap: 13px; color: rgb(255, 255, 255); min-width: 0px; flex: 0 0 auto;}
.hdr .brand img{width: 80px; height: 80px; flex: 0 0 auto;}
.hdr .brand span{display: block; min-width: 0px;}
.hdr .brand b{display: block; font-size: 25px; line-height: 1.08; font-weight: 800; letter-spacing: -0.4px; white-space: nowrap;}
.hdr .brand i{display: block; font-style: normal; font-size: 13px; line-height: 1.2; color: rgb(191, 208, 243); margin-top: 4px; white-space: nowrap;}
.hdr .brand i em{font-style: normal; font-weight: 700; color: rgb(255, 255, 255);}
.hdr .nav{flex: 1 1 0%; display: flex; justify-content: center; min-width: 0px;}
.hdr .nav > ul{display: flex; align-items: center;}
.hdr .nav a{display: flex; align-items: center; gap: 8px; height: 88px; padding: 0px 11px; color: rgb(255, 255, 255); font-weight: 700; font-size: 15.5px; position: relative; white-space: nowrap;}
.hdr .nav a .i{font-size: 18px; color: var(--gold); transition: transform 0.2s;}
.hdr .nav a::before{content: ""; position: absolute; left: 11px; right: 11px; bottom: 0px; height: 3px; background: rgb(255, 255, 255); transform: scaleX(0); transition: transform 0.2s; border-radius: 3px 3px 0px 0px;}
.hdr .nav a:hover::before,.hdr .nav a:focus-visible::before,.hdr .nav a[aria-current]::before{transform: scaleX(1);}
.hdr .nav a:hover .i{transform: translateY(-2px);}
.hdr .hph{display: flex; align-items: center; gap: 10px; flex: 0 0 auto; color: rgb(255, 255, 255); font-weight: 700; font-size: 20px; letter-spacing: 0.2px;}
.hdr .hph .ic{width: 40px; height: 40px; border-radius: 50%; background: var(--red); display: grid; place-items: center; box-shadow: rgba(255, 255, 255, 0.18) 0px 0px 0px 3px; transition: background 0.2s;}
.hdr .hph .ic .i{font-size: 20px;}
.hdr .hph:hover .ic{background: var(--red-d);}
.hdr .burger{display: none; width: 46px; height: 46px; border: 0px; border-radius: 12px; background: rgba(255, 255, 255, 0.12); color: rgb(255, 255, 255); place-items: center; flex: 0 0 auto;}
.hdr .burger .i{font-size: 26px;}
.hdr .sf-f .i{font-size: 42px; color: rgb(143, 160, 196);}
.hdr .btn-o .i{font-size: 18px; transition: transform 0.2s;}
.hdr .btn-o:hover .i{transform: translateX(3px);}
.hdr .arr .i{font-size: 20px;}
.hdr .stars .i{font-size: 17px;}
.hdr .addr .i{font-size: 17px; margin-top: 2px; color: var(--red);}
.hdr .view .i{font-size: 17px;}
.hdr .ti .lo .i{font-size: 16px; margin-top: 2px; color: var(--red);}
.hdr .fq-q .i{font-size: 18px; color: var(--navy); transition: transform 0.25s;}
.hdr .fq-i.open .fq-q .i{transform: rotate(180deg); color: var(--red);}
.drawer{position: fixed; inset: 0px; z-index: 150; pointer-events: none; visibility: hidden; transition: visibility 0.3s linear;}
.drawer.open{pointer-events: auto; visibility: visible; transition: visibility;}
.drawer .veil{position: absolute; inset: 0px; background: rgba(5, 14, 40, 0.6); opacity: 0; transition: opacity 0.25s;}
.drawer .dcol{position: absolute; inset: 0px; overflow: hidden; pointer-events: none;}
.drawer .panel{position: absolute; top: 0px; bottom: 0px; right: 0px; width: min(86%, 370px); display: flex; flex-direction: column; background: var(--navy-d); color: rgb(255, 255, 255); transform: translateX(100%); transition: transform 0.3s; overflow-y: auto; overscroll-behavior: contain; box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 40px;}
.drawer.open .veil{opacity: 1;}
.drawer.open .panel{transform: none; pointer-events: auto;}
.drawer .d-h{display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 12px 12px 14px; border-bottom: 3px solid var(--red); position: sticky; top: 0px; background: var(--navy); z-index: 2;}
.drawer .d-h .dl{display: flex; align-items: center; gap: 11px; min-width: 0px;}
.drawer .d-h img{width: 56px; height: 56px; flex: 0 0 auto;}
.drawer .d-h b{display: block; font-size: 17.5px; line-height: 1.15; font-weight: 800; white-space: nowrap;}
.drawer .d-h small{display: block; font-size: 11.5px; color: rgb(191, 208, 243); margin-top: 2px; white-space: nowrap;}
.drawer .d-h button{flex: 0 0 auto; width: 44px; height: 44px; border: 0px; border-radius: 12px; background: rgba(255, 255, 255, 0.1); color: rgb(255, 255, 255); display: grid; place-items: center;}
.drawer ul.d-l{flex: 1 1 0%;}
.drawer ul.d-l > li{border-bottom: 1px solid rgba(255, 255, 255, 0.08);}
.drawer ul.d-l a{display: flex; align-items: center; gap: 12px; padding: 16px 18px; font-weight: 600; font-size: 16px; color: rgb(255, 255, 255);}
.drawer ul.d-l a .i{font-size: 20px; color: var(--gold);}
.drawer ul.d-l a:active{background: rgba(255, 255, 255, 0.08);}
.drawer .d-f{padding: 16px 18px 22px;}
.drawer .d-f a{display: flex; align-items: center; justify-content: center; gap: 10px; height: 52px; border-radius: 14px; background: var(--red); color: rgb(255, 255, 255); font-weight: 700; font-size: 18px;}
.drawer .d-f a .i{font-size: 20px;}
@media print {
.drawer{display: none;}
}
@container pg (max-width: 1199px) {
.hdr .wc{width: min(970px, 100%);}
.hdr .nav a .i{display: none;}
.hdr .nav a{padding: 0px 11px; font-size: 15px;}
.hdr .nav a::before{left: 11px; right: 11px;}
.hdr .hph span.t{display: none;}
.hdr .brand b{font-size: 23px;}
}
@container pg (max-width: 991px) {
.hdr .wc{width: min(750px, 100%);}
.hdr-in{height: 80px; justify-content: space-between;}
.hdr .nav,.hdr .hph{display: none;}
.hdr .burger{display: grid;}
.hdr .brand img{width: 70px; height: 70px;}
.hdr .brand b{font-size: 22px;}
.hdr .brand i{font-size: 12px; margin-top: 3px;}
}
@container pg (max-width: 767px) {
.hdr .wc{width: 100%;}
.hdr-in{height: 84px;}
.hdr .brand img{width: 76px; height: 76px;}
.hdr .brand b{font-size: 20px;}
.hdr .brand i{font-size: 12.5px; margin-top: 3px;}
.hdr .qk .wc{padding-inline: 12px;}
}
@container pg (max-width: 380px) {
.hdr .brand b{font-size: 18.5px;}
.hdr .brand i{font-size: 11px;}
.hdr .brand img{width: 64px; height: 64px;}
}
.hdr .m .drawer .dcol{left: 50%; width: min(100%, 430px); right: auto; transform: translateX(-50%);}
.hdr .wc.hdr-in{width: 100%; max-width: none; padding-left: max(24px,env(safe-area-inset-left,0px)); padding-right: max(24px,env(safe-area-inset-right,0px));}
.hdr .nav{justify-content: flex-end; margin-left: auto;}
@container pg (max-width: 767px) {
.hdr .wc.hdr-in{padding-left: max(15px,env(safe-area-inset-left,0px)); padding-right: max(15px,env(safe-area-inset-right,0px));}
}
@container pg (max-width: 767px) {
.hdr .hp2 .view .i{font-size: 18px;}
}
.hdr .hd-acc summary > .i{color: var(--teal) !important;}
.hdr{background: linear-gradient(rgb(30, 82, 190), rgb(22, 69, 166)) !important;}

/* ===== Tach menu v2 khoi CSS cu (style.css, bootstrap) ===== */
.hv-hd{container:pg / inline-size;font-family:var(--font);line-height:1.5}
.hv-hd ul,.drawer ul{margin:0;padding:0;list-style:none}
.hv-hd li,.drawer li{margin:0}
.hv-hd b,.drawer b{font-family:inherit;font-weight:800}
.hv-hd a,.drawer a{text-decoration:none}
.hv-hd .nav{flex-wrap:nowrap;padding:0;margin:0}
.hdr.fix{position:relative}
.drawer{font-family:var(--font);line-height:1.5}

/* ===== Mau sac theo trang chu (hong/cam cu -> xanh/do cua v2) ===== */
a{color:rgb(31, 92, 200)}
a:hover, a:focus{color:rgb(26, 79, 176)}
.main-menu > ul > li > a:hover, .main-menu > ul > li > a:focus{color:rgb(31, 92, 200)}
.top-title{border-left-color:rgb(31, 92, 200)}
.h3-title{color:rgb(31, 92, 200)}
.price-now{color:rgb(31, 92, 200)}
.box-why-us{background-color:rgb(31, 92, 200)}
.socials a:hover, .socials a:focus{color:rgb(26, 79, 176);border-top-color:rgb(26, 79, 176);border-right-color:rgb(26, 79, 176);border-bottom-color:rgb(26, 79, 176);border-left-color:rgb(26, 79, 176)}
.h1-title{color:rgb(31, 92, 200)}
.pricel{color:rgb(244, 161, 0)}
.h2-tour a{color:rgb(31, 92, 200)}
.h2-tour a:hover, .h2-tour a:focus{color:rgb(31, 92, 200)}
.note{color:rgb(31, 92, 200)}
.h4-tour::before{background-color:rgb(31, 92, 200)}
.right-day::before{background-color:rgb(31, 92, 200)}
.day-title{color:rgb(31, 92, 200)}
.col-s i{color:rgb(31, 92, 200)}
.price-detail{color:rgb(244, 161, 0)}
#r_bking{background-color:rgb(31, 92, 200)}
.a-view-detail{background-color:rgb(31, 92, 200)}
.h3-right{background-color:rgb(31, 92, 200)}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background-color:rgb(31, 92, 200)}
.bt-search-news{background-color:rgb(26, 79, 176)}
.bt-search{background-color:rgb(31, 92, 200)}
.f-price{color:rgb(244, 161, 0)}
.f-discount{background-color:rgb(31, 92, 200)}
.flash-bottom{background-color:rgb(31, 92, 200)}
.a-flash-book:hover, .a-flash-book:focus{color:rgb(244, 161, 0)}
.tour-flash .top-title::before{color:rgb(31, 92, 200)}
.hoanthanh{color:rgb(31, 92, 200)}
.mda-price-item{border-top-color:rgb(31, 92, 200);border-right-color:rgb(31, 92, 200);border-bottom-color:rgb(31, 92, 200);border-left-color:rgb(31, 92, 200)}
.h3-form{border-bottom-color:rgb(31, 92, 200)}
.h3-form span{background-color:rgb(31, 92, 200)}
.p-note{color:rgb(244, 161, 0)}
.smartsoft-phone.smartsoft-hover .smartsoft-ph-circle{border-top-color:rgb(31, 92, 200);border-right-color:rgb(31, 92, 200);border-bottom-color:rgb(31, 92, 200);border-left-color:rgb(31, 92, 200)}
.smartsoft-phone.smartsoft-green.smartsoft-hover .smartsoft-ph-circle{border-top-color:rgb(181, 18, 59);border-right-color:rgb(181, 18, 59);border-bottom-color:rgb(181, 18, 59);border-left-color:rgb(181, 18, 59)}
.smartsoft-phone.smartsoft-green .smartsoft-ph-circle{border-top-color:rgb(31, 92, 200);border-right-color:rgb(31, 92, 200);border-bottom-color:rgb(31, 92, 200);border-left-color:rgb(31, 92, 200)}
.smartsoft-phone.smartsoft-gray .smartsoft-ph-circle{border-top-color:rgb(181, 18, 59);border-right-color:rgb(181, 18, 59);border-bottom-color:rgb(181, 18, 59);border-left-color:rgb(181, 18, 59)}
.smartsoft-phone.smartsoft-hover .smartsoft-ph-circle-fill{background-color:rgb(31, 92, 200)}
.smartsoft-phone.smartsoft-green.smartsoft-hover .smartsoft-ph-circle-fill{background-color:rgb(31, 92, 200)}
.smartsoft-phone.smartsoft-green .smartsoft-ph-circle-fill{background-color:rgb(31, 92, 200)}
.smartsoft-phone.smartsoft-gray .smartsoft-ph-circle-fill{background-color:rgb(31, 92, 200)}
.smartsoft-phone.smartsoft-hover .smartsoft-ph-img-circle{background-color:rgb(181, 18, 59)}
.smartsoft-phone.smartsoft-green.smartsoft-hover .smartsoft-ph-img-circle{background-color:rgb(181, 18, 59)}
.smartsoft-phone.smartsoft-green .smartsoft-ph-img-circle{background-color:rgb(31, 92, 200)}
.smartsoft-phone.smartsoft-gray .smartsoft-ph-img-circle{background-color:rgb(181, 18, 59)}
.mda-tap-a{border-top-color:rgb(31, 92, 200);border-right-color:rgb(31, 92, 200);border-bottom-color:rgb(31, 92, 200);border-left-color:rgb(31, 92, 200)}
.mda-tap-a.nav-tabs > li.active > a, .mda-tap-a.nav-tabs > li.active > a:focus, .mda-tap-a.nav-tabs > li.active > a:hover{background-color:rgb(31, 92, 200)}
.tags a:hover, .tags a:focus{color:rgb(26, 79, 176);border-top-color:rgb(26, 79, 176);border-right-color:rgb(26, 79, 176);border-bottom-color:rgb(26, 79, 176);border-left-color:rgb(26, 79, 176)}
.detail blockquote{color:rgb(31, 92, 200)}
.rating.circle::after, .rating::after{color:rgb(244, 161, 0)}
.rating::before{color:rgb(244, 161, 0)}
.rating.circle::before{color:rgb(244, 161, 0)}
.event-bottom h3{color:rgb(31, 92, 200)}
.btn-view-more.btn-danger{background-color:rgb(31, 92, 200);border-top-color:rgb(31, 92, 200);border-right-color:rgb(31, 92, 200);border-bottom-color:rgb(31, 92, 200);border-left-color:rgb(31, 92, 200)}
.price-now{color:rgb(31, 92, 200)}
.check_rate__button button{background-color:rgb(181, 18, 59)}
.block-filter-box{border-top-color:rgb(31, 92, 200);border-right-color:rgb(31, 92, 200);border-bottom-color:rgb(31, 92, 200);border-left-color:rgb(31, 92, 200)}
.item-cat-left::before{color:rgb(31, 92, 200)}
.s19_pr{color:rgb(181, 18, 59)}
.highlight-bgr{background-color:rgb(252, 231, 237)}
.highlight-bgr .title-highlight{color:rgb(181, 18, 59)}
@media (min-width: 768px) {
.check_rate__button button{background-color:rgb(181, 18, 59)}
}
.list-result-highlights-content li::before{color:rgb(31, 92, 200)}
.price-cruise{color:rgb(31, 92, 200);border-top-color:rgb(31, 92, 200);border-right-color:rgb(31, 92, 200);border-bottom-color:rgb(31, 92, 200);border-left-color:rgb(31, 92, 200)}
.ul-tab li.active a, .ul-tab li:hover a{color:rgb(31, 92, 200)}
.ul-tab li.active::after, .ul-tab li:hover::after{background-color:rgb(31, 92, 200)}
.btn-book{background-color:rgb(181, 18, 59) !important}
.ul-tab li.active a, .ul-tab li:hover a{color:rgb(31, 92, 200) !important}
.box-fix a{color:rgb(181, 18, 59)}
.box-fix a.hot-fix{background-color:rgb(181, 18, 59)}
.text-hot::before{border-right-color:rgb(31, 92, 200)}
.button_contact_price{background-color:rgb(252, 231, 237);color:rgb(181, 18, 59)}
.box-fix a{color:rgb(181, 18, 59)}
.box-fix a.hot-fix{background-color:rgb(181, 18, 59)}
.suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-circle, .suntory-alo-phone:hover .suntory-alo-ph-circle{border-top-color:rgb(181, 18, 59);border-right-color:rgb(181, 18, 59);border-bottom-color:rgb(181, 18, 59);border-left-color:rgb(181, 18, 59)}
.suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-circle-fill, .suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-circle-fill{background-color:rgb(181, 18, 59)}
.suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-img-circle, .suntory-alo-phone:hover .suntory-alo-ph-img-circle{background-color:rgb(181, 18, 59)}
.suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-img-circle, .suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-img-circle{background-color:rgb(181, 18, 59)}
.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-img-circle{background-color:rgb(181, 18, 59)}
.left-hotel-page{border-right-color:rgb(31, 92, 200)}
.slogan-hotel-page{color:rgb(31, 92, 200)}
.btn-border-blue{color:rgb(31, 92, 200);border-top-color:rgb(31, 92, 200);border-right-color:rgb(31, 92, 200);border-bottom-color:rgb(31, 92, 200);border-left-color:rgb(31, 92, 200)}
.horizontal-line{color:rgb(31, 92, 200)}
.title-top-hotel{color:rgb(31, 92, 200)}
.item__name i::before{color:rgb(31, 92, 200)}
.menu-nav-2 .item__name a:hover, .menu-nav-2 .item__name a:focus{color:rgb(31, 92, 200)}
.main-menu i{color:rgb(31, 92, 200)}
.a-h-support{color:rgb(31, 92, 200)}
@media only screen and (max-width: 991px) {
.navbar-toggle .icon-bar{background-color:rgb(31, 92, 200)}
}
@media only screen and (max-width: 767px) {
.left-hotel-page{border-bottom-color:rgb(31, 92, 200)}
}
.item-hotline{background-color:rgb(181, 18, 59)}
.num-hotline{color:rgb(181, 18, 59)}
.num-hotline a{color:rgb(181, 18, 59)}
.btn-search{background-color:rgb(31, 92, 200);border-top-color:rgb(31, 92, 200);border-right-color:rgb(31, 92, 200);border-bottom-color:rgb(31, 92, 200);border-left-color:rgb(31, 92, 200)}
.btn-search:hover, .btn-search:focus{background-color:rgb(31, 92, 200)}
.text-3{color:rgb(244, 161, 0)}
.text-1{color:rgb(181, 18, 59)}
.text-2{color:rgb(181, 18, 59)}
.review-score-3 .comment-item-score{background-color:rgb(244, 161, 0)}
.review-score-3.comment-item-user .rate{color:rgb(244, 161, 0)}
.review-score-2 .comment-item-score{background-color:rgb(181, 18, 59)}
.review-score-2 .comment-item-user .rate{color:rgb(181, 18, 59)}
.Terrible .comment-item-score{background-color:rgb(181, 18, 59)}
.Terrible .comment-item-user .rate{color:rgb(181, 18, 59)}

/* ===== style.css cu ep img[width]{width:auto!important} -> giu dung kich thuoc logo v2 ===== */
.hv-hd .brand img{width:80px!important;height:80px!important}
.drawer .d-h img{width:56px!important;height:56px!important}
@container pg (max-width: 991px){.hv-hd .brand img{width:70px!important;height:70px!important}}
@container pg (max-width: 767px){.hv-hd .brand img{width:76px!important;height:76px!important}}
@container pg (max-width: 380px){.hv-hd .brand img{width:64px!important;height:64px!important}}

/* ===== Mau dat thang (inline) trong template phong ===== */
.check_rate__form__date_text{color:rgb(181, 18, 59)!important}
.tour-detail-info .f14[style*="color"]{color:rgb(181, 18, 59)!important}
.tour-detail-info a[style*="color"],.ico-right,.ico-right::before{color:rgb(46, 107, 219)!important;border-color:rgb(46, 107, 219)}
[class*="ico-star-"]::before{color:rgb(244, 161, 0);border-color:rgb(244, 161, 0)}
.btn-book{border-color:rgb(181, 18, 59)!important}

/* ===== Thanh tab Gioi thieu / Hang phong / Tong quan chung / Hoi dap / Danh gia ===== */
#tab-details{margin-bottom:24px}
#tab-details .nav-tab-detail{max-width:none;background:none}
#tab-details .ul-tab{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;gap:6px;float:none;margin:0!important;padding:6px;list-style:none;background:#EDF3FF;border:1px solid #DCE7FB;border-radius:14px}
#tab-details .ul-tab::before,#tab-details .ul-tab::after{display:none}
#tab-details .ul-tab>li{float:none;flex:0 0 auto;margin:0!important;padding:0;position:relative;font-size:16px}
#tab-details .ul-tab>li::after{display:none}
#tab-details .ul-tab>li>a{display:flex;align-items:center;justify-content:center;height:auto;min-height:44px;padding:10px 22px;font-family:var(--font);font-weight:700;font-size:16px;line-height:1.25;color:#153F96;background:transparent;border:0;border-radius:10px;white-space:nowrap;text-align:center;transition:background .2s,color .2s,box-shadow .2s}
#tab-details .ul-tab>li>a::before{display:none}
#tab-details .ul-tab>li>a:hover,#tab-details .ul-tab>li>a:focus{color:#1F5CC8!important;background:#DCE7FB}
#tab-details .ul-tab>li.active>a,#tab-details .ul-tab>li.active>a:hover,#tab-details .ul-tab>li.active>a:focus{color:#fff!important;background:#1F5CC8;box-shadow:0 6px 14px -6px rgba(31,92,200,.7)}
/* Dinh tren cung khi cuon (JS them .affix-top); .skip-menu ngay sau giu cho trong de trang khong bi giat */
#tab-details.affix-top{margin:0;padding:8px 0;background:#fff;box-shadow:0 4px 14px -4px rgba(11,34,89,.25);border-bottom:1px solid #E0E7F4}
#tab-details.affix-top .nav-details{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1170px}
#tab-details.affix-top .ul-tab{float:none;flex:0 1 auto;min-width:0}
#tab-details.affix-top .price-block{float:none;flex:0 0 auto;padding:0;white-space:nowrap}
#tab-details.affix-top + .skip-menu{height:var(--tabbar-h,58px)}
@media (max-width:767px){
  #tab-details{display:block!important;margin-bottom:20px}
  #tab-details .ul-tab{display:flex;gap:3px;padding:4px;border-radius:12px}
  #tab-details .ul-tab>li{flex:1 1 auto;min-width:0}
  #tab-details .ul-tab>li>a{min-height:44px;height:100%;padding:6px 7px;font-size:13px;font-weight:700;line-height:1.2;white-space:normal;text-wrap:balance;border-radius:9px}
  #tab-details.affix-top{padding:6px 0}
  #tab-details.affix-top .nav-details{padding-left:10px;padding-right:10px}
  #tab-details.affix-top .ul-tab{flex:1 1 auto}
  #tab-details.affix-top .price-block{display:none!important}
  #tab-details.affix-top + .skip-menu{height:var(--tabbar-h-m,58px)}
}

/* ===== Footer: lay tu trang chu (v2/hotelvietnam.css), gioi han trong .ft ===== */
.hv-ft{container:pg / inline-size}
.hv-ft .ft{font-family:var(--font);font-size:16px;line-height:1.5}
.ft h2,.ft p{margin:0}
.ft h2.fh{font-family:inherit;line-height:1.3}
.ft b,.ft strong{font-family:inherit}
.ft a:hover,.ft a:focus{text-decoration:none}
.ft .brand{text-decoration:none}
.ft .wc{width: min(var(--cw),100%); margin-inline: auto; padding-inline: 15px;}
.ft .brand{display: flex; align-items: center; gap: 13px; color: rgb(255, 255, 255); min-width: 0px; flex: 0 0 auto;}
.ft .brand img{width: 80px; height: 80px; flex: 0 0 auto;}
.ft .brand span{display: block; min-width: 0px;}
.ft .brand b{display: block; font-size: 25px; line-height: 1.08; font-weight: 800; letter-spacing: -0.4px; white-space: nowrap;}
.ft .brand i{display: block; font-style: normal; font-size: 13px; line-height: 1.2; color: rgb(191, 208, 243); margin-top: 4px; white-space: nowrap;}
.ft .brand i em{font-style: normal; font-weight: 700; color: rgb(255, 255, 255);}
@container pg (max-width: 1199px) {
.ft .wc{width: min(970px, 100%);}
.ft .brand b{font-size: 23px;}
}
@container pg (max-width: 991px) {
.ft .wc{width: min(750px, 100%);}
.ft .brand img{width: 70px; height: 70px;}
.ft .brand b{font-size: 22px;}
.ft .brand i{font-size: 12px; margin-top: 3px;}
}
@container pg (max-width: 767px) {
.ft .wc{width: 100%;}
.ft .brand img{width: 76px; height: 76px;}
.ft .brand b{font-size: 20px;}
.ft .brand i{font-size: 12.5px; margin-top: 3px;}
}
@container pg (max-width: 380px) {
.ft .brand b{font-size: 18.5px;}
.ft .brand i{font-size: 11px;}
.ft .brand img{width: 64px; height: 64px;}
}
.ft :focus-visible{outline-color: rgb(255, 255, 255);}
.ft{background: var(--navy-dd); color: rgb(192, 204, 230);}
.ft-top{padding: 24px 0px;}
.ft .brand img{width: 80px; height: 80px;}
.ft-mid{display: grid; grid-template-columns: 7fr 5fr; gap: 30px; padding: 30px 0px; border-top: 1px solid rgba(255, 255, 255, 0.12); border-bottom: 1px solid rgba(255, 255, 255, 0.12);}
.ft .fh{font-size: 15px; letter-spacing: 1.6px; color: rgb(143, 163, 204); font-weight: 700; text-transform: uppercase; margin-bottom: 14px;}
.ft-co{font-size: 18px; line-height: 1.5; color: rgb(211, 220, 240);}
.ft-co .nm{font-size: 20px; font-weight: 700; color: rgb(255, 255, 255);}
.ft-co em{font-style: italic; color: rgb(211, 220, 240);}
.ft-co strong{color: rgb(255, 255, 255); font-weight: 600;}
.ft-l{display: grid; gap: 8px; margin-top: 6px; font-size: 15px; line-height: 1.65; color: rgb(211, 220, 240);}
.ft-l a,.ft .nb{white-space: nowrap;}
.ft-l a{display: inline-block; padding: 2px 0px;}
.ft a:not(.brand):not(.ft-fb){color: rgb(169, 192, 245); border-bottom: 1px solid rgba(169, 192, 245, 0.4);}
.ft a:not(.brand):not(.ft-fb):hover{color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255);}
.ft-fb{display: flex; align-items: center; gap: 14px; width: min(420px, 100%); padding: 14px; border-radius: 14px; background: rgb(255, 255, 255); color: rgb(28, 43, 62);}
.ft-fb img{width: 60px; height: 60px; flex: 0 0 auto;}
.ft-fb b{display: block; font-size: 16.5px; color: rgb(20, 102, 216); font-weight: 700; line-height: 1.25;}
.ft-fb small{display: block; color: rgb(90, 102, 130); font-size: 13px; margin-top: 2px;}
.ft-fb .btns{display: flex; gap: 8px; margin-top: 8px;}
.ft-fb .btns span{display: inline-flex; align-items: center; gap: 6px; padding: 5px 11px; border-radius: 7px; background: rgb(238, 241, 246); border: 1px solid rgb(217, 224, 234); font-size: 12.5px; font-weight: 600; color: rgb(59, 74, 94);}
.ft-fb .btns span:first-child{background: rgb(231, 240, 255); color: rgb(18, 98, 204); border-color: rgb(200, 220, 255);}
@container pg (max-width: 991px) {
.ft-mid{grid-template-columns: 1fr;}
}
@container pg (max-width: 767px) {
.ft .brand img{width: 72px; height: 72px;}
.ft-top{padding: 20px 0px;}
.ft-mid{padding: 24px 0px;}
.ft{padding-bottom: calc(52px + env(safe-area-inset-bottom,0px));}
}
.ft-fbp{width: min(420px, 100%); min-height: 130px; border-radius: 8px; overflow: hidden; background: rgb(255, 255, 255);}
.ft-fbp .fb-page,.ft-fbp .fb-page > span,.ft-fbp iframe{display: block; max-width: 100%;}
.ft-fbp blockquote{margin: 0px; padding: 14px;}
.ft .ft-fbp a{color: rgb(20, 102, 216); border: 0px;}
@container pg (max-width: 767px) {
.ft-co{font-size: 15px;}
.ft-co .nm{font-size: 17px;}
.ft-l{font-size: 14px;}
}
.ft-top{padding: 20px 0px;}
.ft .brand img{width: 64px; height: 64px;}
.ft .brand b{font-size: 21px;}
.ft-mid{gap: 24px 40px; padding: 22px 0px;}
.ft .fh{font-size: 12.5px; letter-spacing: 1.4px; margin-bottom: 10px;}
.ft-co{font-size: 14px; line-height: 1.5;}
.ft-co .nm{font-size: 15.5px;}
.ft-co p strong{font-size: 14px; letter-spacing: 0.01em;}
.ft-l{gap: 4px; margin-top: 6px; font-size: 13.5px; line-height: 1.55;}
.ft-l a{padding: 0px;}
@container pg (max-width: 767px) {
.ft-top{padding: 16px 0px;}
.ft .brand img{width: 56px; height: 56px;}
.ft .brand b{font-size: 19px;}
.ft-mid{padding: 18px 0px; gap: 18px;}
.ft-co{font-size: 13px;}
.ft-co .nm{font-size: 14px;}
.ft-co p strong{font-size: 12px; letter-spacing: 0px;}
.ft-l{font-size: 12.5px; line-height: 1.5;}
.ft-l a,.ft .nb{white-space: normal;}
}
@container pg (max-width: 380px) {
.ft-co p strong{font-size: 11.5px;}
}
@container pg (max-width: 767px) {
.ft-co .nm{font-size: 13px;}
.ft .nb{white-space: nowrap;}
}
.ft{background: linear-gradient(rgb(42, 96, 204) 0%, rgb(34, 83, 186) 100%) !important; color: rgb(227, 235, 250) !important;}
.ft a,.ft p,.ft li,.ft dd,.ft span{color: rgb(227, 235, 250);}
.ft .fh,.ft .copy{color: rgb(210, 222, 247) !important;}
.ft a,.ft .copy b{color: rgb(255, 231, 163) !important;}
.ft .copy{padding: 18px 0px 20px; font-size: 14px; color: rgb(143, 163, 204);}
.ft .copy a{color: rgb(192, 204, 230); font-weight: 700;}
@container pg (max-width: 767px) {.ft .copy{padding-bottom: 24px;}}
.ft .copy{padding: 14px 0px 16px; font-size: 13px;}
@container pg (max-width: 767px) {.ft .copy{font-size: 12.5px;}}

.ft .brand img{width:80px!important;height:80px!important}
@container pg (max-width: 767px){.ft .brand img{width:72px!important;height:72px!important}}

/* ===== The gia duoi ten khach san: nhan + gia cu + % giam | gia moi ===== */
.row:has(> .hv-price-col){align-items:center}
.hv-price-col{display:flex;justify-content:flex-end}
@media (min-width:992px){.row:has(> .hv-price-col){display:flex;align-items:center;gap:24px}.row:has(> .hv-price-col)::before,.row:has(> .hv-price-col)::after{display:none}.row:has(> .hv-price-col) > .col-md-8{flex:1 1 0;width:auto;max-width:none;min-width:0}.row > .hv-price-col{flex:0 0 auto;width:auto;max-width:none}}
.hv-price{display:inline-flex;align-items:center;gap:18px;padding:12px 22px 12px 18px;font-family:var(--font);background:linear-gradient(135deg,#FFF6F8 0%,#FCE7ED 100%);border:1px solid #F4C7D4;border-left:4px solid #B5123B;border-radius:14px;box-shadow:0 8px 20px -14px rgba(181,18,59,.6)}
.hv-price__meta{display:flex;flex-direction:column;align-items:flex-start;gap:5px;line-height:1.15}
.hv-price__lb{font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#5A6682;white-space:nowrap}
.hv-price__was{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.hv-price__old{font-size:14px;color:#8A94AD;text-decoration:line-through;text-decoration-thickness:1.5px}
.hv-price__off{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:999px;background:#B5123B;color:#fff;font-size:12px;font-weight:800;letter-spacing:.2px}
.hv-price__now{display:flex;align-items:baseline;gap:3px;padding-left:18px;border-left:1px dashed #E9A9BB;line-height:1;white-space:nowrap}
.hv-price__now b{font-family:inherit;font-weight:800;font-size:32px;letter-spacing:-.6px;color:#B5123B}
.hv-price__now small{font-size:14px;font-weight:600;color:#5A6682}
@media (max-width:991px){
  .hv-price-col{margin-top:14px}
  .hv-price{display:flex;width:100%;justify-content:space-between}
}
@media (max-width:420px){
  .hv-price{gap:12px;padding:12px 16px 12px 14px}
  .hv-price__now{flex-direction:column;align-items:flex-end;gap:3px;padding-left:12px}
  .hv-price__now b{font-size:28px}
  .hv-price__now small{font-size:12.5px;line-height:1}
  .hv-price__lb{font-size:11px}
  .hv-price__old{font-size:13px}
}

/* ===== Gia tren thanh tab khi dinh tren cung ===== */
#tab-details.affix-top .price-block{padding:0!important}
.hv-sprice{display:flex;align-items:center;gap:8px;font-family:var(--font);white-space:nowrap;line-height:1.1}
.hv-sprice__lb{font-size:13px;font-weight:600;color:#5A6682}
.hv-sprice__old{font-size:14px;color:#8A94AD;text-decoration:line-through}
.hv-sprice__now{font-size:24px;font-weight:800;color:#B5123B;letter-spacing:-.3px}
.hv-sprice__u{font-size:13px;font-weight:600;color:#5A6682;margin-left:-4px}
@media (max-width:1199px){.hv-sprice__lb,.hv-sprice__old{display:none}}
@media (min-width:992px){#tab-details.affix-top .ul-tab>li>a{padding:10px 16px}}
@media (max-width:991px){#tab-details.affix-top .price-block{display:none!important}}

/* ===== Danh gia cua khach hang: o tong quan + nut Gui danh gia ===== */
#reviews .review-overview{padding:14px 16px;border-radius:12px}
#reviews .review-overview > .d-flex{gap:12px 16px}
#reviews .review-overview > .d-flex > .flex-grow-1{min-width:0;line-height:1.5}
#reviews .review-overview .button_contact_price{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 18px!important;border-radius:10px;font-weight:700;font-size:15px;white-space:nowrap}
@media (max-width:575px){
  #reviews .review-overview > .d-flex{flex-wrap:wrap}
  #reviews .review-overview > .d-flex > div{flex:1 1 100%}
  #reviews .review-overview .button_contact_price{width:100%;height:44px}
}