/* Merged from the pages of the drawing (assets/css) by dev/test-tools/site-chuyen-css-ban-ve.py --trang: do not edit, run the tool again. */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font-family:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0;margin:0}
input{font-family:inherit}
svg{flex:none}
.ht{--px:40px;--secy:72px;--headmb:32px;--h1:38px;--h1lh:46px;--h2:24px;--h2lh:30px;--body:16px;--bodylh:26px;--name:17px;--namelh:24px;--price:20px;--sm:13px;--smlh:19px;--xs:12px;--gap:24px;--r:20px;--hdrh:72px;--herotop:48px;--fieldh:68px;
 font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:var(--ink,#17211F);background:var(--bg,#FBF8F3);display:flex;flex-direction:column;min-width:0;flex:none;margin:0 auto;font-size:var(--body);line-height:var(--bodylh)}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht{--px:32px;--secy:64px;--h1:34px;--h1lh:42px;--price:20px}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht{--px:24px;--secy:56px;--headmb:24px;--h1:30px;--h1lh:38px;--h2:22px;--h2lh:28px;--herotop:32px}
}
@media (max-width: 699.98px){
.ht.ht{--px:16px;--secy:40px;--headmb:20px;--h1:22px;--h1lh:30px;--h2:19px;--h2lh:25px;--body:14px;--bodylh:22px;--name:16px;--namelh:22px;--price:18px;--sm:12px;--smlh:18px;--xs:12px;--gap:16px;--r:16px;--hdrh:56px;--herotop:20px}
}
.disp{font-family:'Fraunces',Georgia,serif;font-weight:500;letter-spacing:-0.01em}
.wrap{width:100%;padding-left:max(var(--px),calc((100% - 1280px)/2));padding-right:max(var(--px),calc((100% - 1280px)/2))}
.ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ic16{width:16px;height:16px}
.ic18{width:18px;height:18px}
.ic24{width:24px;height:24px}
.ribbon{background:var(--foot,#0F1A18);color:var(--deepink,#F4F1EA);font-size:var(--sm);line-height:var(--smlh)}
.ribbon-in{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;padding-top:4px;padding-bottom:4px}
.ribbon-text{font-weight:600;min-width:0}
.ribbon-act{display:flex;align-items:center;gap:8px;flex:none}
.rb{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;border-radius:999px;font-size:var(--sm);font-weight:700;white-space:nowrap}
.rb-cta{background:var(--deepink,#F4F1EA);color:var(--foot,#0F1A18)}
.rb-color{border:1px solid rgba(255,255,255,0.32);color:var(--deepink,#F4F1EA)}
.rb-color:hover,.rb-cta:hover{opacity:.9}
.rb-dot{width:12px;height:12px;border-radius:999px;background:var(--acc,#0B7A75);box-shadow:0 0 0 2px var(--foot,#0F1A18),0 0 0 3px var(--deepink,#F4F1EA)}
.hdr{position:sticky;top:0;z-index:30;background:var(--hdrbg,rgba(251,248,243,0.9));backdrop-filter:blur(14px);border-bottom:1px solid var(--line,#E7E0D4)}
.hdr-in{height:var(--hdrh);display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{display:flex;align-items:center;gap:10px;flex:none}
.logo-mark{width:36px;height:36px;border-radius:12px;background:var(--acc,#0B7A75);color:var(--on,#FFFFFF);display:flex;align-items:center;justify-content:center}
.logo-word{display:flex;align-items:baseline;gap:6px}
.logo-name{font-size:24px;line-height:28px;color:var(--ink,#17211F)}
.logo-sub{font-size:11px;line-height:14px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--mut,#5B6865)}
.nav{display:flex;align-items:center;gap:4px;min-width:0}
.nav-i{display:flex;align-items:center;height:40px;padding:0 12px;border-radius:999px;font-size:15px;font-weight:600;color:var(--ink2,#3C4947);white-space:nowrap}
.nav-i:hover{background:var(--sunk,#F3EEE5);color:var(--ink,#17211F)}
.nav-i.on{color:var(--tintink,#0B7470);background:var(--tint,#E7F2F1)}
.hdr-act{display:flex;align-items:center;gap:12px;flex:none}
.lang{display:flex;padding:3px;border-radius:999px;background:var(--sunk,#F3EEE5);border:1px solid var(--line,#E7E0D4)}
.lang-o{height:30px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:700;color:var(--mut,#5B6865)}
.lang-o.on{background:var(--surf,#FFFFFF);color:var(--ink,#17211F);box-shadow:0 1px 3px rgba(20,33,31,.16)}
.hot{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--ink,#17211F);white-space:nowrap}
.hot .ic{color:var(--accink,#0B7470)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border-radius:999px;font-size:15px;font-weight:700;white-space:nowrap}
.btn-solid{background:var(--acc,#0B7A75);color:var(--on,#FFFFFF)}
.btn-solid:hover{filter:brightness(1.06)}
.btn-line{border:1px solid var(--line2,#D8CFBF);color:var(--ink,#17211F);background:var(--surf,#FFFFFF)}
.btn-line:hover{background:var(--sunk,#F3EEE5)}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .hot-t{display:none}
.ht.ht .nav-i{padding:0 6px;font-size:14px}
.ht.ht .hdr-in{gap:12px}
.ht.ht .nav{gap:0}
.ht.ht .hot,.ht.ht .logo-sub{display:none}
.ht.ht .hdr-act{gap:8px}
.ht.ht .hdr-act .btn{padding:0;width:44px}
.ht.ht [data-k=account-label]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
.nav{overflow:hidden}
.sec{padding-top:var(--secy);padding-bottom:var(--secy)}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:var(--headmb)}
.sec-titles{display:flex;flex-direction:column;gap:6px;min-width:0}
.eyebrow{font-size:var(--sm);line-height:var(--smlh);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accink,#0B7470)}
.h2{margin:0;font-size:var(--h2);line-height:var(--h2lh)}
.sec-lead{margin:0;font-size:var(--body);line-height:var(--bodylh);color:var(--ink2,#3C4947)}
.more{display:inline-flex;align-items:center;gap:6px;font-size:var(--body);font-weight:700;color:var(--accink,#0B7470);white-space:nowrap;min-height:44px}
.more:hover{text-decoration:underline}
@media (max-width: 699.98px){
.ht.ht .more-t{display:none}
}
.ph{position:relative;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--phink,#6E7B77)}
.ph .ic{width:28px;height:28px;opacity:.7}
.sfield-tx{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.sfield-l{font-size:var(--xs);line-height:16px;font-weight:600;color:var(--mut,#5B6865)}
.sfield-v{font-size:15px;line-height:20px;font-weight:600;color:var(--ink,#17211F);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sfield-v.ph0{color:var(--mut,#5B6865);font-weight:500}
.sfield-chev{color:var(--mut,#5B6865)}
.board-head{padding-top:var(--secy);display:flex;flex-direction:column;gap:8px}
.board-cap{display:flex;align-items:center;gap:10px;font-size:var(--sm);font-weight:700;color:var(--mut,#5B6865);text-transform:uppercase;letter-spacing:.06em}
.board-cap b{color:var(--accink,#0B7470)}
.tgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}
.tc{display:flex;flex-direction:column;gap:14px;min-width:0}
.tc-img{position:relative;border-radius:var(--r);overflow:hidden}
.tc-tag{position:absolute;left:12px;top:12px;display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;background:var(--surf,#FFFFFF);color:var(--tintink,#0B7470);font-size:var(--xs);font-weight:700;box-shadow:0 2px 8px rgba(20,33,31,.18)}
.tc-body{display:flex;flex-direction:column;gap:8px;flex:1}
.tc-dest{display:flex;align-items:center;gap:6px;font-size:var(--sm);line-height:var(--smlh);font-weight:600;color:var(--mut,#5B6865)}
.tc-name{margin:0;font-size:var(--name);line-height:var(--namelh);font-weight:700;color:var(--ink,#17211F)}
.tc:hover .tc-name{color:var(--accink,#0B7470)}
.tc-meta{display:flex;flex-direction:column;gap:4px;font-size:var(--sm);line-height:var(--smlh);color:var(--ink2,#3C4947)}
.tc-meta span.r{display:flex;align-items:center;gap:6px}
.left{font-weight:700;color:var(--warn,#8A4B0B)}
.tc-price{margin-top:auto;padding-top:12px;border-top:1px dashed var(--line2,#D8CFBF);display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.pr-from{font-size:var(--sm);color:var(--mut,#5B6865);font-weight:600}
.pr{font-size:var(--price);line-height:28px;font-weight:800;color:var(--ink,#17211F);font-variant-numeric:tabular-nums}
.pr.quote{color:var(--accink,#0B7470)}
.pr-unit{font-size:var(--sm);color:var(--mut,#5B6865);font-weight:600}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .tgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 699.98px){
.ht.ht .tgrid,.ht.ht .vgrid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-left:calc(var(--px) * -1);margin-right:calc(var(--px) * -1);padding:0 var(--px);gap:12px}
.ht.ht .tgrid::-webkit-scrollbar,.ht.ht .vgrid::-webkit-scrollbar{display:none}
.ht.ht .tgrid>.tc,.ht.ht .vgrid>.vc{flex:none;width:256px;scroll-snap-align:start}
}
.hgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}
.hc{display:flex;gap:20px;padding:12px;border-radius:24px;background:var(--surf,#FFFFFF);border:1px solid var(--line,#E7E0D4);min-width:0}
.hc:hover{border-color:var(--accline,#AAD0CF)}
.hc-img{width:220px;flex:none;aspect-ratio:1/1;border-radius:16px;overflow:hidden;align-self:flex-start}
.hc-body{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1;padding:8px 8px 8px 0}
.hc-type{align-self:flex-start;display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:var(--tint,#E7F2F1);color:var(--tintink,#0B7470);font-size:var(--xs);font-weight:700}
.stars{display:flex;gap:2px;color:var(--star,#B7791F)}
.stars .ic{width:16px;height:16px;fill:currentColor;stroke:none}
.hc-name{margin:0;font-size:var(--name);line-height:var(--namelh);font-weight:700}
.hc-city{display:flex;align-items:center;gap:6px;font-size:var(--sm);color:var(--mut,#5B6865);font-weight:600}
.hc-price{margin-top:auto;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .hc-img{width:160px}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .hc{gap:16px}
.ht.ht .hc-img{width:132px}
}
@media (max-width: 699.98px){
.ht.ht .hgrid{grid-template-columns:minmax(0,1fr);gap:12px}
.ht.ht .hc{gap:12px;padding:10px}
.ht.ht .hc-img{width:112px}
.ht.ht .hc-body{padding:2px 4px 2px 0;gap:6px}
}
.vgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}
.vc{display:flex;flex-direction:column;border-radius:var(--r);background:var(--surf,#FFFFFF);border:1px solid var(--line,#E7E0D4);overflow:hidden;min-width:0}
.vc:hover{border-color:var(--accline,#AAD0CF)}
.vc-img{position:relative}
.vc-st{position:absolute;left:12px;top:12px;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:999px;font-size:var(--xs);font-weight:700}
.st-ok{background:var(--okbg,#E3F1E8);color:var(--ok,#17663F)}
.st-warn{background:var(--warnbg,#F6EAD7);color:var(--warn,#8A4B0B)}
.st-neu{background:var(--neubg,#E9E5DC);color:var(--neu,#4F5B58)}
.vc-body{display:flex;flex-direction:column;gap:10px;padding:16px;flex:1}
.vc-name{margin:0;font-size:var(--name);line-height:var(--namelh);font-weight:700}
.vc-spec{display:flex;flex-wrap:wrap;gap:6px}
.spec{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:999px;background:var(--sunk,#F3EEE5);font-size:var(--xs);font-weight:600;color:var(--ink2,#3C4947)}
.spec .ic{width:14px;height:14px}
.vc-where{display:flex;align-items:center;gap:6px;font-size:var(--sm);color:var(--mut,#5B6865);font-weight:600}
.vc-price{margin-top:auto;padding-top:10px;border-top:1px dashed var(--line2,#D8CFBF);display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .vgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.xc{display:flex;flex-direction:column;gap:16px;padding:24px;border-radius:var(--r);background:var(--surf,#FFFFFF);border:1px solid var(--line,#E7E0D4)}
.xc-q{margin:0;font-size:var(--body);line-height:var(--bodylh);color:var(--ink,#17211F)}
.xc-who{display:flex;align-items:center;gap:12px}
.xc-av{width:44px;height:44px;border-radius:999px;background:var(--tint,#E7F2F1);color:var(--tintink,#0B7470);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800}
.xc-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.xc-n{font-size:15px;line-height:20px;font-weight:700}
.xc-s{font-size:var(--xs);line-height:16px;color:var(--mut,#5B6865);font-weight:500}
@media (max-width: 699.98px){
.ht.ht .xc{padding:18px;gap:12px}
}
.ggrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.gc{display:flex;flex-direction:column;gap:14px;min-width:0}
.gc-cat{font-size:var(--xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accink,#0B7470)}
.gc-t{margin:0;font-size:var(--name);line-height:var(--namelh);font-weight:700}
.gc:hover .gc-t{color:var(--accink,#0B7470)}
.gc-s{margin:0;font-size:var(--sm);line-height:var(--smlh);color:var(--ink2,#3C4947)}
.gc-d{font-size:var(--xs);color:var(--mut,#5B6865);font-weight:600}
.gc-body{display:flex;flex-direction:column;gap:6px}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .ggrid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width: 699.98px){
.ht.ht .ggrid{grid-template-columns:minmax(0,1fr);gap:16px}
.ht.ht .gc{flex-direction:row;gap:14px}
.ht.ht .gc .ph{width:112px;flex:none;aspect-ratio:1/1 !important;align-self:flex-start;border-radius:16px}
.ht.ht .gc-s{display:none}
}
.flist{display:flex;flex-direction:column;border-top:1px solid var(--line2,#D8CFBF)}
.fi{border-bottom:1px solid var(--line2,#D8CFBF)}
.fq{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:12px 0;text-align:left}
.fq-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.fq-q{font-size:17px;line-height:24px;font-weight:700;color:var(--ink,#17211F)}
.fq-ic{width:36px;height:36px;border-radius:999px;border:1px solid var(--line2,#D8CFBF);display:flex;align-items:center;justify-content:center;color:var(--ink,#17211F)}
.fi.open .fq-ic{background:var(--acc,#0B7A75);border-color:var(--acc,#0B7A75);color:var(--on,#FFFFFF)}
.fa{margin:0;padding:0 56px 20px 0;font-size:var(--body);line-height:var(--bodylh);color:var(--ink2,#3C4947)}
@media (max-width: 699.98px){
.ht.ht .fq{min-height:56px}
.ht.ht .fq-q{font-size:16px;line-height:22px}
.ht.ht .fa{padding-right:0}
}
.foot{background:var(--foot,#0F1A18);color:var(--deepink,#F4F1EA);padding-top:56px;padding-bottom:24px}
.fg{display:grid;grid-template-columns:minmax(0,4fr) repeat(3,minmax(0,2fr));column-gap:40px;row-gap:32px}
.foot-co{display:flex;flex-direction:column;gap:14px;min-width:0}
.foot-co .logo-name{color:var(--deepink,#F4F1EA)}
.foot-co .logo-sub{color:var(--deepmut,#B4C0BB)}
.foot-co .logo-mark{background:var(--accdeep,#3B9490);color:var(--foot,#0F1A18)}
.foot-p{margin:0;font-size:var(--sm);line-height:20px;color:var(--deepmut,#B4C0BB)}
.foot-ct{display:flex;flex-direction:column;gap:8px;font-size:var(--sm);color:var(--deepink,#F4F1EA)}
.foot-ct span{display:flex;align-items:center;gap:8px}
.foot-col{display:flex;flex-direction:column;gap:6px}
.foot-h{margin:0 0 6px;font-size:var(--sm);line-height:var(--smlh);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--deepink,#F4F1EA)}
.foot-a{display:flex;align-items:center;min-height:32px;font-size:var(--sm);color:var(--deepmut,#B4C0BB)}
.foot-a:hover{color:var(--deepink,#F4F1EA)}
.foot-bt{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14);font-size:var(--xs);color:var(--deepmut,#B4C0BB)}
.foot-legal{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.foot-legal a{display:inline-flex;align-items:center;min-height:32px}
.foot .lang{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16)}
.foot .lang-o{color:var(--deepmut,#B4C0BB)}
.foot .lang-o.on{background:var(--deepink,#F4F1EA);color:var(--foot,#0F1A18)}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .fg{column-gap:24px}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .fg{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 699.98px){
.ht.ht .fg{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .foot-co{grid-column:1/-1}
}
@media (max-width: 699.98px){
.ht.ht .foot-co{grid-column:1/-1}
.ht.ht .foot{padding-top:40px}
}
.ov-box{position:absolute;left:0;top:0;width:100%;pointer-events:none}
.ov-box > *{pointer-events:auto}
.tabbar{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:stretch;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:var(--navbg,rgba(255,255,255,0.94));backdrop-filter:blur(14px);border-top:1px solid var(--line2,#D8CFBF)}
.tbi{flex:1 1 0;min-width:0;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:14px;color:var(--mut,#5B6865);font-size:11px;line-height:14px;font-weight:600}
.tbi-ic{width:44px;height:28px;border-radius:999px;display:flex;align-items:center;justify-content:center}
.tbi-l{width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tbi.on{color:var(--accink,#0B7470);font-weight:800}
.tbi.on .tbi-ic{background:var(--tint,#E7F2F1)}
.fab-wrap{position:absolute;right:20px;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.fab{width:56px;height:56px;border-radius:999px;background:var(--ink,#17211F);color:var(--bg,#FBF8F3);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 28px -8px rgba(20,33,31,.5)}
.scrim{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(8,14,13,.52)}
.pal-grab{width:40px;height:4px;border-radius:999px;background:var(--line2,#D8CFBF);align-self:center}
.pal-t{margin:0;font-size:18px;line-height:24px;font-weight:700}
.pal-x{width:44px;height:44px;border-radius:999px;display:flex;align-items:center;justify-content:center;color:var(--ink2,#3C4947)}
.pal-x:hover{background:var(--sunk,#F3EEE5)}
/* ---- khung chung do assets/js/theme.js chèn vào: đổi theo @media, không đọc bề rộng bằng JS ---- */
[hidden]{display:none !important}
html{background:#FBF8F3}
@media (prefers-color-scheme: dark){html{background:#0D1412}}
.ht{min-height:100vh}
.rt-s{display:none}
.hero-lead .lead-s{display:none}
@media (max-width: 499.98px){
.rt-l{display:none}
.rt-s{display:inline}
}
@media (max-width: 699.98px){
.hero-lead .lead-l{display:none}
.hero-lead .lead-s{display:inline}
}
.ht{padding-bottom:0}
.fab-wrap{bottom:24px}
@media (min-width: 860px){
.tabbar{display:none}
}
@media (max-width: 859.98px){
.nav,.hdr-act{display:none}
.ht{padding-bottom:calc(78px + env(safe-area-inset-bottom))}
.fab-wrap{bottom:calc(85px + env(safe-area-inset-bottom))}
}
/* thanh dính đáy (data-bar, dùng chung tour và đặt tour): dưới 700 nằm trong lớp phủ trên thanh tab, trang đệm và nút nổi đi lên; từ 700 trở lên không hiện */
@media (max-width: 699.98px){
.ht.ht[data-bar=price]{padding-bottom:calc(142px + env(safe-area-inset-bottom))}
.ht.ht[data-bar=price] .fab-wrap{bottom:calc(149px + env(safe-area-inset-bottom))}
}
@media (min-width: 700px){
.ht.ht[data-bar] [data-overlay=before-fab]{display:none}
}
/* chỗ ảnh: màu đọc từ biến theme.js đặt trên .ht (nền tối đổi theo), giá trị đỡ là bản sáng */
.ph-sand{background:linear-gradient(to bottom,var(--ph-sand-a,#E3DBCB) 0%,var(--ph-sand-a,#E3DBCB) 62%,var(--ph-sand-b,#CFC5B2) 62%,var(--ph-sand-b,#CFC5B2) 100%)}
.ph-sage{background:linear-gradient(to bottom,var(--ph-sage-a,#D5DDD3) 0%,var(--ph-sage-a,#D5DDD3) 62%,var(--ph-sage-b,#BDC9BD) 62%,var(--ph-sage-b,#BDC9BD) 100%)}
.ph-slate{background:linear-gradient(to bottom,var(--ph-slate-a,#D3D9DD) 0%,var(--ph-slate-a,#D3D9DD) 62%,var(--ph-slate-b,#B9C2C8) 62%,var(--ph-slate-b,#B9C2C8) 100%)}
.ph-clay{background:linear-gradient(to bottom,var(--ph-clay-a,#E6D5CA) 0%,var(--ph-clay-a,#E6D5CA) 62%,var(--ph-clay-b,#D2BCAD) 62%,var(--ph-clay-b,#D2BCAD) 100%)}
.ph-stone{background:linear-gradient(to bottom,var(--ph-stone-a,#DDDAD4) 0%,var(--ph-stone-a,#DDDAD4) 62%,var(--ph-stone-b,#C6C2BA) 62%,var(--ph-stone-b,#C6C2BA) 100%)}
.ph-mist{background:linear-gradient(to bottom,var(--ph-mist-a,#D9E1E0) 0%,var(--ph-mist-a,#D9E1E0) 62%,var(--ph-mist-b,#C0CDCB) 62%,var(--ph-mist-b,#C0CDCB) 100%)}
/* hộp đổi màu: có trên mọi trang. >= 700 là hộp nổi, < 700 là tờ kéo từ đáy */
.pal{position:absolute;display:flex;flex-direction:column;background:var(--surf,#FFFFFF);border:1px solid var(--line2,#D8CFBF);box-shadow:0 32px 64px -24px rgba(8,14,13,.5);color:var(--ink,#17211F)}
@media (min-width: 700px){
.pal{top:44px;right:max(var(--px),calc((100% - 1280px)/2));width:372px;border-radius:24px;padding:20px;gap:16px}
.pal-grab{display:none}
[data-k=palette-scrim].scrim{background:transparent}
}
@media (max-width: 699.98px){
.pal{left:0;right:0;bottom:0;border-radius:28px 28px 0 0;padding:12px 16px calc(20px + env(safe-area-inset-bottom));gap:14px}
}
.pal-hd{display:flex;align-items:center;justify-content:space-between;gap:12px}
.pal-base{display:flex;align-items:center;gap:14px;padding:12px;border-radius:16px;border:1px solid var(--line2,#D8CFBF);background:var(--bg,#FBF8F3);width:100%;text-align:left;min-height:64px}
.pal-base.on{border-color:var(--accink,#0B7470);background:var(--tint,#E7F2F1)}
.pal-base-tx{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.pal-base-t{font-size:15px;line-height:20px;font-weight:700}
.pal-base-s{font-size:var(--xs);line-height:16px;color:var(--mut,#5B6865);font-weight:600;font-variant-numeric:tabular-nums}
.pal-grp{display:flex;flex-direction:column;gap:10px}
.pal-gl{font-size:var(--xs);line-height:16px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mut,#5B6865)}
.pal-row{display:flex;flex-wrap:wrap;gap:8px}
.sw{width:44px;height:44px;border-radius:999px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px rgba(8,14,13,.14)}
.pal .sw{width:40px;height:40px}
@media (max-width: 699.98px){
.pal .sw{width:42px;height:42px}
}
.sw.on{box-shadow:0 0 0 2px var(--surf,#FFFFFF),0 0 0 4px var(--ink,#17211F)}
.pal-custom{display:flex;align-items:center;gap:10px}
.pal-in{flex:1;min-width:0;height:48px;padding:0 14px;border-radius:14px;border:1px solid var(--line2,#D8CFBF);background:var(--bg,#FBF8F3);color:var(--ink,#17211F);font-size:16px;font-weight:600;font-variant-numeric:tabular-nums;outline:none}
.pal-in:focus{border-color:var(--accink,#0B7470)}
.pal-in.bad{border-color:var(--warn,#8A4B0B)}
.pal-note{margin:0;display:flex;align-items:center;gap:8px;font-size:var(--sm);line-height:var(--smlh);color:var(--mut,#5B6865)}
.fab-item{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 16px 0 14px;border-radius:999px;background:var(--surf,#FFFFFF);border:1px solid var(--line2,#D8CFBF);box-shadow:0 8px 24px -8px rgba(20,33,31,.35);font-size:14px;font-weight:700;color:var(--ink,#17211F);white-space:nowrap}
.fab-item .ic{color:var(--accink,#0B7470)}
.tc-ph{aspect-ratio:4/5}
.vc-ph{aspect-ratio:16/11}
.gc-ph{aspect-ratio:3/2;border-radius:var(--r)}
.hc-ph{aspect-ratio:1/1}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .tc-ph{aspect-ratio:1/1}
}
@media (max-width: 699.98px){
.ht.ht .tc-ph{aspect-ratio:1/1}
.ht.ht .tgrid,.ht.ht .vgrid{scroll-padding-left:var(--px);scroll-padding-right:var(--px)}
.ht.ht .ribbon-in{flex-wrap:wrap;row-gap:4px}
.ht.ht .ribbon-text{flex:1 1 auto;white-space:nowrap}
.ht.ht .rb{padding:0 10px;gap:6px}
.ht.ht .rb-dot{display:none}
.ht.ht .ribbon-text{font-size:12px}
.ht.ht .ribbon-in{gap:8px;flex-wrap:nowrap}
.ht.ht .ribbon-text{font-size:11px;flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis}
.ht.ht .ribbon-act{gap:6px}
.ht.ht .rb{padding:0 8px;gap:6px;font-size:12px}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .vc-ph{aspect-ratio:16/9}
}
@media (max-width: 379.98px){
.ht.ht .ribbon-in{flex-wrap:wrap;row-gap:4px;padding-top:6px;padding-bottom:6px}
.ht.ht .ribbon-text{flex:1 0 100%;text-align:center;overflow:visible;text-overflow:clip}
.ht.ht .ribbon-act{flex:1 0 100%}
.ht.ht .rb{flex:1 1 0;justify-content:center}
}
/* Nút giao diện của dải (tờ 54; chữ đổi ở tờ 56). Chỉ khi dải có nút (lớp ribbon-svc, do theme.js gắn): dải ở trang cổng và ở site một mảng giữ nguyên như cũ (trừ chỗ nói sau). Từ 500 đến 799 chữ dải, «Đặt làm web …» và nhãn nút giao diện dùng chữ ngắn (rt-s); từ 800 đến 859 chỉ «Đặt làm web …» còn chữ ngắn, để «Giao diện: Khách sạn» (tên VI dài nhất) vừa cùng chữ dải dài ở 800; ở trang cổng và site một mảng (không nút) chữ dải chỉ đổi sang chữ ngắn ở 500 đến 519, nơi chữ dài bị cắt 13; dưới 500 nút «Đổi màu» chỉ còn biểu tượng (chữ vẫn có cho trình đọc màn hình), đệm, khe và biểu tượng của dải hẹp lại */
@media (min-width: 500px) and (max-width: 799.98px){
.ribbon-svc .rt-l{display:none}
.ribbon-svc .rt-s{display:inline}
}
@media (min-width: 500px) and (max-width: 519.98px){
.ribbon:not(.ribbon-svc) .ribbon-text .rt-l{display:none}
.ribbon:not(.ribbon-svc) .ribbon-text .rt-s{display:inline}
}
@media (min-width: 800px) and (max-width: 859.98px){
.ribbon-svc [data-k="ribbon-cta-label"] .rt-l{display:none}
.ribbon-svc [data-k="ribbon-cta-label"] .rt-s{display:inline}
}
@media (max-width: 499.98px){
.ht.ht .ribbon-svc .ribbon-in{column-gap:6px}
.ht.ht .ribbon-svc .ribbon-act{gap:4px}
.ht.ht .ribbon-svc .rb{padding:0 6px;gap:4px}
.ht.ht .ribbon-svc .rb .ic16{width:14px;height:14px}
.ht.ht .ribbon-svc button.rb-color{flex:none}
.ht.ht .ribbon-svc .rb-lb{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
.ht{--tabh:calc(69px + env(safe-area-inset-bottom))}
.tc-destt{min-width:0}
.crumb{display:flex;align-items:center;gap:4px;flex-wrap:wrap;padding-top:16px;font-size:var(--sm);line-height:var(--smlh);color:var(--mut,#5B6865)}
.crumb-i{display:inline-flex;align-items:center;min-height:32px;font-weight:600;color:var(--ink2,#3C4947)}
.crumb-i:hover{color:var(--accink,#0B7470)}
.crumb-i.cur{color:var(--ink,#17211F);font-weight:700}
.crumb-s{width:14px;height:14px;color:var(--mut,#5B6865)}
@media (max-width: 699.98px){
.ht.ht .crumb{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:calc(var(--px) * -1);margin-right:calc(var(--px) * -1);padding-left:var(--px);padding-right:var(--px)}
.ht.ht .crumb::-webkit-scrollbar{display:none}
.ht.ht .crumb>*{flex:none}
}
.pghead{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:8px;padding-bottom:var(--headmb)}
.th-h1{margin:0;font-size:var(--h1);line-height:var(--h1lh)}
.tcount{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:999px;background:var(--tint,#E7F2F1);color:var(--tintink,#0B7470);font-size:var(--sm);font-weight:700;white-space:nowrap}
.fx-in{display:flex;align-items:center;gap:10px;height:44px;padding:0 14px;border-radius:14px;border:1px solid var(--line2,#D8CFBF);background:var(--bg,#FBF8F3);color:var(--mut,#5B6865);min-width:0;flex:1}
.fx-in:focus-within{border-color:var(--accink,#0B7470)}
.fx-inp{flex:1;min-width:0;border:0;background:transparent;outline:none;font-family:inherit;font-size:15px;color:var(--ink,#17211F);font-weight:600;padding:0}
.fx-inp::placeholder{color:var(--mut,#5B6865);font-weight:500}
.cb-x{width:16px;flex:none;display:flex;align-items:center;justify-content:center;color:var(--mut,#5B6865)}
.cb-box{width:20px;height:20px;flex:none;border-radius:6px;border:1.5px solid var(--line2,#D8CFBF);background:var(--surf,#FFFFFF);display:flex;align-items:center;justify-content:center;color:var(--on,#FFFFFF)}
.cb-box .ic{width:14px;height:14px;stroke-width:2.6}
.cb-box.on{background:var(--acc,#0B7A75);border-color:var(--acc,#0B7A75)}
.cb-l{flex:1;min-width:0;font-size:15px;line-height:20px;font-weight:600;color:var(--ink,#17211F)}
.cb-n{font-size:var(--sm);color:var(--mut,#5B6865);font-weight:600;font-variant-numeric:tabular-nums}
.pill{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line2,#D8CFBF);background:var(--surf,#FFFFFF);font-size:var(--sm);font-weight:600;color:var(--ink,#17211F);white-space:nowrap}
.pill:hover{border-color:var(--accline,#AAD0CF)}
.pill.on{background:var(--tint,#E7F2F1);border-color:var(--accline,#AAD0CF);color:var(--tintink,#0B7470);font-weight:700}
.tgl{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .tgl{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .tgl{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.tc.sold .tc-ph{opacity:.5}
.tc.sold .tc-name{color:var(--mut,#5B6865)}
.tc-meta .out{font-weight:700;color:var(--neu,#4F5B58)}
.tc-tag.static{position:static;box-shadow:none;background:var(--tint,#E7F2F1)}
@media (max-width: 699.98px){
.ht.ht .tgl{display:flex;flex-direction:column;overflow:visible;scroll-snap-type:none;margin-left:0;margin-right:0;padding:0;gap:12px}
.ht.ht .tgl>.tc{width:auto;flex-direction:row;gap:12px;padding:10px;border:1px solid var(--line,#E7E0D4);border-radius:var(--r);background:var(--surf,#FFFFFF)}
.ht.ht .tgl .tc-img{width:112px;flex:none;align-self:flex-start;border-radius:12px}
.ht.ht .tgl .tc-ph{aspect-ratio:1/1}
.ht.ht .tgl .tc-tag{left:6px;top:6px;height:22px;padding:0 8px}
.ht.ht .tgl .tc-body{gap:4px;min-width:0}
.ht.ht .tgl .tc-dest{display:flex}
.ht.ht .tgl .tc-destt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ht.ht .tgl .tc-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ht.ht .tgl .tc-price{padding-top:6px;border-top:0}
.ht.ht .tgl .tc-meta{gap:2px}
}
.pager{display:flex;align-items:center;justify-content:center;gap:6px;padding-top:8px}
.pg-b{min-width:44px;height:44px;padding:0 8px;border-radius:999px;border:1px solid var(--line2,#D8CFBF);background:var(--surf,#FFFFFF);display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:var(--ink,#17211F)}
.pg-b:hover{border-color:var(--accline,#AAD0CF)}
.pg-b.on{background:var(--acc,#0B7A75);border-color:var(--acc,#0B7A75);color:var(--on,#FFFFFF)}
.pg-b.dis{opacity:.45}
@media (max-width: 699.98px){
.ht.ht .pg-b{min-width:44px}
}
.emp{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;padding:48px 24px;border-radius:var(--r);background:var(--surf,#FFFFFF);border:1px dashed var(--line2,#D8CFBF)}
.emp-ic{width:64px;height:64px;border-radius:999px;background:var(--tint,#E7F2F1);color:var(--tintink,#0B7470);display:flex;align-items:center;justify-content:center}
.emp-tx{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0}
.emp-t{margin:0;font-size:var(--h2);line-height:var(--h2lh)}
.emp-p{margin:0;font-size:var(--body);line-height:var(--bodylh);color:var(--ink2,#3C4947)}
.emp-act{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
@media (max-width: 699.98px){
.ht.ht .emp{padding:32px 16px}
.ht.ht .emp-act{flex-direction:column;align-self:stretch}
.ht.ht .emp-act .btn{width:100%;height:48px}
.ht.ht .pill{height:44px}
}
.th{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-top:8px;padding-bottom:24px}
.th-main{display:flex;flex-direction:column;gap:12px;min-width:0}
.th-tl{margin:0;font-size:var(--body);line-height:var(--bodylh);color:var(--ink2,#3C4947)}
.th-facts{display:flex;flex-wrap:wrap;gap:8px 20px}
.th-f{display:inline-flex;align-items:center;gap:6px;font-size:var(--sm);line-height:var(--smlh);font-weight:600;color:var(--ink2,#3C4947)}
.th-f .ic{color:var(--accink,#0B7470)}
.th-act{display:flex;gap:8px;flex:none}
.icb{width:44px;height:44px;border-radius:999px;border:1px solid var(--line2,#D8CFBF);background:var(--surf,#FFFFFF);display:flex;align-items:center;justify-content:center;color:var(--ink,#17211F)}
.icb:hover{border-color:var(--accline,#AAD0CF)}
@media (max-width: 699.98px){
.ht.ht .th{flex-direction:column;gap:12px;padding-bottom:16px}
.ht.ht .th-act{position:absolute;right:16px;top:12px}
.ht.ht .th-facts{gap:6px 16px}
}
.gal{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:12px;height:440px}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .gal{height:380px}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .gal{height:340px;gap:8px}
}
.gal-c{position:relative;overflow:hidden;border-radius:16px}
.gal-c .ph{position:absolute;inset:0;height:100%;width:100%}
.g-main{grid-row:1/3}
.gal-more{position:absolute;right:12px;bottom:12px;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:999px;background:var(--surf,#FFFFFF);color:var(--ink,#17211F);font-size:var(--sm);font-weight:700;box-shadow:0 4px 16px rgba(8,14,13,.22)}
@media (max-width: 699.98px){
.ht.ht .gal{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto auto;height:auto;gap:8px}
.ht.ht .g-main{grid-column:1/-1;grid-row:auto;aspect-ratio:4/3}
.ht.ht .g-t{aspect-ratio:1/1;border-radius:12px}
.ht.ht .gal-more{height:36px;padding:0 12px;right:8px;bottom:8px}
}
.tdm{display:grid;grid-template-columns:minmax(0,1fr) 380px;column-gap:48px;align-items:start;padding-top:40px;padding-bottom:var(--secy)}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .tdm{grid-template-columns:minmax(0,1fr) 340px;column-gap:32px}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .tdm{grid-template-columns:minmax(0,1fr) 300px;column-gap:24px;padding-top:32px}
}
@media (max-width: 699.98px){
.ht.ht .tdm{grid-template-columns:minmax(0,1fr);padding-top:24px}
}
.tdm-main{display:flex;flex-direction:column;gap:40px;min-width:0}
.tdm-side{position:sticky;top:calc(var(--hdrh) + 17px);min-width:0}
/* Tờ 56: khe giữa đáy đầu trang dính và đỉnh phần tử dính (top = hdrh + 17, đầu trang cao hdrh + 1 viền) được phủ bằng nền trang, để chữ và thẻ cuộn qua không lộ trong khe. Dùng chung cho .stb (hotel.css), .tdm-side, .tq-how (tickets.css), .pg-toc (content.css). Lớp phủ nằm dưới nội dung của phần tử (z-index:-1), cao 18 và kết thúc đúng ở mép trên khung (.stb và .pg-toc có viền 1 nên tính lùi thêm 1). Lớp phủ chỉ có khi phần tử đang sticky: mọi luật position:static của từng trang tắt nó */
.stb::before,.tdm-side::before,.tq-how::before,.pg-toc::before{content:'';position:absolute;left:0;right:0;top:-18px;height:18px;z-index:-1;background:var(--bg,#FBF8F3);pointer-events:none}
.stb::before,.pg-toc::before{left:-1px;right:-1px;top:-19px}
.tb{display:flex;flex-direction:column;gap:16px;padding-top:32px;border-top:1px solid var(--line,#E7E0D4)}
.tb:first-child{padding-top:0;border-top:0}
.tb-head{display:flex;flex-direction:column;gap:6px}
.tb-h{margin:0;font-size:var(--h2);line-height:var(--h2lh)}
.tb-lead{margin:0;font-size:var(--body);line-height:var(--bodylh);color:var(--ink2,#3C4947)}
@media (max-width: 699.98px){
.ht.ht .tdm-main{gap:32px}
.ht.ht .tb{padding-top:24px}
}
/* Khối đánh giá của khách (tour, khách sạn) và dòng sao ở đầu trang chi tiết */
.th-f .ic.star{color:var(--star,#B7791F);fill:currentColor;stroke:none}
.th-f.rate b{color:var(--ink,#17211F)}
.rv-head{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.rv-sum{display:flex;align-items:center;gap:10px}
.rv-score{font-size:28px;line-height:32px;font-weight:500;color:var(--ink,#17211F)}
.rv-n{font-size:var(--sm);color:var(--mut,#5B6865);font-weight:600}
.rv-list{display:flex;flex-direction:column;gap:12px}
.rv-list .xc{padding:20px;gap:12px;margin:0}
.rv-act{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.rv-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
@media (max-width: 859.98px){
.ht.ht .rv-cols{grid-template-columns:minmax(0,1fr);gap:12px}
}
#reviews{scroll-margin-top:calc(var(--hdrh) + 16px)}
a.th-f.rate:hover span{text-decoration:underline}
.more-t.keep{display:inline !important}
@media (max-width: 699.98px){
.ht.ht .more-t.keep{display:inline !important}
}
.pc{display:flex;flex-direction:column;gap:16px;padding:24px;border-radius:28px;background:var(--surf,#FFFFFF);border:1px solid var(--line,#E7E0D4);box-shadow:0 28px 56px -28px rgba(20,33,31,.34),0 2px 8px rgba(20,33,31,.06);min-width:0}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .pc{padding:20px;border-radius:24px}
}
.pc-top{display:flex;flex-direction:column;gap:2px}
.pc-big{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.pc-pr{font-size:28px;line-height:36px}
.pc-note{margin:0;font-size:var(--sm);line-height:var(--smlh);color:var(--ink2,#3C4947)}
.pc-rows{display:flex;flex-direction:column;gap:8px;padding-bottom:16px;border-bottom:1px dashed var(--line2,#D8CFBF)}
.pc-r{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:var(--sm);line-height:var(--smlh);color:var(--ink2,#3C4947)}
.pc-r b{color:var(--ink,#17211F);font-weight:700;font-variant-numeric:tabular-nums}
.pc-btn{width:100%;height:52px;font-size:16px}
.pc-hot{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;font-size:var(--sm);font-weight:700;color:var(--accink,#0B7470)}
.pc-hot:hover{text-decoration:underline}
.sb{position:absolute;left:0;right:0;height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;background:var(--navbg,rgba(255,255,255,0.94));backdrop-filter:blur(14px);border-top:1px solid var(--line2,#D8CFBF)}
.sb-p{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;min-width:0}
.sb-btn{flex:none;height:48px;padding:0 24px;font-size:16px}
.sb.demo{position:static;border:1px solid var(--line2,#D8CFBF);border-radius:16px}
.dt-list{display:flex;flex-direction:column;gap:8px}
.dt-r{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px 16px;min-height:64px;border-radius:16px;border:1px solid var(--line,#E7E0D4);background:var(--surf,#FFFFFF);cursor:pointer}
.dt-r:hover{border-color:var(--accline,#AAD0CF)}
.dt-r.on{border-color:var(--accink,#0B7470);background:var(--tint,#E7F2F1)}
.dt-r.dis{cursor:default;opacity:.7}
.dt-r.dis:hover{border-color:var(--line,#E7E0D4)}
.dt-rad{width:24px;height:24px;border-radius:999px;border:1.5px solid var(--line2,#D8CFBF);display:flex;align-items:center;justify-content:center;background:var(--surf,#FFFFFF);color:var(--on,#FFFFFF)}
.dt-r.on .dt-rad{background:var(--acc,#0B7A75);border-color:var(--acc,#0B7A75)}
.dt-main{display:flex;align-items:center;gap:8px 20px;flex-wrap:wrap;min-width:0}
.dt-d{display:flex;flex-direction:column;gap:0;min-width:104px}
.dt-d b{font-size:16px;line-height:22px;font-weight:700;color:var(--ink,#17211F);font-variant-numeric:tabular-nums}
.dt-w{font-size:var(--xs);line-height:16px;color:var(--mut,#5B6865);font-weight:600}
.dt-f{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.seat{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;font-size:var(--xs);font-weight:700;white-space:nowrap}
.seat.many{background:var(--okbg,#E3F1E8);color:var(--ok,#17663F)}
.seat.few{background:var(--warnbg,#F6EAD7);color:var(--warn,#8A4B0B)}
.seat.open{background:var(--tint,#E7F2F1);color:var(--tintink,#0B7470)}
.seat.out{background:var(--neubg,#E9E5DC);color:var(--neu,#4F5B58)}
.dlab{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;border:1px solid var(--line2,#D8CFBF);font-size:var(--xs);font-weight:700;color:var(--ink2,#3C4947);white-space:nowrap}
.dlab.hol{background:var(--warnbg,#F6EAD7);border-color:transparent;color:var(--warn,#8A4B0B)}
.dt-p{display:flex;align-items:baseline;gap:6px;text-align:right;white-space:nowrap}
.dt-pr{font-size:18px;line-height:24px}
.dt-p.sub{flex-wrap:wrap;justify-content:flex-end}
.dt-subs{flex:0 0 100%;display:flex;flex-direction:column;align-items:flex-end;gap:2px;margin-top:2px}
.dt-sub{display:flex;gap:4px;font-size:var(--xs);line-height:16px;font-weight:600;color:var(--mut,#5B6865)}
.dt-sub b{font-weight:700;color:var(--ink2,#3C4947);font-variant-numeric:tabular-nums}
.dt-std{font-size:var(--sm);color:var(--mut,#5B6865);font-weight:600}
@media (max-width: 699.98px){
.ht.ht .dt-r{grid-template-columns:24px minmax(0,1fr);gap:12px;align-items:start;padding:12px}
.ht.ht .dt-rad{margin-top:2px}
.ht.ht .dt-main{flex-direction:column;align-items:flex-start;gap:6px}
.ht.ht .dt-d{flex-direction:row;align-items:baseline;gap:8px}
.ht.ht .dt-p{grid-column:2;justify-content:flex-start;text-align:left}
.ht.ht .dt-subs{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:2px 12px}
}
.hl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hl{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:var(--sunk,#F3EEE5)}
.hl-ic{width:36px;height:36px;border-radius:999px;background:var(--surf,#FFFFFF);color:var(--accink,#0B7470);display:flex;align-items:center;justify-content:center;flex:none}
.hl-t{font-size:15px;line-height:20px;font-weight:700;color:var(--ink,#17211F)}
.spec.big{height:32px;padding:0 12px;font-size:var(--sm)}
.spec.big .ic{width:16px;height:16px}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .hl-grid,.ht.ht .inc-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width: 699.98px){
.ht.ht .hl-grid,.ht.ht .inc-grid{grid-template-columns:minmax(0,1fr);gap:10px}
}
.pk-item{display:flex;flex-direction:column;gap:12px;min-width:0}
.pk-a{display:flex;align-items:center;gap:12px;min-height:60px;padding:8px 16px;border-radius:16px;border:2px solid var(--accink,#0B7470);background:var(--bg,#FBF8F3);text-align:left}
.pk-a>.ic{color:var(--accink,#0B7470)}
.tray{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--surf,#FFFFFF);border:1px solid var(--line2,#D8CFBF);border-radius:24px;box-shadow:0 24px 48px -20px rgba(20,33,31,.36);min-width:0}
.tray-grab{display:none;width:40px;height:4px;border-radius:999px;background:var(--line2,#D8CFBF);align-self:center}
.tray-sh{display:none;align-items:center;justify-content:space-between;gap:12px}
.tray-f{display:flex;align-items:center;gap:10px;justify-content:flex-end}
.tray-f .btn{height:44px;padding:0 18px}
@media (max-width: 699.98px){
.ht.ht .tray{margin-left:calc(var(--px) * -1);margin-right:calc(var(--px) * -1);border-radius:28px 28px 0 0;border-left:0;border-right:0;padding:12px 16px 20px;box-shadow:0 -12px 32px -16px rgba(8,14,13,.4)}
.ht.ht .tray-grab{display:block}
.ht.ht .tray-sh{display:flex}
.ht.ht .tray-f .btn{height:52px;flex:1}
.ht.ht .tray-f{flex-wrap:wrap}
}
.cal-h{display:flex;align-items:center;justify-content:space-between;gap:8px}
.cal-m{font-size:18px;line-height:24px;font-weight:500;color:var(--ink,#17211F)}
.cal-nav{width:44px;height:44px;border-radius:999px;border:1px solid var(--line2,#D8CFBF);background:var(--surf,#FFFFFF);display:flex;align-items:center;justify-content:center;color:var(--ink,#17211F)}
.cal-wd{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center;font-size:var(--xs);line-height:16px;font-weight:700;color:var(--mut,#5B6865)}
.cal-g{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));row-gap:2px}
.cal-c{position:relative;height:44px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;color:var(--ink,#17211F);font-variant-numeric:tabular-nums}
.cal-n{position:relative;z-index:1;width:40px;height:40px;border-radius:999px;display:flex;align-items:center;justify-content:center}
.cal-c:hover .cal-n{background:var(--sunk,#F3EEE5)}
.cal-c.out{color:var(--mut,#5B6865);opacity:.5}
.cal-c.past{color:var(--mut,#5B6865);opacity:.45;text-decoration:line-through}
.cal-c.out:hover .cal-n,.cal-c.past:hover .cal-n{background:transparent}
.cal-c.today .cal-n{box-shadow:inset 0 0 0 1.5px var(--accink,#0B7470)}
.cal-c.sel .cal-n,.cal-c.rs .cal-n,.cal-c.re .cal-n{background:var(--acc,#0B7A75);color:var(--on,#FFFFFF)}
.cal-c.rm{background:var(--tint,#E7F2F1)}
.cal-c.rm .cal-n{color:var(--tintink,#0B7470)}
.cal-c.rs::before,.cal-c.re::before{content:'';position:absolute;top:2px;bottom:2px;background:var(--tint,#E7F2F1)}
.cal-c.rs::before{left:50%;right:0}
.cal-c.re::before{left:0;right:50%}
.cal-sum{margin:0;font-size:var(--sm);line-height:var(--smlh);font-weight:700;color:var(--ink,#17211F)}
.gr-list{display:flex;flex-direction:column}
.gr{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding:8px 0;border-bottom:1px solid var(--line,#E7E0D4)}
.gr:last-child{border-bottom:0}
.gr-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.gr-n{font-size:16px;line-height:22px;font-weight:700}
.gr-h{font-size:var(--xs);line-height:16px;color:var(--mut,#5B6865);font-weight:600}
.step{display:inline-flex;align-items:center;gap:8px}
.step-b{width:44px;height:44px;border-radius:999px;border:1px solid var(--line2,#D8CFBF);background:var(--surf,#FFFFFF);display:flex;align-items:center;justify-content:center;color:var(--ink,#17211F)}
.step-b:hover{border-color:var(--accline,#AAD0CF)}
.step-b.dis{opacity:.4}
.step-v{min-width:32px;text-align:center;font-size:18px;line-height:24px;font-weight:700;font-variant-numeric:tabular-nums}
.pk-r{display:flex;align-items:center;gap:10px;min-height:40px;padding-right:12px;border-radius:12px;cursor:pointer}
.pk-r:hover{background:var(--sunk,#F3EEE5)}
.pk-r.on{background:var(--tint,#E7F2F1)}
.pk-r.on .cb-l{font-weight:700;color:var(--tintink,#0B7470)}
.pk-ok{color:var(--tintink,#0B7470)}
@media (max-width: 699.98px){
.ht.ht .pk-r{min-height:48px}
}
.us{display:flex;flex-direction:column;gap:2px;padding:12px 0;border-bottom:1px solid var(--line,#E7E0D4)}
.us:last-child{border-bottom:0}
.us-n{font-size:15px;line-height:20px;font-weight:700}
.us-w{font-size:var(--sm);line-height:var(--smlh);color:var(--ink2,#3C4947)}
.tgl .tc-ph{aspect-ratio:4/3}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .tgl .tc-ph{aspect-ratio:4/3}
}
.fx-inp{font-size:14px}
.fx-in{flex:1 1 auto;min-height:44px}
.th{position:relative}
@media (max-width: 699.98px){
.ht.ht .th-act{right:0;top:0}
}
.dt-r.dis{opacity:1}
.dt-r.dis .dt-rad{opacity:.5}
.dt-r.dis .dt-pr{color:var(--mut,#5B6865)}
.cal-c.out,.cal-c.past{opacity:1}
.cal-c.out{color:var(--mut,#5B6865);font-weight:500}
.cal-c.past{color:var(--mut,#5B6865);font-weight:500;text-decoration:line-through;text-decoration-color:var(--line2,#D8CFBF)}
.st-tint{background:var(--tint,#E7F2F1);color:var(--tintink,#0B7470)}
.bk-head{padding-bottom:16px}
.bk-ht{display:flex;flex-direction:column;gap:8px;min-width:0}
.bk-tn{margin:0;font-size:var(--body);line-height:var(--bodylh);color:var(--ink2,#3C4947)}
.bk{padding-top:8px}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .bk,.ht.ht .dn{grid-template-columns:minmax(0,1fr);row-gap:24px}
.ht.ht .bk .tdm-side,.ht.ht .dn .tdm-side{position:static}
.ht.ht .bk .tdm-side::before,.ht.ht .dn .tdm-side::before{display:none}
}
@media (max-width: 699.98px){
.ht.ht .bk .tdm-side,.ht.ht .dn .tdm-side{position:static}
.ht.ht .bk .tdm-side::before,.ht.ht .dn .tdm-side::before{display:none}
.ht.ht .bk,.ht.ht .dn{row-gap:16px;padding-top:8px}
}
.bk-form{display:flex;flex-direction:column;gap:24px;min-width:0}
.bgrp{display:flex;flex-direction:column;gap:16px;padding:24px;background:var(--surf,#FFFFFF);border:1px solid var(--line,#E7E0D4);border-radius:var(--r)}
@media (max-width: 699.98px){
.ht.ht .bgrp{padding:16px;gap:12px}
}
.bg-h{display:flex;gap:14px;align-items:flex-start}
.bg-n{flex:none;width:32px;height:32px;border-radius:999px;background:var(--tint,#E7F2F1);color:var(--tintink,#0B7470);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800}
.bg-ht{display:flex;flex-direction:column;gap:2px;min-width:0}
.bg-t{margin:0;font-size:22px;line-height:28px}
@media (max-width: 699.98px){
.ht.ht .bg-t{font-size:20px;line-height:26px}
}
.bg-l{margin:0;font-size:var(--sm);line-height:var(--smlh);color:var(--mut,#5B6865);font-weight:600}
.bf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (max-width: 699.98px){
.ht.ht .bf-grid{grid-template-columns:minmax(0,1fr)}
}
.bf{display:flex;flex-direction:column;gap:6px;min-width:0}
.bf.wide{grid-column:1/-1}
.bf-l{display:flex;gap:8px;align-items:baseline;font-size:14px;line-height:20px;font-weight:700;color:var(--ink,#17211F)}
.bf-o{font-size:var(--sm);font-weight:500;color:var(--mut,#5B6865)}
.bf-in{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 14px;border-radius:14px;border:1px solid var(--line2,#D8CFBF);background:var(--bg,#FBF8F3);color:var(--mut,#5B6865);min-width:0}
.bf-in:focus-within{border-color:var(--accink,#0B7470)}
.bf-in .fx-inp{font-size:16px;min-height:44px}
.bf-ta{align-items:flex-start;padding:10px 14px}
.bf-ta .fx-inp{resize:vertical;min-height:84px;line-height:22px;padding:0}
.bf.bad .bf-in{border:2px solid var(--warn,#8A4B0B);padding:0 13px}
.bf-e{display:flex;gap:6px;align-items:flex-start;margin:0;font-size:var(--sm);line-height:var(--smlh);font-weight:700;color:var(--warn,#8A4B0B)}
.bf-e .ic{margin-top:2px;flex:none}
.bf-c{margin:0;font-size:var(--xs);line-height:16px;color:var(--mut,#5B6865);font-weight:600;align-self:flex-end}
.bf-c.ok{display:flex;gap:6px;align-self:auto;font-size:var(--sm);line-height:var(--smlh);color:var(--ink2,#3C4947)}
.bf-c.ok .ic{margin-top:2px;flex:none;color:var(--accink,#0B7470)}
.bf-in.pick{cursor:pointer;color:var(--accink,#0B7470)}
.bf-v{flex:1;font-size:16px;font-weight:600;color:var(--ink,#17211F)}
.bs{gap:16px}
.bs-h{margin:0;font-size:18px;line-height:24px;font-weight:800;color:var(--ink,#17211F)}
.bs-tour{display:flex;gap:12px;align-items:center}
.bs-ph{width:72px;height:72px;flex:none;border-radius:12px}
.bs-ph .ic{width:22px;height:22px}
.bs-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.bs-tn{font-size:16px;line-height:22px;font-weight:700;color:var(--ink,#17211F)}
.bs-ts{font-size:var(--sm);line-height:var(--smlh);color:var(--mut,#5B6865);font-weight:600}
.bs-lines{display:flex;flex-direction:column;gap:10px;padding-top:16px;border-top:1px dashed var(--line2,#D8CFBF)}
.bs-l{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;font-size:15px;line-height:22px;color:var(--ink,#17211F)}
.bs-ll{display:flex;flex-direction:column;min-width:0}
.bs-sub{font-size:var(--sm);line-height:var(--smlh);color:var(--mut,#5B6865);font-weight:600}
.bs-lv{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink,#17211F)}
.bs-tot{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-top:16px;border-top:1px solid var(--line,#E7E0D4)}
.bs-tl{font-size:16px;line-height:22px;font-weight:700;color:var(--ink,#17211F)}
.bs-big{font-size:28px;line-height:36px}
.bs-note{margin:0;font-size:var(--xs);line-height:16px;color:var(--mut,#5B6865);font-weight:600}
.sb .bs-sp{flex-direction:column;align-items:flex-start;gap:0}
.sb .bs-sp .bs-tl{font-size:var(--xs);line-height:16px;font-weight:600;color:var(--mut,#5B6865)}
.sb .bs-sp .pr{font-size:20px;line-height:26px}
.vr{display:flex;flex-direction:column;gap:12px;min-width:0}
.bu{gap:12px}
.bu-g{display:flex;gap:12px;align-items:center;min-height:56px;padding:8px 16px;border-radius:16px;border:1px solid var(--line2,#D8CFBF);background:var(--bg,#FBF8F3)}
.bu-g>.ic{color:var(--accink,#0B7470)}
.bu-gt{display:flex;flex-direction:column}
.bu-n{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:16px;background:var(--warnbg,#F6EAD7);color:var(--warn,#8A4B0B)}
.bu-n>.ic{margin-top:2px;flex:none}
.bu-t{display:flex;flex-direction:column;gap:2px;font-size:var(--sm);line-height:var(--smlh);font-weight:600}
.bu-t b{font-weight:800}
.pc-btn.off{background:var(--sunk,#F3EEE5);color:var(--mut,#5B6865);border-color:var(--line,#E7E0D4);cursor:not-allowed}
.dn-ic{flex:none;width:56px;height:56px;border-radius:999px;background:var(--acc,#0B7A75);color:var(--on,#FFFFFF);display:flex;align-items:center;justify-content:center}
.dn-ic .ic{width:28px;height:28px;stroke-width:2.6}
.dn-cb{display:flex;flex-direction:column;gap:8px;padding:16px 20px;border-radius:var(--r);background:var(--surf,#FFFFFF);border:1px solid var(--line,#E7E0D4);min-width:320px}
.dn-cl{font-size:var(--xs);line-height:16px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mut,#5B6865)}
.dn-cr{display:flex;align-items:center;justify-content:space-between;gap:12px}
.dn-code{font-family:'Fraunces',Georgia,serif;font-size:28px;line-height:34px;font-weight:600;letter-spacing:.02em;color:var(--ink,#17211F);font-variant-numeric:tabular-nums}
.cp{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--line2,#D8CFBF);background:var(--surf,#FFFFFF);font-size:var(--sm);font-weight:700;color:var(--ink,#17211F);white-space:nowrap}
.cp:hover{background:var(--sunk,#F3EEE5)}
.cp .ic{color:var(--accink,#0B7470)}
.stch{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;font-size:var(--sm);font-weight:700;white-space:nowrap;align-self:flex-start}
@media (max-width: 699.98px){
.ht.ht .dn-cb{min-width:0}
.ht.ht .dn-ic{width:44px;height:44px}
.ht.ht .dn-ic .ic{width:22px;height:22px}
}
.dn-card{display:flex;flex-direction:column;gap:16px;padding:24px;background:var(--surf,#FFFFFF);border:1px solid var(--line,#E7E0D4);border-radius:var(--r);min-width:0}
@media (max-width: 699.98px){
.ht.ht .dn-card{padding:16px}
}
.dn-rows{display:flex;flex-direction:column}
.dn-r{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:52px;padding:10px 0;border-top:1px solid var(--line,#E7E0D4);font-size:15px;line-height:22px}
.dn-rl{display:flex;align-items:center;gap:8px;color:var(--ink2,#3C4947);font-weight:600}
.dn-rv{text-align:right;color:var(--ink,#17211F);font-variant-numeric:tabular-nums}
.dn-r.strong .dn-rv{font-size:20px;line-height:26px}
.dn-tr{gap:16px}
.qr{width:200px;aspect-ratio:1/1;align-self:center;border-radius:16px;background:var(--sunk,#F3EEE5);border:1px dashed var(--line2,#D8CFBF);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--phink,#6E7B77)}
.qr .ic{width:56px;height:56px;opacity:.7}
.qr-t{font-size:var(--sm);font-weight:700;color:var(--mut,#5B6865)}
.tr-rows{display:flex;flex-direction:column}
.tr-r{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:6px 0;border-top:1px solid var(--line,#E7E0D4)}
.tr-r:first-child{border-top:0}
.tr-tx{display:flex;flex-direction:column;gap:0;min-width:0}
.tr-l{font-size:var(--xs);line-height:16px;font-weight:600;color:var(--mut,#5B6865)}
.tr-v{font-size:16px;line-height:22px;font-weight:700;color:var(--ink,#17211F);font-variant-numeric:tabular-nums}
.tr-r.amt .tr-v{font-size:20px;line-height:26px}
.tr-r.key{margin-top:6px;padding:8px 8px 8px 14px;border-top:0;border-radius:14px;background:var(--tint,#E7F2F1)}
.tr-r.key .tr-l,.tr-r.key .tr-v{color:var(--tintink,#0B7470)}
.tr-r.key .tr-v{font-size:18px;letter-spacing:.04em}
.sbd-s{margin:0;font-size:15px;line-height:22px;font-weight:600;color:var(--ink,#17211F)}
.sbd-n{margin:0;display:flex;flex-direction:column;font-size:var(--sm);line-height:var(--smlh);color:var(--ink2,#3C4947)}
.sbd-nl{font-size:var(--xs);line-height:16px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mut,#5B6865)}
.bf-l{flex-wrap:wrap;row-gap:0}
.bf-v.ph0{color:var(--mut,#5B6865);font-weight:500}
.bf-in.pick .sfield-chev{color:var(--mut,#5B6865)}
.vp-ic{width:36px;height:36px;border-radius:999px;background:var(--tint,#E7F2F1);color:var(--tintink,#0B7470);display:flex;align-items:center;justify-content:center;flex:none}
.vb{display:flex;flex-direction:column;gap:12px}
.vb-p{margin:0;font-size:var(--body);line-height:var(--bodylh);color:var(--ink2,#3C4947)}
.rbx{max-height:calc(100vh - var(--hdrh) - 33px);min-height:0}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .rbx{max-height:calc(100vh - var(--hdrh) - var(--tabh) - 33px)}
.ht.ht .rbx.flat{max-height:none}
}
.rbx.flat{max-height:none}
@media (max-width: 699.98px){
.ht.ht .rbx{max-height:none}
}
.rb-in{display:flex;flex-direction:column;gap:16px;overflow-y:auto;min-height:0;scrollbar-width:thin;padding-right:2px}
.rbx.flat .rb-in{overflow:visible}
@media (max-width: 699.98px){
.ht.ht .rbx .rb-in{overflow:visible}
}
.rb-note{margin:0;display:flex;gap:8px;align-items:flex-start;font-size:var(--sm);line-height:var(--smlh);color:var(--mut,#5B6865)}
.rb-note .ic{margin-top:2px;flex:none}
.rx-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;align-items:start;padding-top:var(--headmb);padding-bottom:var(--secy)}
@media (max-width: 699.98px){
.ht.ht .rx-grid{grid-template-columns:minmax(0,1fr);gap:32px}
}
.rx-grid .pc{box-shadow:0 12px 32px -20px rgba(20,33,31,.3)}
@media (min-width: 1200px){
.ht.ht .pk-item>.tray{max-width:420px}
}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .pk-item>.tray{max-width:420px}
}
.tx-lead{margin:0;font-size:var(--body);line-height:var(--bodylh);color:var(--ink2,#3C4947)}
.tx-sl{display:flex;flex-direction:column;gap:12px}
.tx-st{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:16px;background:var(--surf,#FFFFFF);border:1px solid var(--line,#E7E0D4)}
.tx-n{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;border-radius:999px;background:var(--tint,#E7F2F1);color:var(--tintink,#0B7470);font-size:16px;font-weight:800}
.tx-stt{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:var(--sm);line-height:var(--smlh);color:var(--ink2,#3C4947)}
.tx-stt b{font-size:15px;line-height:20px;color:var(--ink,#17211F)}
.vz-head{align-items:flex-end}
@media (max-width: 699.98px){
.ht.ht .vz-head{flex-direction:column;align-items:stretch;gap:8px}
}
.vz-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:15px;line-height:20px;font-weight:700;color:var(--accink,#0B7470);flex:none}
.vz-link:hover{text-decoration:underline}
.vz-box{display:flex;flex-direction:column;gap:24px;padding:24px;border:1px solid var(--line,#E7E0D4);border-radius:var(--r);background:var(--surf,#FFFFFF);min-width:0}
@media (max-width: 699.98px){
.ht.ht .vz-box{padding:16px;gap:16px}
}
.vz-fh{display:flex;align-items:center;gap:8px;margin:0;font-size:18px;line-height:24px;font-weight:700;color:var(--ink,#17211F)}
.vz-fh .ic{color:var(--accink,#0B7470);flex:none}
.vz-file-ic{color:var(--accink,#0B7470)}
.vz-file-tx{display:flex;flex-direction:column;min-width:0}
.vz-file-n{font-size:15px;line-height:20px;color:var(--ink,#17211F);overflow-wrap:anywhere}
.vz-file-s{font-size:var(--sm);line-height:var(--smlh);color:var(--mut,#5B6865);font-variant-numeric:tabular-nums}
.vz-tg{display:grid;grid-template-columns:minmax(0,1fr) 400px;grid-template-areas:"main a" "main b";grid-template-rows:auto 1fr;column-gap:48px;row-gap:24px;align-items:start;padding-top:8px;padding-bottom:var(--secy)}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .vz-tg{grid-template-columns:minmax(0,1fr) 340px;column-gap:32px}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .vz-tg{grid-template-columns:minmax(0,1fr);grid-template-areas:"a" "main" "b";grid-template-rows:auto;row-gap:24px}
}
@media (max-width: 699.98px){
.ht.ht .vz-tg{grid-template-columns:minmax(0,1fr);grid-template-areas:"a" "main" "b";grid-template-rows:auto;row-gap:24px}
.ht.ht .vz-tg{row-gap:20px}
}
.vz-ta{grid-area:a}
.vz-tm{grid-area:main}
.vz-tb{grid-area:b}
.vz-ta,.vz-tm,.vz-tb{display:flex;flex-direction:column;gap:24px;min-width:0}
.vz-now-l,.vz-do-l{font-size:var(--xs);line-height:16px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mut,#5B6865)}
.vz-sl{display:flex;flex-direction:column}
.vz-st{position:relative;display:grid;grid-template-columns:16px minmax(0,1fr);gap:16px;padding-bottom:24px}
.vz-st:last-child{padding-bottom:0}
.vz-st:not(:last-child)::after{content:'';position:absolute;left:7px;top:24px;bottom:4px;width:2px;background:var(--line2,#D8CFBF)}
.vz-st-mk{width:16px;height:16px;margin-top:8px;border-radius:999px;border:2px solid var(--accink,#0B7470);background:var(--surf,#FFFFFF);position:relative;z-index:1}
.vz-st.now .vz-st-mk{background:var(--acc,#0B7A75);border-color:var(--acc,#0B7A75)}
.vz-st-b{display:flex;flex-direction:column;gap:6px;min-width:0}
.vz-st-t{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.vz-st-time{font-size:var(--sm);line-height:var(--smlh);color:var(--mut,#5B6865);font-variant-numeric:tabular-nums}
.vz-st-m{margin:0;font-size:15px;line-height:22px;color:var(--ink,#17211F)}
.vz-cur{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;border:1px solid var(--accink,#0B7470);color:var(--tintink,#0B7470);font-size:var(--xs);font-weight:700;white-space:nowrap}
.vz-gone{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:16px;background:var(--neubg,#E9E5DC);color:var(--ink2,#3C4947)}
.vz-gone>.ic{flex:none;margin-top:2px}
.vz-gone-t{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:var(--sm);line-height:var(--smlh)}
.vz-gone-t b{font-size:15px;line-height:22px;color:var(--ink,#17211F)}
.vz-sg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .vz-sg{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 699.98px){
.ht.ht .vz-sg{grid-template-columns:minmax(0,1fr);gap:12px}
}
.vz-sc{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--line,#E7E0D4);border-radius:var(--r);background:var(--surf,#FFFFFF);min-width:0}
.vz-sc-t{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.vz-sc-no{font-size:var(--sm);line-height:var(--smlh);font-weight:700;color:var(--mut,#5B6865);font-variant-numeric:tabular-nums}
.stch.vz-end{box-shadow:inset 0 0 0 2px currentColor}
.vz-lk{width:min(480px,100%);align-self:center}
.vz-tf .dn-r.strong .dn-rv,.vz-tr .tr-r.amt .tr-v{font-size:22px;line-height:28px}
.ic20{width:20px;height:20px}
.rd-col{width:720px;margin:0 auto;min-width:0}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .rd-col{width:680px}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .rd-col{width:640px}
}
@media (max-width: 699.98px){
.ht.ht .rd-col{width:100%}
}
.rd-body{display:block;margin-top:40px;font-size:18px;line-height:32px;color:var(--ink,#17211F)}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .rd-body{font-size:17px;line-height:30px}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .rd-body{font-size:17px;line-height:30px}
}
@media (max-width: 699.98px){
.ht.ht .rd-body{margin-top:24px;font-size:16px;line-height:28px}
}
.rd-p{margin:0 0 20px}
.rd-h2{margin:48px 0 16px;font-family:'Fraunces',Georgia,serif;font-weight:500;letter-spacing:-.01em;font-size:28px;line-height:36px}
@media (max-width: 699.98px){
.ht.ht .rd-h2{margin:40px 0 12px;font-size:22px;line-height:30px}
}
.rd-ul,.rd-ol{margin:0 0 24px;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.rd-ul>li{position:relative;padding-left:24px}
.rd-ul>li::before{content:"";position:absolute;left:4px;top:12px;width:8px;height:8px;border-radius:999px;background:var(--acc,#0B7A75)}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .rd-ul>li::before{top:11px}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .rd-ul>li::before{top:11px}
}
@media (max-width: 699.98px){
.ht.ht .rd-ul>li::before{top:10px}
}
/* Thẻ nước làm visa và thẻ điểm tham quan: dùng ở visa.html, tickets.html và trang chủ (khối home-visa, home-tickets); chuyển từ visa.css, tickets.css ở tờ 52 */
.vz-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .vz-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .vz-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 699.98px){
.ht.ht .vz-grid{grid-template-columns:minmax(0,1fr);gap:12px}
}
.vz-c{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 32px;grid-template-areas:"ic ic" "tx go";align-content:space-between;row-gap:24px;min-height:176px;padding:20px;border:1px solid var(--line,#E7E0D4);border-radius:var(--r);background:var(--surf,#FFFFFF);min-width:0}
.vz-c:hover{border-color:var(--accink,#0B7470)}
.vz-c::before{content:'';position:absolute;right:-40px;top:-40px;width:128px;height:128px;border-radius:999px;border:1px solid var(--accline,#AAD0CF)}
.vz-c::after{content:'';position:absolute;right:-8px;top:-8px;width:64px;height:64px;border-radius:999px;border:1px solid var(--accline,#AAD0CF)}
.vz-c-ic,.vz-t-ic{width:44px;height:44px;border-radius:999px;background:var(--tint,#E7F2F1);color:var(--tintink,#0B7470);display:flex;align-items:center;justify-content:center;flex:none;position:relative;z-index:1}
.vz-c-ic{grid-area:ic}
.vz-c-tx{grid-area:tx;display:flex;flex-direction:column;gap:8px;min-width:0;position:relative;z-index:1}
.vz-c-n{margin:0;font-size:22px;line-height:28px;font-weight:700;color:var(--ink,#17211F)}
.vz-c-cnt{display:inline-flex;align-items:center;gap:6px;font-size:var(--sm);line-height:var(--smlh);font-weight:700;color:var(--ink2,#3C4947)}
.vz-c-cnt .ic{color:var(--accink,#0B7470)}
.vz-c-go{grid-area:go;align-self:end;width:32px;height:32px;border-radius:999px;border:1px solid var(--line2,#D8CFBF);display:flex;align-items:center;justify-content:center;color:var(--ink,#17211F);position:relative;z-index:1}
.vz-c:hover .vz-c-go,.vz-t:hover .vz-c-go{background:var(--acc,#0B7A75);border-color:var(--acc,#0B7A75);color:var(--on,#FFFFFF)}
@media (max-width: 699.98px){
.ht.ht .vz-c{grid-template-columns:44px minmax(0,1fr) 32px;grid-template-areas:"ic tx go";column-gap:12px;align-items:center;min-height:0;padding:16px}
.ht.ht .vz-c-n{font-size:17px;line-height:24px}
.ht.ht .vz-c::before,.ht.ht .vz-c::after{display:none}
}
.ak-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .ak-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 699.98px){
.ht.ht .ak-grid{grid-template-columns:minmax(0,1fr);gap:12px}
}
.ak-c{display:flex;flex-direction:column;gap:12px;min-width:0}
.ak-c-img{position:relative;border-radius:var(--r);overflow:hidden}
.ak-c-ph{aspect-ratio:4/3}
.ak-c-body{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}
.ak-c-n{margin:0;font-size:18px;line-height:24px;font-weight:700;color:var(--ink,#17211F)}
.ak-c:hover .ak-c-n{color:var(--accink,#0B7470)}
.ak-c-where{display:flex;align-items:center;gap:6px;font-size:var(--sm);line-height:var(--smlh);font-weight:600;color:var(--mut,#5B6865)}
.ak-c-price{margin-top:auto;padding-top:12px;border-top:1px dashed var(--line2,#D8CFBF);display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.ak-c-pr{font-size:22px;line-height:28px;font-weight:800;color:var(--ink,#17211F);font-variant-numeric:tabular-nums}
@media (max-width: 699.98px){
.ht.ht .ak-c{flex-direction:row;gap:12px;padding:12px;border:1px solid var(--line,#E7E0D4);border-radius:var(--r);background:var(--surf,#FFFFFF)}
.ht.ht .ak-c-img{width:112px;flex:none;align-self:flex-start;border-radius:12px}
.ht.ht .ak-c-ph{aspect-ratio:1/1}
.ht.ht .ak-c-body{gap:4px}
.ht.ht .ak-c-n{font-size:16px;line-height:22px}
.ht.ht .ak-c-price{padding-top:4px;border-top:0}
.ht.ht .ak-c-pr{font-size:18px;line-height:24px}
}

/* Tờ 58: thẻ ca khách hàng (trang chủ doanh nghiệp, clients.html, client.html). Dùng từ ba trang nên nằm ở khung. Ảnh là ô giữ chỗ .ph, loại nằm trên ảnh bằng .tc-tag của thẻ tour */
.cgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.cc{display:flex;flex-direction:column;gap:12px;min-width:0}
.cc-img{position:relative;border-radius:var(--r);overflow:hidden}
.cc-img .ph{aspect-ratio:4/3}
.cc-body{display:flex;flex-direction:column;gap:10px;min-width:0;flex:1}
.cc-who{display:flex;align-items:center;gap:10px;min-width:0}
.cc-logo{width:32px;height:32px;flex:none;border-radius:10px;background:var(--tint,#E7F2F1);color:var(--tintink,#0B7470);display:flex;align-items:center;justify-content:center}
.cc-logo .ic{width:18px;height:18px}
.cc-cl{min-width:0;font-size:var(--sm);line-height:var(--smlh);font-weight:600;color:var(--mut,#5B6865)}
.cc-t{margin:0;font-size:var(--name);line-height:var(--namelh);font-weight:700;color:var(--ink,#17211F)}
.cc:hover .cc-t{color:var(--accink,#0B7470)}
.cc-meta{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:var(--sm);line-height:var(--smlh);color:var(--ink2,#3C4947)}
.cc-meta .r{display:inline-flex;align-items:center;gap:6px}
.cc-meta .ic{width:16px;height:16px;color:var(--accink,#0B7470)}
@media (max-width: 699.98px){
.ht.ht .cgrid{grid-template-columns:minmax(0,1fr);gap:20px}
.ht.ht .cc-img .ph{aspect-ratio:16/10}
}

/* Tờ 58: khi đầu trang có thêm mục Khách hàng (?main=business, clients.html, client.html) thanh mục có chín mục: ép khít để không mục nào bị cắt */
@media (min-width: 1200px) {
.ht.ht[data-biznav] .nav-i{padding:0 8px}
}
@media (min-width: 1200px) and (max-width: 1439.98px) {
.ht.ht[data-biznav] .nav-i{font-size:14px}
.ht.ht[data-biznav] .hot-t{display:none}
}
@media (min-width: 860px) and (max-width: 1199.98px) {
.ht.ht[data-biznav] .nav-i{padding:0 4px}
}

/* ---- Tờ 60: menu đầu trang nhiều kiểu (thả xuống, nhiều cấp, mega) và ngăn kéo dưới 860. Khuôn dùng chung cho mọi website mẫu: chỉ dùng token màu, thang chữ và thang đệm của vỏ; không gắn với ảnh du lịch ---- */
.mbtn{display:none}
.ht.ht[data-menu] .nav{overflow:visible}
.mi{position:relative;display:flex;align-items:center;border-radius:999px}
.mi-mega{position:static}
.mi:hover,.mi.open{background:var(--sunk,#F3EEE5)}
.mi.on{background:var(--tint,#E7F2F1)}
.mi .nav-i:hover,.mi .nav-i.on{background:transparent}
.mtg{width:24px;height:40px;flex:none;border-radius:0 999px 999px 0;display:flex;align-items:center;justify-content:center;color:var(--mut,#5B6865)}
.mtg .ic{transition:transform .16s}
.mi.open .mtg .ic{transform:rotate(180deg)}
.mi.on .mtg{color:var(--tintink,#0B7470)}
/* hàng mục nhiều hơn vì mỗi mục thả xuống có thêm nút mũi tên: ép khít theo từng khổ, cùng cách với khối Tờ 58 */
@media (min-width: 1200px) and (max-width: 1439.98px){
.ht.ht[data-menu] .nav-i{padding:0 8px;font-size:14px}
.ht.ht[data-menu] .hot-t{display:none}
.ht.ht[data-menu][data-biznav] .hdr-act .btn{padding:0;width:44px}
.ht.ht[data-menu][data-biznav] [data-k=account-label]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht[data-menu] .nav-i{padding:0 4px}
.ht.ht[data-menu] .mtg{width:20px}
}
@media (min-width: 860px) and (max-width: 999.98px){
.ht.ht[data-menu][data-biznav] .nav-i{font-size:13px}
.ht.ht[data-menu][data-biznav] .lang-o{padding:0 8px}
}
.ht.ht .mi .nav-i{padding-right:2px}
.mp{position:absolute;z-index:3;background:var(--surf,#FFFFFF);border:1px solid var(--line2,#D8CFBF);box-shadow:0 32px 64px -24px rgba(8,14,13,.5);color:var(--ink,#17211F);animation:menu-in .16s ease-out}
@keyframes menu-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){
.mp{animation:none}
.mtg .ic,.mdr-tg .ic,.mdr-whole .ic{transition:none}
}
.mp-dd{left:0;top:calc(100% + var(--hdrh)/2 - 12px);min-width:280px;max-width:360px;width:max-content;padding:8px;border-radius:20px}
.mp-dd.flip{left:auto;right:0}
.mp-dd::before{content:"";position:absolute;left:0;right:0;top:-32px;height:32px}
.mp-fly{left:calc(100% + 12px);top:-8px;min-width:240px;max-width:320px;width:max-content;padding:8px;border-radius:20px}
.mp-fly.flip{left:auto;right:calc(100% + 12px)}
.mp-fly::before{content:"";position:absolute;top:0;bottom:0;left:-12px;width:12px}
.mp-fly.flip::before{left:auto;right:-12px}
.mp-mega{left:max(var(--px),calc((100% - 1280px)/2));right:max(var(--px),calc((100% - 1280px)/2));top:calc(100% + 8px);border-radius:24px;max-height:calc(100vh - var(--hdrh) - 56px);overflow:auto}
.mm{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;padding:24px}
.mm[data-promo]{grid-template-columns:minmax(0,1fr) 280px;gap:32px}
@media (min-width: 1440px){
.mm[data-promo]{grid-template-columns:minmax(0,1fr) 320px}
}
@media (min-width: 860px) and (max-width: 1199.98px){
.mm[data-promo]{grid-template-columns:minmax(0,1fr);gap:24px}
.mm .mpr{flex-direction:row;align-items:center;gap:16px}
.mm .mpr-im{width:160px;flex:none}
.mm .mpr-bd{flex:1 1 auto}
}
.mcols{display:grid;gap:24px;grid-template-columns:repeat(4,minmax(0,1fr))}
.mcols[data-n="1"]{grid-template-columns:minmax(0,280px)}
.mcols[data-n="2"]{grid-template-columns:repeat(2,minmax(0,280px))}
.mcols[data-n="3"]{grid-template-columns:repeat(3,minmax(0,280px))}
.mcol{display:flex;flex-direction:column;gap:8px;min-width:0}
.mct{display:block;padding:0 12px;font-size:var(--sm);line-height:var(--smlh);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accink,#0B7470)}
a.mct:hover{text-decoration:underline}
.ms{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.msi{position:relative;display:flex;align-items:stretch;border-radius:14px}
.msi:hover,.msi.open{background:var(--sunk,#F3EEE5)}
.msl{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:12px;min-height:40px;padding:8px 12px;border-radius:14px;font-size:15px;line-height:20px;font-weight:600;color:var(--ink2,#3C4947)}
.msl:hover{color:var(--ink,#17211F)}
.msi.has-sub .msl{border-radius:14px 0 0 14px}
.mst{width:32px;flex:none;border-radius:0 14px 14px 0;display:flex;align-items:center;justify-content:center;color:var(--mut,#5B6865)}
.mic{width:40px;height:40px;flex:none;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--tint,#E7F2F1);color:var(--tintink,#0B7470)}
.mp-mega .mic{width:24px;height:24px;border-radius:8px;background:none}
.mtx{display:flex;flex-direction:column;gap:2px;min-width:0}
.mds{font-size:13px;line-height:19px;font-weight:500;color:var(--mut,#5B6865)}
.mpr{display:flex;flex-direction:column;gap:12px;min-width:0;padding:16px;border-radius:20px;background:var(--sunk,#F3EEE5)}
.mpr-im .ph{aspect-ratio:8/5;border-radius:16px}
.mpr-bd{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.mpr-t{margin:0;font-size:15px;line-height:22px;font-weight:600;color:var(--ink,#17211F)}
.mpr-b{height:44px}
.mi :focus-visible,.mp :focus-visible,.mdr :focus-visible,.mbtn:focus-visible{outline:2px solid var(--accink,#0B7470);outline-offset:-2px}
/* ngăn kéo (dưới 860): nằm trên thanh tab, che dải đọc và đầu trang; nút nổi đi lên trên ngăn kéo */
.mdr{position:absolute;left:0;right:0;top:0;bottom:var(--tabh);z-index:2;display:flex;flex-direction:column;background:var(--bg,#FBF8F3);color:var(--ink,#17211F)}
.ht[data-tabbar=none] .mdr{bottom:0}
.ht.ht[data-drawer] .fab-wrap{z-index:3}
.mdr-hd{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;height:56px;padding:0 var(--px);border-bottom:1px solid var(--line,#E7E0D4)}
.mdr-t{margin:0;font-size:18px;line-height:24px;font-weight:700}
.mdr-x{width:44px;height:44px;border-radius:999px;display:flex;align-items:center;justify-content:center;color:var(--ink2,#3C4947)}
.mdr-x:hover{background:var(--sunk,#F3EEE5)}
/* bốn nút chỉ có biểu tượng: đặt cỡ chữ trong thang (trình duyệt cho nút 13,3333px), không đổi bố cục */
.mtg,.mst,.mdr-tg,.mdr-x{font-size:13px}
.mdr-bd{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:8px var(--px) 96px}
.mdr-bd > .mdr-row,.mdr-bd > .mdg{border-bottom:1px solid var(--line,#E7E0D4)}
.mdr-row{display:flex;align-items:stretch}
.mdr-a{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 0;font-size:17px;line-height:24px;font-weight:700;color:var(--ink,#17211F);text-align:left}
.mdr-a[aria-current=page]{color:var(--accink,#0B7470)}
.mdr-tg{width:52px;flex:none;display:flex;align-items:center;justify-content:center;color:var(--mut,#5B6865)}
.mdr-whole{justify-content:space-between;padding-right:16px}
.mdr-whole .ic{color:var(--mut,#5B6865)}
.mdr-tg .ic,.mdr-whole .ic{transition:transform .16s}
.mdg.open > .mdr-row .mdr-tg .ic,.mdg.open > .mdr-row .mdr-whole .ic{transform:rotate(180deg)}
.mdr-pn{padding:0 0 8px 16px}
.mdr-row.l2 .mdr-a,.mdg.l2 > .mdr-row .mdr-a{min-height:48px;font-size:15px;line-height:20px;font-weight:600}
.mdr-row.l3 .mdr-a,.mdg.l3 > .mdr-row .mdr-a{min-height:44px;font-size:14px;line-height:20px;font-weight:500;color:var(--ink2,#3C4947)}
.mdr-ct{font-size:var(--sm);line-height:var(--smlh);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accink,#0B7470)}
.mdr .mic{width:32px;height:32px;border-radius:10px}
.mdr .mpr{margin:8px 0}
@media (min-width: 700px) and (max-width: 859.98px){
.mdr .mpr{flex-direction:row;align-items:center;gap:16px}
.mdr .mpr-im{width:200px;flex:none}
}
@media (min-width: 860px){
.mdr{display:none}
}
@media (max-width: 859.98px){
.mbtn{display:inline-flex;height:40px;padding:0 16px}
html.mdr-lock{overflow:hidden}
}
@media (max-width: 379.98px){
.mbtn{padding:0 12px}
}
@media (max-width: 339.98px){
.ht.ht .hdr-in{gap:12px}
}
/* Tờ 64: hộp xem ảnh. Dựng bằng theme.js, dùng từ năm trang nên nằm ở khung. Luôn nền tối, không theo nền sáng tối của trang; màu chữ và nút là trắng trên nền gần đen. Ô ảnh bấm được (.lb-src) chỉ thêm con trỏ và vòng tiêu điểm, không đổi khung */
.lb-src{cursor:zoom-in}
.lb-src:hover{filter:brightness(.97)}
.lb-src:focus-visible{outline:2px solid var(--accink,#0B7470);outline-offset:-4px}
html.lb-lock{overflow:hidden}
.lb{position:fixed;inset:0;z-index:9;display:flex;flex-direction:column;background:#0A0F0E;color:#FFFFFF}
.lb :focus-visible{outline:2px solid #FFFFFF;outline-offset:2px}
.lb-bar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;height:56px;padding:0 var(--px)}
.lb-count{font-size:14px;line-height:20px;font-weight:700;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.lb-x,.lb-nav{width:44px;height:44px;border-radius:999px;display:flex;align-items:center;justify-content:center;flex:none;color:#FFFFFF;background:rgba(255,255,255,.12);font:inherit}
.lb-x:hover{background:rgba(255,255,255,.24)}
.lb-nav{background:rgba(8,14,13,.6)}
.lb-nav:hover{background:rgba(8,14,13,.8)}
.lb-stage{flex:1 1 auto;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;padding:8px;touch-action:pan-y}
.lb-img{container-type:size;width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-width:0}
.lb-img .ph{width:100%;aspect-ratio:3/2;height:auto;border-radius:12px;color:var(--phink,#6E7B77)}
@supports (width:1cqw){
.lb-img .ph{width:min(100cqw,150cqh)}
}
.lb-img .ph .ic{width:56px;height:56px}
.lb-nav{position:absolute;z-index:1;top:calc(50% - 22px)}
.lb-prev{left:16px}
.lb-next{right:16px}
.lb-ts{flex:none;overflow-x:auto;padding:12px var(--px) calc(12px + env(safe-area-inset-bottom));scrollbar-width:thin}
.lb-tin{display:flex;gap:8px;width:max-content;margin:0 auto}
.lb-t{flex:none;width:72px;padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;opacity:.55;background:transparent;font:inherit}
.lb-t:hover{opacity:.85}
.lb-t.on{opacity:1;border-color:#FFFFFF}
.lb-t .ph{aspect-ratio:4/3;border-radius:6px}
.lb.one .lb-nav,.lb.one .lb-count{display:none}
@keyframes lb-r{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
@keyframes lb-l{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:none}}
.lb-img .ph.lb-r{animation:lb-r .2s ease-out}
.lb-img .ph.lb-l{animation:lb-l .2s ease-out}
@media (prefers-reduced-motion: reduce){
.lb-img .ph.lb-r,.lb-img .ph.lb-l{animation:none}
}
@media (max-width: 699.98px){
.lb-bar{padding:0 16px}
.lb-ts{padding:8px 16px calc(8px + env(safe-area-inset-bottom))}
.lb-t{width:56px;border-radius:8px}
}
/* khung video và bản đồ: tour, điểm đến, khách sạn */
.mv{margin:0;display:flex;flex-direction:column;gap:8px;min-width:0}
.mv-f{position:relative;aspect-ratio:16/9;border-radius:16px;border:1px solid var(--line,#E7E0D4);overflow:hidden}
.mv-play{position:relative;z-index:1;width:64px;height:64px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--acc,#0B7A75);color:var(--on,#FFFFFF)}
.mv-play:hover{filter:brightness(1.06)}
.mv-play:focus-visible{outline:2px solid var(--accink,#0B7470);outline-offset:4px}
.mv-play .ic{width:24px;height:24px;margin-left:2px;fill:currentColor;stroke:none;opacity:1}
.mv-st{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;text-align:center;font-size:var(--sm);line-height:var(--smlh);font-weight:600;background:var(--foot,#0F1A18);color:var(--deepink,#F4F1EA)}
.mv-map{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background-color:var(--sunk,#F3EEE5);background-image:linear-gradient(var(--line,#E7E0D4) 1px,transparent 1px),linear-gradient(90deg,var(--line,#E7E0D4) 1px,transparent 1px);background-size:48px 48px}
.mv-pin{width:40px;height:40px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--acc,#0B7A75);color:var(--on,#FFFFFF)}
.mv-ml{padding:4px 10px;border-radius:999px;border:1px solid var(--line2,#D8CFBF);background:var(--surf,#FFFFFF);font-size:var(--xs);line-height:16px;font-weight:700;color:var(--ink2,#3C4947)}
.mv-c{min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:4px 12px;flex-wrap:wrap;font-size:var(--sm);line-height:var(--smlh);font-weight:600;color:var(--mut,#5B6865)}
.mv-c .more{font-size:var(--sm);min-height:32px}
.mv-c .more:focus-visible{outline:2px solid var(--accink,#0B7470);outline-offset:2px}
/* đầu trang danh mục: mô tả (tour, khách sạn) */
.cat-info{display:flex;flex-direction:column;gap:16px;padding-bottom:var(--headmb)}
.cat-info[data-n="0"]{display:none}
.cat-lead{margin:0;font-size:var(--body);line-height:var(--bodylh);color:var(--ink2,#3C4947);overflow-wrap:anywhere}
.sec-sunk{background:var(--sunk,#F3EEE5)}
.hero{padding-top:var(--herotop)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 460px;column-gap:64px;align-items:center}
.hero-copy{display:flex;flex-direction:column;gap:20px;min-width:0;padding-bottom:48px}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;height:32px;padding:0 14px;border-radius:999px;background:var(--tint,#E7F2F1);color:var(--tintink,#0B7470);font-size:var(--sm);font-weight:700}
.hero-h1{margin:0;font-size:var(--h1);line-height:var(--h1lh)}
.hero-h1 em{font-style:italic;color:var(--accink,#0B7470)}
.hero-lead{margin:0;font-size:var(--body);line-height:var(--bodylh);color:var(--ink2,#3C4947)}
.hero-quick{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.hero-quick-l{font-size:var(--sm);font-weight:600;color:var(--mut,#5B6865);margin-right:4px}
.chip{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line2,#D8CFBF);background:var(--surf,#FFFFFF);font-size:var(--sm);font-weight:600;color:var(--ink,#17211F)}
.chip:hover{border-color:var(--accline,#AAD0CF)}
.hv{position:relative}
.hv-main{aspect-ratio:460/470;border-radius:230px 230px 28px 28px}
.hv-round{position:absolute;left:-56px;bottom:88px;width:132px;aspect-ratio:1/1;border-radius:999px;border:6px solid var(--bg,#FBF8F3)}
.hv-small{position:absolute;right:-24px;top:64px;width:120px;aspect-ratio:4/5;border-radius:20px;border:6px solid var(--bg,#FBF8F3)}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .hero-grid{grid-template-columns:minmax(0,1fr) 380px;column-gap:40px}
.ht.ht .hv-main{aspect-ratio:380/430;border-radius:190px 190px 28px 28px}
.ht.ht .hv-round{left:-32px;width:104px}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .hero-grid{grid-template-columns:minmax(0,1fr);row-gap:24px}
}
@media (max-width: 699.98px){
.ht.ht .hero-grid{grid-template-columns:minmax(0,1fr);row-gap:24px}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .hero-copy{padding-bottom:0;gap:14px}
}
@media (max-width: 699.98px){
.ht.ht .hero-copy{padding-bottom:0;gap:14px}
.ht.ht .hero-copy{gap:12px}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .hv-main{aspect-ratio:16/7;border-radius:160px 160px 24px 24px}
}
@media (max-width: 699.98px){
.ht.ht .hv-main{aspect-ratio:16/8;border-radius:100px 100px 20px 20px}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .hv-round,.ht.ht .hv-small{display:none}
}
@media (max-width: 699.98px){
.ht.ht .hv-round,.ht.ht .hv-small{display:none}
}
.dock{position:relative;z-index:3;margin-top:-56px;background:var(--surf,#FFFFFF);border:1px solid var(--line,#E7E0D4);border-radius:28px;box-shadow:0 28px 56px -28px rgba(20,33,31,.34),0 2px 8px rgba(20,33,31,.06);padding:20px;display:flex;flex-direction:column;gap:16px}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .dock{margin-top:-48px;padding:16px;border-radius:24px}
}
@media (max-width: 699.98px){
.ht.ht .dock{margin-top:-44px;padding:12px;border-radius:22px;gap:12px}
}
.tabs{display:flex;gap:4px;padding:4px;background:var(--sunk,#F3EEE5);border-radius:999px;align-self:flex-start;border:1px solid var(--line,#E7E0D4)}
@media (max-width: 699.98px){
.ht.ht .tabs{align-self:stretch;overflow-x:auto;scrollbar-width:none}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .tabs{align-self:stretch;overflow-x:auto;scrollbar-width:none}
}
.tabs::-webkit-scrollbar{display:none}
.tab{display:flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:999px;font-size:15px;font-weight:700;color:var(--ink2,#3C4947);white-space:nowrap;flex:none}
.tab:hover{color:var(--ink,#17211F)}
.tab.on{background:var(--acc,#0B7A75);color:var(--on,#FFFFFF)}
@media (max-width: 699.98px){
.ht.ht .tab{padding:0 14px;font-size:14px}
}
.srow{display:flex;align-items:stretch;gap:12px}
.sf{flex:1;min-width:0;display:flex;border:1px solid var(--line2,#D8CFBF);border-radius:20px;background:var(--bg,#FBF8F3)}
.sfield{display:flex;align-items:center;gap:12px;min-width:0;min-height:var(--fieldh);padding:10px 20px;border-left:1px solid var(--line2,#D8CFBF);text-align:left}
.sfield:first-child{border-left:0}
.sfield:hover{background:var(--sunk,#F3EEE5)}
.sfield:first-child{border-radius:19px 0 0 19px}
.sfield:last-child{border-radius:0 19px 19px 0}
.sfield-ic{color:var(--accink,#0B7470)}
.sbtn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:132px;padding:0 28px;border-radius:20px;background:var(--acc,#0B7A75);color:var(--on,#FFFFFF);font-size:16px;font-weight:700}
.sbtn:hover{filter:brightness(1.06)}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .srow{flex-direction:column;gap:12px}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .srow{flex-direction:column;gap:12px}
}
@media (max-width: 699.98px){
.ht.ht .srow{flex-direction:column;gap:12px}
}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .sf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:0;background:transparent;gap:8px}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .sf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:0;background:transparent;gap:8px}
}
@media (max-width: 699.98px){
.ht.ht .sf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:0;background:transparent;gap:8px}
}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .sfield{border:1px solid var(--line2,#D8CFBF);border-radius:16px;background:var(--bg,#FBF8F3)}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .sfield{border:1px solid var(--line2,#D8CFBF);border-radius:16px;background:var(--bg,#FBF8F3)}
}
@media (max-width: 699.98px){
.ht.ht .sfield{border:1px solid var(--line2,#D8CFBF);border-radius:16px;background:var(--bg,#FBF8F3)}
}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .sfield:first-child,.ht.ht .sfield:last-child{border-radius:16px}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .sfield:first-child,.ht.ht .sfield:last-child{border-radius:16px}
}
@media (max-width: 699.98px){
.ht.ht .sfield:first-child,.ht.ht .sfield:last-child{border-radius:16px}
}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .sfield.odd{grid-column:1/-1}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .sfield.odd{grid-column:1/-1}
}
@media (max-width: 699.98px){
.ht.ht .sfield{min-height:60px;padding:8px 14px;gap:10px}
.ht.ht .sfield.full{grid-column:1/-1}
.ht.ht .sbtn{height:52px;width:100%}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .sbtn{height:52px;width:100%}
}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .sbtn{height:52px;width:100%}
}
.board-list{display:flex;flex-direction:column;gap:32px;padding-top:var(--headmb);padding-bottom:var(--secy)}
.board-item{display:flex;flex-direction:column;gap:12px}
.board-item .dock{margin-top:0}
.dgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:280px;gap:var(--gap)}
.dc{position:relative;border-radius:var(--r);overflow:hidden;display:block;min-height:0;color:#fff}
.dc.wide{grid-column:span 2}
.dc .ph{position:absolute;inset:0;height:100%}
.dc-shade{position:absolute;left:0;right:0;bottom:0;height:176px;background:linear-gradient(to top,rgba(8,14,13,.86) 0,rgba(8,14,13,.78) 96px,rgba(8,14,13,0) 176px)}
.dc-tx{position:absolute;left:20px;right:20px;bottom:18px;display:flex;flex-direction:column;gap:4px}
.dc-path{font-size:var(--xs);line-height:16px;font-weight:600;color:rgba(255,255,255,.86)}
.dc-name{font-size:24px;line-height:28px;color:#fff}
.dc-count{display:inline-flex;align-items:center;gap:6px;font-size:var(--sm);font-weight:600;color:rgba(255,255,255,.92)}
.dc-arrow{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:999px;background:rgba(255,255,255,.92);color:#10201E;display:flex;align-items:center;justify-content:center}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .dgrid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:200px}
}
@media (max-width: 699.98px){
.ht.ht .dgrid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:200px}
.ht.ht .dgrid{grid-auto-rows:168px}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .dc.wide{grid-column:span 2}
}
@media (max-width: 699.98px){
.ht.ht .dc.wide{grid-column:span 2}
.ht.ht .dc-tx{left:14px;right:14px;bottom:12px}
.ht.ht .dc-name{font-size:18px;line-height:22px}
.ht.ht .dc-arrow{display:none}
}
.kgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}
.kc{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:var(--r);background:var(--surf,#FFFFFF);border:1px solid var(--line,#E7E0D4)}
.kc:hover{border-color:var(--accline,#AAD0CF)}
.kc-ic{width:48px;height:48px;border-radius:16px;background:var(--tint,#E7F2F1);color:var(--tintink,#0B7470);display:flex;align-items:center;justify-content:center}
.kc-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.kc-name{font-size:16px;line-height:22px;font-weight:700;color:var(--ink,#17211F)}
.kc-sub{font-size:var(--sm);line-height:var(--smlh);color:var(--mut,#5B6865)}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .kgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 699.98px){
.ht.ht .kgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ht.ht .kc{flex-direction:column;align-items:flex-start;gap:10px;padding:14px}
.ht.ht .kc-ic{width:40px;height:40px;border-radius:12px}
}
.band{background:var(--deep,#14211F);color:var(--deepink,#F4F1EA)}
.band .eyebrow{color:var(--accdeep,#3B9490)}
.band .h2{color:var(--deepink,#F4F1EA)}
.band .sec-lead{color:var(--deepmut,#B4C0BB)}
.sgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}
.svc{display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:var(--r);border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04)}
.svc-ic{width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.08);color:var(--accdeep,#3B9490);display:flex;align-items:center;justify-content:center}
.svc-name{margin:0;font-size:var(--name);line-height:var(--namelh);font-weight:700;color:var(--deepink,#F4F1EA)}
.svc-desc{margin:0;font-size:var(--sm);line-height:var(--smlh);color:var(--deepmut,#B4C0BB)}
.svc-price{margin-top:auto;padding-top:12px;border-top:1px solid rgba(255,255,255,.16);display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.band .pr{color:var(--deepink,#F4F1EA)}
.band .pr-unit{color:var(--deepmut,#B4C0BB)}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .sgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 699.98px){
.ht.ht .sgrid{grid-template-columns:minmax(0,1fr);gap:10px}
.ht.ht .svc{padding:16px;display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;row-gap:4px}
.ht.ht .svc-ic{grid-row:span 3}
.ht.ht .svc-price{margin-top:4px;padding-top:6px}
}
.rgrid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:64px;align-items:start}
.rlist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 40px}
.ri{display:flex;flex-direction:column;gap:10px}
.ri-ic{width:48px;height:48px;border-radius:999px;border:1.5px solid var(--accline,#AAD0CF);color:var(--accink,#0B7470);display:flex;align-items:center;justify-content:center}
.ri-t{margin:0;font-size:18px;line-height:24px;font-weight:700}
.ri-d{margin:0;font-size:var(--body);line-height:var(--bodylh);color:var(--ink2,#3C4947)}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .rgrid{column-gap:40px}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .rgrid{grid-template-columns:minmax(0,1fr);row-gap:24px}
}
@media (max-width: 699.98px){
.ht.ht .rgrid{grid-template-columns:minmax(0,1fr);row-gap:24px}
.ht.ht .rlist{grid-template-columns:minmax(0,1fr);gap:20px}
.ht.ht .ri{flex-direction:row;gap:14px}
.ht.ht .ri-ic{width:44px;height:44px}
}
.ri-tx{display:flex;flex-direction:column;gap:4px;min-width:0}
@media (max-width: 699.98px){
.ht.ht .ri-t{font-size:16px;line-height:22px}
}
.xgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap);align-items:start}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .xgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .xgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 699.98px){
.ht.ht .xgrid{grid-template-columns:minmax(0,1fr);gap:12px}
}
.fgrid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:64px;align-items:start}
.fl{display:flex;flex-direction:column;gap:12px}
.fq-g{font-size:var(--xs);line-height:16px;color:var(--mut,#5B6865);font-weight:600}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .fgrid{column-gap:40px}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .fgrid{grid-template-columns:minmax(0,1fr);row-gap:20px}
}
@media (max-width: 699.98px){
.ht.ht .fgrid{grid-template-columns:minmax(0,1fr);row-gap:20px}
}
.contact{padding-bottom:var(--secy)}
.ct{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;padding:48px;border-radius:32px;background:var(--acc,#0B7A75);color:var(--on,#FFFFFF)}
.ct-tx{display:flex;flex-direction:column;gap:10px;min-width:0}
.ct-t{margin:0;font-size:var(--h2);line-height:var(--h2lh);color:var(--on,#FFFFFF)}
.ct-d{margin:0;font-size:var(--body);line-height:var(--bodylh);color:var(--on,#FFFFFF)}
.ct-act{display:flex;flex-direction:column;align-items:stretch;gap:12px}
.ct-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 28px;border-radius:999px;background:var(--on,#FFFFFF);color:var(--acc,#0B7A75);font-size:16px;font-weight:800;white-space:nowrap}
.ct-links{display:flex;align-items:center;justify-content:center;gap:20px;font-size:15px;font-weight:700;color:var(--on,#FFFFFF)}
.ct-links a{display:inline-flex;align-items:center;gap:8px;min-height:44px}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .ct{padding:40px}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .ct{padding:32px;grid-template-columns:minmax(0,1fr)}
}
@media (max-width: 699.98px){
.ht.ht .ct{padding:24px 20px;grid-template-columns:minmax(0,1fr);gap:20px;border-radius:24px}
}
.ri-ic{flex:none}
.xgrid{align-items:stretch}
@media (max-width: 699.98px){
.ht.ht .hero-quick .chip:nth-of-type(n+3){display:none}
.ht.ht .tab{padding:0 12px;font-size:13px;gap:6px}
}
@media (max-width: 699.98px){
.ht.ht .sfield:not(.full) .sfield-chev{display:none}
}

/* Bốn khối đệm (tờ 50): ẩn mặc định, hiện bằng ?state=filler. Nền xen kẽ do theme.js gắn tn-s / tn-t (tn-p là nền trang) */
.fb.tn-s{background:var(--sunk,#F3EEE5)}
.fb.tn-t{background:var(--tint,#E7F2F1)}
.fb.tn-t .eyebrow,.fb.tn-t .sts-v{color:var(--tintink,#0B7470)}
.stl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:0;padding:0;list-style:none}
.sti{display:flex;flex-direction:column;gap:8px;min-width:0}
.sti-n{flex:none;width:44px;height:44px;border-radius:999px;background:var(--acc,#0B7A75);color:var(--on,#FFFFFF);display:flex;align-items:center;justify-content:center;font-size:18px;line-height:24px;font-weight:800}
.sti-t{margin:0;font-size:18px;line-height:24px;font-weight:700}
.sti-d{margin:0;font-size:var(--body);line-height:var(--bodylh);color:var(--ink2,#3C4947)}
.stg{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:32px}
.sts{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;min-width:0}
.sts-v{font-size:28px;line-height:34px;font-weight:500;color:var(--accink,#0B7470)}
.sts-l{font-size:var(--body);line-height:var(--bodylh);color:var(--ink2,#3C4947)}
.ofg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);align-items:stretch}
.ofg[data-n="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.ofg[data-n="1"]{grid-template-columns:minmax(0,1fr)}
.of{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:24px;border-radius:var(--r);background:var(--surf,#FFFFFF);border:1px solid var(--line,#E7E0D4);min-width:0}
.of-u{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:var(--tint,#E7F2F1);color:var(--tintink,#0B7470);font-size:var(--xs);font-weight:700}
.of-t{margin:0;font-size:18px;line-height:24px;font-weight:700}
.of-d{margin:0;font-size:var(--body);line-height:var(--bodylh);color:var(--ink2,#3C4947)}
.of .more{margin-top:auto}
.ofg[data-n="1"] .of{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:32px;row-gap:8px;align-items:center}
.ofg[data-n="1"] .of>.of-u,.ofg[data-n="1"] .of>.of-t,.ofg[data-n="1"] .of>.of-d{grid-column:1}
.ofg[data-n="1"] .of>.of-u{justify-self:start}
.ofg[data-n="1"] .of>.more{grid-column:2;grid-row:1 / span 3;margin-top:0}
.pnl{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--gap);margin:0;padding:0;list-style:none}
.pn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:96px;padding:16px 12px;border-radius:var(--r);background:var(--surf,#FFFFFF);border:1px solid var(--line,#E7E0D4);color:var(--ink2,#3C4947);font-size:15px;line-height:20px;font-weight:700;text-align:center;min-width:0}
.pn .ic{color:var(--accink,#0B7470)}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .stl{gap:24px}
.ht.ht .ofg,.ht.ht .ofg[data-n="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.ht.ht .ofg[data-n="1"]{grid-template-columns:minmax(0,1fr)}
.ht.ht .ofg[data-n="3"] .of:last-child{grid-column:1 / -1}
.ht.ht .pnl{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width: 859.98px){
.ht.ht .stg{gap:24px}
.ht.ht .sts-v{font-size:26px;line-height:32px}
}
@media (max-width: 699.98px){
.ht.ht .stl{grid-template-columns:minmax(0,1fr);gap:20px}
.ht.ht .sti{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:12px;row-gap:4px;align-items:start}
.ht.ht .sti-n{grid-row:1 / span 2}
.ht.ht .sti-t{font-size:16px;line-height:22px;align-self:center}
.ht.ht .sti-d{grid-column:2}
.ht.ht .stg{gap:16px}
.ht.ht .stg[data-n="4"]{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px}
.ht.ht .sts-v{font-size:22px;line-height:28px}
.ht.ht .sts-l{font-size:var(--sm);line-height:var(--smlh)}
.ht.ht .ofg,.ht.ht .ofg[data-n="2"],.ht.ht .ofg[data-n="1"]{grid-template-columns:minmax(0,1fr);gap:12px}
.ht.ht .of,.ht.ht .ofg[data-n="1"] .of{display:flex;padding:20px;gap:8px}
.ht.ht .of-t{font-size:16px;line-height:22px}
.ht.ht .ofg[data-n="1"] .of>.more{margin-top:auto}
.ht.ht .pnl{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ht.ht .pn{min-height:80px;padding:12px;font-size:14px;line-height:20px}
}

/* Trang chủ dẫn bằng mảng (tờ 52). theme.js ghi data-lead lên trang; không có data-lead hoặc lead = tour thì giữ nguyên bản cũ (vòm + hai ảnh nhỏ) */
.hero-vr{display:contents}
.ht[data-lead="hotel"] .hv-main{--ph-sage-a:var(--ph-sand-a,#E3DBCB);--ph-sage-b:var(--ph-sand-b,#CFC5B2)}
.ht[data-lead="car"] .hv-main{--ph-sage-a:var(--ph-slate-a,#D3D9DD);--ph-sage-b:var(--ph-slate-b,#B9C2C8)}
.ht[data-lead="visa"] .hv-main{--ph-sage-a:var(--ph-mist-a,#D9E1E0);--ph-sage-b:var(--ph-mist-b,#C0CDCB)}
.ht[data-lead="ticket"] .hv-main{--ph-sage-a:var(--ph-clay-a,#E6D5CA);--ph-sage-b:var(--ph-clay-b,#D2BCAD)}
.ht[data-lead="ticket"] .hv-round{--ph-clay-a:var(--ph-sage-a,#D5DDD3);--ph-clay-b:var(--ph-sage-b,#BDC9BD)}
.ht[data-lead="service"] .hv-main{--ph-sage-a:var(--ph-stone-a,#DDDAD4);--ph-sage-b:var(--ph-stone-b,#C6C2BA)}
@media (min-width: 860px){
.ht.ht[data-lead="hotel"] .hv,.ht.ht[data-lead="car"] .hv,.ht.ht[data-lead="visa"] .hv,.ht.ht[data-lead="ticket"] .hv,.ht.ht[data-lead="service"] .hv{padding-bottom:48px}
.ht.ht[data-lead="hotel"] .hv-main,.ht.ht[data-lead="car"] .hv-main,.ht.ht[data-lead="visa"] .hv-main,.ht.ht[data-lead="ticket"] .hv-main,.ht.ht[data-lead="service"] .hv-main{margin-bottom:24px}
.ht.ht[data-lead="hotel"] .hv-main{aspect-ratio:460/380;border-radius:28px}
.ht.ht[data-lead="hotel"] .hv-round{display:none}
.ht.ht[data-lead="hotel"] .hv-small{top:auto;bottom:80px;right:-24px;aspect-ratio:1/1}
.ht.ht[data-lead="car"] .hv-main{aspect-ratio:460/300;border-radius:999px}
.ht.ht[data-lead="car"] .hv-small{display:none}
.ht.ht[data-lead="car"] .hv-round{bottom:48px}
.ht.ht[data-lead="visa"] .hv-main{width:72%;margin-left:auto;aspect-ratio:4/5;border-radius:20px}
.ht.ht[data-lead="visa"] .hv-small{display:none}
.ht.ht[data-lead="visa"] .hv-round{left:0;bottom:104px}
.ht.ht[data-lead="ticket"] .hv-main{aspect-ratio:460/340;border-radius:20px;-webkit-mask:radial-gradient(circle 20px at 0 50%,#0000 97%,#000) left/51% 100% no-repeat,radial-gradient(circle 20px at 100% 50%,#0000 97%,#000) right/51% 100% no-repeat;mask:radial-gradient(circle 20px at 0 50%,#0000 97%,#000) left/51% 100% no-repeat,radial-gradient(circle 20px at 100% 50%,#0000 97%,#000) right/51% 100% no-repeat}
.ht.ht[data-lead="ticket"] .hv-small{display:none}
.ht.ht[data-lead="ticket"] .hv-round{left:auto;right:-24px;top:-24px;bottom:auto}
.ht.ht[data-lead="service"] .hv-main{width:80%;margin-left:auto;margin-right:auto;aspect-ratio:1/1;border-radius:999px}
.ht.ht[data-lead="service"] .hv-round{left:-24px;bottom:104px}
.ht.ht[data-lead="service"] .hv-small{right:-8px;top:40px}
}
@media (max-width: 859.98px){
.ht.ht[data-lead="hotel"] .hv-main{border-radius:24px}
.ht.ht[data-lead="car"] .hv-main{border-radius:999px}
.ht.ht[data-lead="visa"] .hv-main{border-radius:12px}
.ht.ht[data-lead="service"] .hv-main{border-radius:120px 20px 120px 20px}
.ht.ht[data-lead="ticket"] .hv-main{border-radius:16px;-webkit-mask:radial-gradient(circle 14px at 0 50%,#0000 97%,#000) left/51% 100% no-repeat,radial-gradient(circle 14px at 100% 50%,#0000 97%,#000) right/51% 100% no-repeat;mask:radial-gradient(circle 14px at 0 50%,#0000 97%,#000) left/51% 100% no-repeat,radial-gradient(circle 14px at 100% 50%,#0000 97%,#000) right/51% 100% no-repeat}
}
/* khối visa và khối vé ở trang chủ chỉ có ba thẻ: ba cột từ 700 trở lên */
@media (min-width: 700px){
.ht.ht .vzh,.ht.ht .akh{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* dải mảng phụ: một hàng nút nhỏ, mỗi mảng một lối sang trang danh sách */
.fb-s .sec{padding-top:24px;padding-bottom:24px}
.ss{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}
.ss-l{font-size:var(--xs);line-height:16px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mut,#5B6865)}
.ss-g{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.ss-i{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line2,#D8CFBF);background:var(--surf,#FFFFFF);font-size:15px;line-height:20px;font-weight:600;color:var(--ink,#17211F)}
.ss-i .ic{color:var(--accink,#0B7470);flex:none}
.ss-i:hover{border-color:var(--accline,#AAD0CF)}
@media (max-width: 699.98px){
.ht.ht .fb-s .sec{padding-top:20px;padding-bottom:20px}
.ht.ht .ss{gap:12px}
}

/* Tờ 58: trang chủ doanh nghiệp (index.html?main=business). Chỉ cho các khối do assets/js/biz-home.js dựng; thẻ ca khách hàng ở theme.css */
.bz-hero{display:grid;grid-template-columns:minmax(0,1fr);padding-top:var(--herotop)}
.bz-hero-img{grid-area:1/1;display:flex;border-radius:28px;overflow:hidden}
.bz-hero-img .ph{flex:1;min-height:520px}
.bz-hero-card{grid-area:1/1;align-self:end;justify-self:start;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:min(560px,calc(100% - 64px));margin:32px;padding:32px;border-radius:24px;background:var(--surf,#FFFFFF);border:1px solid var(--line,#E7E0D4);box-shadow:0 12px 32px rgba(20,33,31,.14)}
.bz-act{display:flex;flex-wrap:wrap;gap:12px}
.bz-note{margin:0;font-size:var(--sm);line-height:var(--smlh);color:var(--mut,#5B6865)}
.pn-lg{width:44px;height:44px;border-radius:14px;background:var(--tint,#E7F2F1);display:flex;align-items:center;justify-content:center}
.pn .pn-lg .ic{color:var(--tintink,#0B7470)}
.xgrid.xg3{grid-template-columns:repeat(3,minmax(0,1fr))}
.bz-q{padding-top:var(--secy)}
.bz-quote{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:start;padding:40px;border-radius:32px;background:var(--surf,#FFFFFF);border:1px solid var(--line,#E7E0D4)}
.bz-quote-tx{display:flex;flex-direction:column;gap:12px;min-width:0}
.bz-quote-form{display:flex;flex-direction:column;gap:20px;min-width:0}
.bz-quote-foot{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .bz-hero-img .ph{min-height:480px}
.ht.ht .bz-quote{gap:32px;padding:32px}
.ht.ht .xgrid.xg3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .bz-hero-img .ph{min-height:460px}
.ht.ht .bz-hero-card{width:min(520px,calc(100% - 48px));margin:24px;padding:24px;gap:12px}
.ht.ht .bz-quote{grid-template-columns:minmax(0,1fr);gap:24px;padding:32px}
.ht.ht .xgrid.xg3{grid-template-columns:minmax(0,1fr)}
}
@media (max-width: 699.98px){
.ht.ht .bz-hero-img{border-radius:20px}
.ht.ht .bz-hero-img .ph{min-height:0;aspect-ratio:16/10}
.ht.ht .bz-hero-card{grid-area:2/1;align-self:auto;justify-self:stretch;width:auto;margin:-32px 12px 0;padding:20px;gap:12px;border-radius:20px}
.ht.ht .bz-act{align-self:stretch}
.ht.ht .bz-act .btn{flex:1 1 auto}
.ht.ht .bz-quote{grid-template-columns:minmax(0,1fr);gap:20px;padding:24px 20px;border-radius:24px}
.ht.ht .bz-quote-foot{flex-direction:column;align-items:stretch}
.ht.ht .bz-quote-foot .btn{width:100%}
.ht.ht .bz-quote-foot .more{justify-content:center}
}
.bz-hero-card .hero-h1 em{white-space:nowrap}
.band .more{color:var(--accdeep,#3B9490)}
.tl{display:grid;grid-template-columns:280px minmax(0,1fr);column-gap:32px;align-items:start;padding-bottom:var(--secy)}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .tl{grid-template-columns:248px minmax(0,1fr);column-gap:24px}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .tl{grid-template-columns:minmax(0,1fr)}
}
@media (max-width: 699.98px){
.ht.ht .tl{grid-template-columns:minmax(0,1fr)}
}
.trs{display:flex;flex-direction:column;gap:var(--gap);min-width:0}
.tf{background:var(--surf,#FFFFFF);border:1px solid var(--line,#E7E0D4);border-radius:var(--r);padding:20px}
.tf-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line,#E7E0D4)}
.tf-t{margin:0;font-size:18px;line-height:24px;font-weight:700}
.tf-r{display:inline-flex;align-items:center;min-height:32px;font-size:var(--sm);font-weight:700;color:var(--accink,#0B7470)}
.tf-r:hover{text-decoration:underline}
.fx-gs{display:flex;flex-direction:column}
.fx-g{display:flex;flex-direction:column;gap:12px;padding:16px 0;border-top:1px solid var(--line,#E7E0D4)}
.fx-g:first-child{border-top:0}
.fx-h{display:flex;align-items:center;justify-content:space-between;gap:8px}
.fx-t{font-size:var(--sm);line-height:var(--smlh);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mut,#5B6865)}
.fx-c{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--acc,#0B7A75);color:var(--on,#FFFFFF);font-size:var(--xs);line-height:20px;font-weight:700;text-align:center}
.fx-list{display:flex;flex-direction:column}
.cb{display:flex;align-items:center;gap:10px;min-height:36px;cursor:pointer}
.cb-x.none{display:none}
.cb.on .cb-l{font-weight:700}
.fx-more{display:inline-flex;align-items:center;gap:6px;min-height:32px;font-size:var(--sm);font-weight:700;color:var(--accink,#0B7470)}
.fx-more:hover{text-decoration:underline}
.fx-pills{display:flex;flex-wrap:wrap;gap:8px}
.fx-rg{display:flex;align-items:center;gap:8px}
.fx-sep{color:var(--mut,#5B6865);font-weight:700}
.fx-hint{font-size:var(--xs);line-height:16px;color:var(--mut,#5B6865);font-weight:600}
.fx-dts{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.fx-date{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 14px;border-radius:14px;border:1px solid var(--line2,#D8CFBF);background:var(--bg,#FBF8F3);color:var(--accink,#0B7470);text-align:left}
.fx-date.on{border-color:var(--accline,#AAD0CF);background:var(--tint,#E7F2F1)}
.fx-date .sfield-l{color:var(--mut,#5B6865)}
.frow{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-right:calc(var(--px) * -1);padding-right:var(--px)}
.frow::-webkit-scrollbar{display:none}
.frow-b{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line2,#D8CFBF);background:var(--surf,#FFFFFF);font-size:15px;font-weight:700;color:var(--ink,#17211F);white-space:nowrap;flex:none}
.frow-b.on{border-color:var(--accline,#AAD0CF);background:var(--tint,#E7F2F1);color:var(--tintink,#0B7470)}
.frow-b.all{background:var(--ink,#17211F);border-color:var(--ink,#17211F);color:var(--bg,#FBF8F3)}
.frow-n{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--acc,#0B7A75);color:var(--on,#FFFFFF);font-size:var(--xs);line-height:20px;font-weight:700;text-align:center}
.frow-b.all .frow-n{background:var(--bg,#FBF8F3);color:var(--ink,#17211F)}
.fbtn{display:flex;align-items:center;justify-content:center;gap:10px;height:48px;width:100%;padding:0 20px;border-radius:999px;border:1px solid var(--line2,#D8CFBF);background:var(--surf,#FFFFFF);font-size:15px;font-weight:700;color:var(--ink,#17211F)}
.fbtn .ic{color:var(--accink,#0B7470)}
.achips{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.achip{display:inline-flex;align-items:center;gap:4px;height:36px;padding:0 6px 0 14px;border-radius:999px;background:var(--tint,#E7F2F1);color:var(--tintink,#0B7470);font-size:var(--sm);font-weight:700;white-space:nowrap}
.achip.ro{padding:0 14px;height:32px}
.achip-x{width:28px;height:28px;border-radius:999px;display:flex;align-items:center;justify-content:center;color:var(--tintink,#0B7470)}
.achip-x:hover{background:rgba(8,14,13,.08)}
.achip-clear{display:inline-flex;align-items:center;min-height:36px;padding:0 8px;font-size:var(--sm);font-weight:700;color:var(--accink,#0B7470)}
.achip-clear:hover{text-decoration:underline}
.sortbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.sortbar-t{font-size:var(--sm);line-height:var(--smlh);color:var(--ink2,#3C4947);font-weight:600}
.seg{display:inline-flex;padding:4px;gap:4px;border-radius:999px;background:var(--sunk,#F3EEE5);border:1px solid var(--line,#E7E0D4)}
.seg-o{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 14px;border-radius:999px;font-size:14px;font-weight:700;color:var(--mut,#5B6865);white-space:nowrap}
.seg-o.on{background:var(--surf,#FFFFFF);color:var(--ink,#17211F);box-shadow:0 1px 3px rgba(20,33,31,.16)}
.seg-i .seg-o{width:40px;padding:0}
.sortbar>.seg:first-of-type{margin-left:auto}
@media (max-width: 699.98px){
.ht.ht .sortbar{flex-direction:column;align-items:stretch;gap:8px}
.ht.ht .sortbar .seg{overflow-x:auto;scrollbar-width:none;margin-left:0}
.ht.ht .sortbar .seg::-webkit-scrollbar{display:none}
.ht.ht .seg-o{height:40px;flex:none}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .sortbar{flex-wrap:nowrap}
}
.pg-b.gap{border-color:transparent;background:transparent;color:var(--mut,#5B6865)}
.state-cap{display:flex;align-items:center;gap:10px;padding-bottom:12px;font-size:var(--sm);font-weight:700;color:var(--mut,#5B6865);text-transform:uppercase;letter-spacing:.06em}
.state-cap b{color:var(--accink,#0B7470)}
.emp .achips{justify-content:center}
.fsheet{position:absolute;left:0;right:0;bottom:0;height:calc(100% - 64px);display:flex;flex-direction:column;background:var(--surf,#FFFFFF);border:1px solid var(--line2,#D8CFBF);border-bottom:0;border-radius:28px 28px 0 0;box-shadow:0 -24px 48px -24px rgba(8,14,13,.5);color:var(--ink,#17211F)}
.fsheet>.pal-grab{margin-top:12px}
.fsheet-h{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 16px}
.fsheet-h .pal-t{flex:1}
.fsheet-b{flex:1;min-height:0;overflow-y:auto;padding:0 16px}
.fsheet-f{display:flex;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line,#E7E0D4);background:var(--surf,#FFFFFF)}
.fsheet-f .btn{height:52px}
.fsheet-f .btn-line{flex:1 1 0}
.fsheet-f .btn-solid{flex:2 1 0}
@media (max-width: 699.98px){
.ht.ht .cb{min-height:44px}
.ht.ht .fx-more{min-height:44px}
.ht.ht .sortbar{display:grid;grid-template-columns:minmax(0,1fr)}
.ht.ht .sortbar .seg{width:100%;min-width:0}
.ht.ht .sortbar .seg-i{display:none}
}
/* ba bậc của bộ lọc, chỉ bằng @media: >= 860 cột lọc + view-toggle, 700-859 hàng nút, < 700 nút Lọc (khay ở ?state=filter) */
@media (max-width: 859.98px){
.ht.ht [data-k=tour-filter]{display:none}
.ht.ht .sortbar .seg-i{display:none}
}
@media (min-width: 860px), (max-width: 699.98px){
.ht.ht .frow{display:none}
}
@media (min-width: 700px){
.ht.ht .fbtn,.ht.ht [data-k=filter-scrim],.ht.ht [data-k=filter-sheet]{display:none}
}
.cat-cover{position:relative;height:280px;margin-top:8px;margin-bottom:var(--headmb);border-radius:28px;overflow:hidden;color:#FFFFFF}
.cat-cover .ph{position:absolute;inset:0;height:100%}
.cat-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,14,13,.88) 0%,rgba(8,14,13,.78) 50%,rgba(8,14,13,0) 100%)}
.cat-tx{position:absolute;left:40px;right:40px;bottom:32px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}
.cat-h1{color:#FFFFFF;min-width:0;overflow-wrap:anywhere}
.cat-count{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;background:rgba(8,14,13,.62);color:#FFFFFF;font-size:var(--sm);font-weight:700;white-space:nowrap}
.cat-cover+.cat-info{margin-top:calc(0px - var(--headmb) + 20px)}
.ht[data-state~="category-plain"] .pghead{padding-bottom:12px}
.cat-kids{display:flex;flex-wrap:wrap;gap:8px}
.cat-kid{display:inline-flex;align-items:center;min-height:40px;padding:8px 16px;border-radius:999px;border:1px solid var(--line2,#D8CFBF);background:var(--surf,#FFFFFF);color:var(--ink,#17211F);font-size:var(--sm);line-height:var(--smlh);font-weight:600;min-width:0;overflow-wrap:anywhere}
.cat-kid:hover{border-color:var(--accink,#0B7470);color:var(--accink,#0B7470)}
.cat-kid:focus-visible{outline:2px solid var(--accink,#0B7470);outline-offset:2px}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .cat-cover{height:280px}
.ht.ht .cat-tx{left:32px;right:32px}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .cat-cover{height:240px;border-radius:24px}
.ht.ht .cat-tx{left:24px;right:24px;bottom:24px}
}
@media (max-width: 699.98px){
.ht.ht .cat-cover{height:200px;border-radius:20px}
.ht.ht .cat-tx{left:16px;right:16px;bottom:16px;gap:8px}
.ht.ht .cat-kid{min-height:44px}
}
.th-tags{display:flex;gap:8px;flex-wrap:wrap}
.pc-r.tot{font-size:15px}
.pc-r.tot .pr{font-size:20px;line-height:28px}
.pc-fs{display:flex;flex-direction:column;gap:8px}
.pcf{display:flex;align-items:center;gap:12px;min-height:60px;padding:8px 16px;border-radius:16px;border:1px solid var(--line2,#D8CFBF);background:var(--bg,#FBF8F3);text-align:left}
.pcf>.ic{color:var(--accink,#0B7470)}
.pcf:hover{background:var(--sunk,#F3EEE5)}
.pc-sum{display:flex;flex-direction:column;gap:6px}
.dy-list{display:flex;flex-direction:column;gap:8px}
.dy{border-radius:16px;border:1px solid var(--line,#E7E0D4);background:var(--surf,#FFFFFF);overflow:hidden}
.dy.open{border-color:var(--accline,#AAD0CF)}
.dy-h{width:100%;display:flex;align-items:center;gap:14px;padding:12px 16px;min-height:64px;text-align:left}
.dy-n{flex:none;display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:999px;background:var(--sunk,#F3EEE5);color:var(--ink2,#3C4947);font-size:var(--sm);font-weight:700;white-space:nowrap}
.dy.open .dy-n{background:var(--acc,#0B7A75);color:var(--on,#FFFFFF)}
.dy-tx{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.dy-t{font-size:16px;line-height:22px;font-weight:700;color:var(--ink,#17211F)}
.dy-s{font-size:var(--xs);line-height:16px;color:var(--mut,#5B6865);font-weight:600}
.dy.open .fq-ic{background:var(--acc,#0B7A75);border-color:var(--acc,#0B7A75);color:var(--on,#FFFFFF)}
.dy-b{display:flex;flex-direction:column;gap:12px;padding:0 16px 16px}
.dy-p{margin:0;font-size:var(--body);line-height:var(--bodylh);color:var(--ink2,#3C4947)}
.dy-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.dy-l{font-size:var(--xs);line-height:16px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mut,#5B6865);min-width:64px}
.dy-chips{display:flex;flex-wrap:wrap;gap:6px}
.meal{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--line2,#D8CFBF);font-size:var(--xs);font-weight:600;color:var(--mut,#5B6865)}
.meal.on{background:var(--tint,#E7F2F1);border-color:transparent;color:var(--tintink,#0B7470);font-weight:700}
.dy-stay{display:inline-flex;align-items:center;gap:8px;font-size:var(--sm);font-weight:600;color:var(--ink,#17211F)}
.dy-stay .ic{color:var(--accink,#0B7470)}
@media (max-width: 699.98px){
.ht.ht .dy-h{gap:10px;padding:12px}
.ht.ht .dy-n{height:28px;padding:0 10px}
.ht.ht .dy-b{padding:0 12px 14px}
}
.inc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.inc-col{display:flex;flex-direction:column;gap:10px;min-width:0}
.inc-t{margin:0;font-size:16px;line-height:22px;font-weight:700}
.il{display:flex;align-items:flex-start;gap:10px;font-size:var(--sm);line-height:var(--smlh);color:var(--ink2,#3C4947)}
.il .ic{margin-top:1px}
.il .yes{color:var(--ok,#17663F)}
.il .no{color:var(--mut,#5B6865)}
.trp{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ex{display:flex;flex-direction:column;gap:8px}
.ex-r{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-radius:16px;border:1px solid var(--line,#E7E0D4);background:var(--surf,#FFFFFF)}
.ex-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.ex-n{font-size:15px;line-height:20px;font-weight:700}
.ex-d{font-size:var(--xs);line-height:16px;color:var(--mut,#5B6865);font-weight:600}
.ex-p{display:flex;align-items:baseline;gap:6px;white-space:nowrap}
@media (max-width: 699.98px){
.ht.ht .inc-grid{gap:16px}
}
.ps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start}
.ps{display:flex;flex-direction:column;gap:16px;min-width:0}
@media (max-width: 699.98px){
.ht.ht .ps-grid{grid-template-columns:minmax(0,1fr);gap:24px}
}
[data-k=tour-related] .tc-ph{aspect-ratio:4/3}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht [data-k=tour-related] .tc-ph{aspect-ratio:4/3}
}
.bf-in.stp{justify-content:space-between;padding:4px 8px 4px 14px}
.iq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px;align-items:start;padding-top:var(--headmb);padding-bottom:var(--secy)}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .iq-grid{grid-template-columns:minmax(0,1fr)}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .iq-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width: 699.98px){
.ht.ht .iq-grid{gap:32px}
}
.iq-item{display:flex;flex-direction:column;gap:12px;min-width:0}
.iq-stage{display:flex;justify-content:center;align-items:flex-start;padding:32px;border-radius:var(--r);background:rgba(20,33,31,.55)}
.iq-dlg{width:min(560px,100%);display:flex;flex-direction:column;background:var(--surf,#FFFFFF);border:1px solid var(--line2,#D8CFBF);border-radius:28px;box-shadow:0 32px 64px -24px rgba(8,14,13,.6);color:var(--ink,#17211F);min-width:0}
.iq-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 16px 8px 24px}
.iq-bd{display:flex;flex-direction:column;gap:16px;padding:8px 24px 16px}
.iq-ft{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 20px;border-top:1px solid var(--line,#E7E0D4)}
.iq-err{display:flex;gap:10px;align-items:flex-start;margin:0;padding:12px 14px;border-radius:14px;background:var(--warnbg,#F6EAD7);color:var(--warn,#8A4B0B);font-size:var(--sm);line-height:var(--smlh);font-weight:700}
.iq-err .ic{flex:none;margin-top:1px}
.iq-tour{display:flex;gap:12px;align-items:center;min-height:56px;padding:8px 14px;border-radius:14px;background:var(--sunk,#F3EEE5);border:1px solid var(--line,#E7E0D4)}
.iq-tour>.ic{color:var(--mut,#5B6865);flex:none}
.iq-tt{display:flex;flex-direction:column;min-width:0}
.iq-tt b{font-size:15px;line-height:20px;color:var(--ink,#17211F)}
.iqf{gap:16px}
.iq-sent{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:0 24px 24px}
.iq-cb{min-width:0;align-self:stretch}
.iq-cb .dn-cr{justify-content:center;gap:16px}
.iq-cb .dn-cl{text-align:center}
.iq-one{min-width:140px}
.iq-dlg.sent .iq-ft{justify-content:center}
@media (max-width: 699.98px){
.ht.ht .iq-stage{margin-left:calc(var(--px) * -1);margin-right:calc(var(--px) * -1);padding:48px 0 0;align-items:flex-end;border-radius:0}
.ht.ht .iq-dlg{width:100%;border-radius:28px 28px 0 0;border-bottom:0;border-left:0;border-right:0}
.ht.ht .iq-dlg .tray-grab{display:block;margin:12px auto 0}
.ht.ht .iq-hd{padding:8px 8px 4px 16px}
.ht.ht .iq-bd{padding:8px 16px 12px}
.ht.ht .iq-sent{padding:0 16px 16px}
.ht.ht .iq-ft{padding:12px 16px calc(12px + env(safe-area-inset-bottom))}
.ht.ht .iq-ft .btn{height:52px;flex:1}
.ht.ht .iq-grid{grid-template-columns:minmax(0,1fr)}
}
.iq-m-only{display:none}
@media (max-width: 699.98px){
.ht.ht .iq-m-only{display:flex}
.ht.ht .iq-dlg:not(.sent){height:776px}
.ht.ht .iq-dlg:not(.sent) .iq-bd{flex:1 1 0;min-height:0;overflow-y:auto}
.ht.ht .iq-scrolled .iq-bd{overflow:hidden}
.ht.ht .iq-scrolled .iq-bd>.iq-err{margin-top:-253px}
.ht.ht .iq-stage{padding-top:48px}
.ht.ht .iq-cb .dn-cr{flex-direction:column;gap:8px}
.ht.ht .iq-cb .dn-code{font-size:24px;line-height:30px}
}
/* thẻ giá bên phải chỉ từ 700; dưới 700 là dải dính đáy (quy tắc data-bar ở theme.css) */
@media (max-width: 699.98px){
.ht.ht [data-k=tour-booking]{display:none}
}
/* Tờ 62: mô tả ngắn, thông tin nhanh, bài giới thiệu (thu gọn), video và bản đồ, lưu ý quan trọng. Chỉ trang tour dùng. */
.tsum{margin:0;font-size:18px;line-height:28px;color:var(--ink,#17211F)}
.qf{display:flex;flex-direction:column;gap:16px;padding:20px 24px;border-radius:var(--r);border:1px solid var(--line,#E7E0D4);background:var(--surf,#FFFFFF)}
.qf-t{margin:0;font-size:var(--name);line-height:var(--namelh)}
.qf-g{margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:16px 24px}
.qf-i{display:flex;flex-direction:column;gap:4px;min-width:0}
.qf-i dt{font-size:var(--xs);line-height:16px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mut,#5B6865)}
.qf-i dd{margin:0;font-size:15px;line-height:22px;font-weight:600;color:var(--ink,#17211F)}
.qf-chips{display:flex;flex-wrap:wrap;gap:6px}
.about-text{position:relative;display:flex;flex-direction:column;gap:16px;max-height:352px;overflow:hidden}
.about-text::after{content:'';position:absolute;left:0;right:0;bottom:0;height:96px;background:linear-gradient(to bottom,rgba(0,0,0,0),var(--bg,#FBF8F3));pointer-events:none}
.ht[data-state~="content-open"] .about-text{max-height:none;overflow:visible}
.ht[data-state~="content-open"] .about-text::after{display:none}
.about-text p,.about-text li,.about-text blockquote{margin:0;font-size:var(--body);line-height:var(--bodylh);color:var(--ink2,#3C4947)}
.about-text h3,.about-text h4{margin:8px 0 0;font-size:var(--name);line-height:var(--namelh);color:var(--ink,#17211F)}
.about-text h4{font-size:16px;line-height:22px}
.about-text ul,.about-text ol{margin:0;padding:0 0 0 20px;display:flex;flex-direction:column;gap:8px}
.about-text strong{color:var(--ink,#17211F)}
.about-text a{color:var(--accink,#0B7470);text-decoration:underline}
.about-text blockquote{padding:12px 16px;border-radius:12px;background:var(--sunk,#F3EEE5)}
.about-text figure{margin:0;display:flex;flex-direction:column;gap:8px}
.about-text figure .ph,.about-text img{aspect-ratio:16/9;max-width:100%;border-radius:16px}
.about-text figcaption{font-size:var(--xs);line-height:16px;color:var(--mut,#5B6865);font-weight:600}
.tab-more{align-self:flex-start}
.tab-more:focus-visible{outline:2px solid var(--accink,#0B7470);outline-offset:2px}
.mdia{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.mdia[data-n="1"]{grid-template-columns:minmax(0,1fr)}
.tn{display:flex;flex-direction:column;gap:12px;padding:20px 24px;border-radius:var(--r);border:1px solid var(--line2,#D8CFBF);background:var(--warnbg,#F6EAD7)}
.tn-h{display:flex;align-items:center;gap:12px}
.tn-ic{flex:none;width:36px;height:36px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--warn,#8A4B0B);color:var(--warnbg,#F6EAD7)}
.tn-t{margin:0;font-size:var(--name);line-height:var(--namelh);color:var(--ink,#17211F)}
.tn-l{margin:0;padding:0 0 0 20px;display:flex;flex-direction:column;gap:8px}
.tn-l li{font-size:var(--body);line-height:var(--bodylh);color:var(--ink,#17211F)}
.tn-l li::marker{color:var(--warn,#8A4B0B)}
@media (max-width: 699.98px){
.ht.ht .tsum{font-size:16px;line-height:24px}
.ht.ht .qf,.ht.ht .tn{padding:16px}
.ht.ht .qf-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}
.ht.ht .qf-i dd{font-size:14px;line-height:20px}
.ht.ht [data-k=tour-languages]{grid-column:1/-1}
.ht.ht .about-text{max-height:320px}
.ht[data-state~="content-open"].ht .about-text{max-height:none}
.ht.ht .mdia{grid-template-columns:minmax(0,1fr);gap:16px}
}
.bk-hint{display:flex;align-items:center;gap:8px;margin:0;font-size:var(--sm);line-height:var(--smlh);color:var(--ink2,#3C4947);font-weight:600}
.bk-hint .ic{color:var(--accink,#0B7470)}
.bk-single{border-top:1px solid var(--line,#E7E0D4)}
.gr.err .gr-n{color:var(--warn,#8A4B0B)}
.gr.err .step-v{color:var(--warn,#8A4B0B)}
.gr.err{box-shadow:inset 0 -2px 0 var(--warn,#8A4B0B)}
.bf-grid.one{grid-template-columns:minmax(0,1fr)}
.bs-l.disc .bs-lv{color:var(--ok,#17663F)}
.bs-inc{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:14px;background:var(--sunk,#F3EEE5)}
.bs-il{font-size:var(--xs);line-height:16px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mut,#5B6865)}
.bs-ci{display:flex;align-items:center;gap:8px;font-size:var(--sm);line-height:var(--smlh);font-weight:600;color:var(--ink,#17211F)}
.bs-ci .ic{color:var(--ok,#17663F);flex:none}
.bs-plan{display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:1px dashed var(--line2,#D8CFBF)}
.bs-pt{font-size:var(--xs);line-height:16px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mut,#5B6865)}
.bs-ps{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:12px;align-items:center}
.bs-pn{width:28px;height:28px;border-radius:999px;background:var(--tint,#E7F2F1);color:var(--tintink,#0B7470);display:flex;align-items:center;justify-content:center;font-size:var(--sm);font-weight:800}
.bs-ps.full .bs-pn{background:var(--acc,#0B7A75);color:var(--on,#FFFFFF)}
.bs-pl{display:flex;flex-direction:column;min-width:0;font-size:15px;line-height:22px;color:var(--ink,#17211F)}
.vr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 32px;align-items:start}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .vr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .vr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}
}
@media (max-width: 699.98px){
.ht.ht .vr-grid{grid-template-columns:minmax(0,1fr);gap:32px}
}
.bv{padding:20px}
@media (max-width: 699.98px){
.ht.ht .bv{padding:16px}
}
.bv-cp{padding:12px}
.cp-ok{display:inline-flex;align-items:center;gap:6px;font-size:var(--xs);line-height:16px;font-weight:700;color:var(--ok,#17663F);white-space:nowrap}
.dn-head{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:8px 0 24px;flex-wrap:wrap}
.dn-hm{display:flex;gap:16px;align-items:flex-start;min-width:0}
.dn-ic.sm{width:44px;height:44px}
.dn-ic.sm .ic{width:22px;height:22px}
.dn-ht{display:flex;flex-direction:column;gap:6px;min-width:0}
@media (max-width: 699.98px){
.ht.ht .dn-head{flex-direction:column;align-items:stretch;gap:16px;padding-bottom:16px}
}
.dn-rl .ic{color:var(--accink,#0B7470);flex:none}
.dp-list{display:flex;flex-direction:column}
.dp-s{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:14px;align-items:start;padding:12px 0}
.dp-s:not(:last-child)::after{content:'';position:absolute;left:15px;top:48px;bottom:-12px;width:2px;background:var(--line2,#D8CFBF)}
.dp-n{width:32px;height:32px;border-radius:999px;background:var(--tint,#E7F2F1);color:var(--tintink,#0B7470);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800}
.dp-s.now .dp-n{background:var(--acc,#0B7A75);color:var(--on,#FFFFFF)}
.dp-t{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:16px;line-height:22px;color:var(--ink,#17211F)}
.dp-r{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.dp-a{font-size:20px;line-height:26px}
.dp-st{display:inline-flex;align-items:center;gap:4px;font-size:var(--xs);line-height:16px;font-weight:700;color:var(--mut,#5B6865)}
.dn-act{display:flex;flex-wrap:wrap;gap:12px;padding-bottom:var(--secy)}
@media (max-width: 699.98px){
.ht.ht .dn-act{flex-direction:column;padding-bottom:24px}
.ht.ht .dn-act .btn{width:100%;height:48px}
}
.sbd{display:flex;flex-direction:column;border:1px solid var(--line,#E7E0D4);border-radius:var(--r);background:var(--surf,#FFFFFF);overflow:hidden}
.sbd-r{display:grid;grid-template-columns:200px minmax(0,1fr) 220px minmax(0,1.3fr);gap:8px 24px;align-items:center;padding:16px 24px;border-top:1px solid var(--line,#E7E0D4)}
.sbd-r:first-child{border-top:0}
.sbd-m{display:flex;flex-direction:column}
.sbd-ml{font-size:var(--xs);line-height:16px;font-weight:600;color:var(--mut,#5B6865)}
.sbd-mv{font-size:16px;line-height:22px;font-weight:700;font-variant-numeric:tabular-nums}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .sbd-r{grid-template-columns:180px minmax(0,1fr) 180px minmax(0,1.2fr);gap:8px 16px;padding:16px}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .sbd-r{grid-template-columns:200px minmax(0,1fr);gap:8px 24px;padding:16px 20px}
}
@media (max-width: 699.98px){
.ht.ht .sbd-r{grid-template-columns:minmax(0,1fr);gap:6px;padding:16px}
}
.sbd-cap{margin-top:40px;padding-bottom:12px}
.dn-np{flex-direction:row;align-items:center;gap:16px;flex-wrap:wrap}
.dn-npt{flex:1 1 280px;display:flex;flex-direction:column;gap:4px;min-width:0}
@media (max-width: 699.98px){
.ht.ht .dn-np{flex-direction:column;align-items:flex-start}
.ht.ht .bv-cp{flex-wrap:wrap}
.ht.ht .bv-cp .cp-ok{flex-basis:100%}
}
.bv-cp .bf-in{flex-wrap:wrap;row-gap:0}
.bv-cp .bf-in .fx-inp{flex:1 1 110px;min-width:0;width:auto}
.bv-cp .cp-ok{white-space:normal;flex:0 1 auto}
@media (max-width: 699.98px){
.ht.ht .bv-cp .bf-in{padding-top:4px;padding-bottom:8px}
.ht.ht .bv-cp .cp-ok{flex-basis:100%;padding-left:28px}
}
.dn-cr.nw{flex-wrap:wrap}
.dn-cr.nw .dn-code{white-space:nowrap}
.dn-np.side{flex-direction:column;align-items:flex-start;flex-wrap:nowrap;gap:12px}
.dn-np.side .dn-npt{flex:none;width:100%}
.dn-fr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;align-items:start;margin-top:40px}
@media (max-width: 859.98px){
.ht.ht .dn-fr{grid-template-columns:minmax(0,1fr);margin-top:32px}
}
.hd-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.hd-stars{display:inline-flex;align-items:center;gap:8px;font-size:var(--sm);line-height:var(--smlh);font-weight:700;color:var(--ink2,#3C4947)}
.hd-intro{margin:0;font-size:var(--body);line-height:var(--bodylh);color:var(--ink2,#3C4947)}
.hd-hl{display:flex;flex-wrap:wrap;gap:8px}
.hd-zone{padding-top:40px;padding-bottom:var(--secy)}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .hd-zone{padding-top:32px}
}
@media (max-width: 699.98px){
.ht.ht .hd-zone{padding-top:24px}
}
.hd-rooms{margin-top:32px;display:flex;flex-direction:column;gap:16px}
@media (max-width: 699.98px){
.ht.ht .hd-rooms{margin-top:24px}
}
.stb{position:sticky;top:calc(var(--hdrh) + 17px);z-index:6;display:flex;align-items:stretch;gap:12px;padding:12px;background:var(--surf,#FFFFFF);border:1px solid var(--line,#E7E0D4);border-radius:28px;box-shadow:0 28px 56px -28px rgba(20,33,31,.34),0 2px 8px rgba(20,33,31,.06)}
.stb-range{flex:2 1 0;min-width:0;display:flex;border:1px solid var(--line2,#D8CFBF);border-radius:20px;background:var(--bg,#FBF8F3)}
.stb-f{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:12px;min-height:var(--fieldh);padding:10px 20px;border-left:1px solid var(--line2,#D8CFBF);text-align:left;cursor:pointer}
.stb-f:first-child{border-left:0;border-radius:19px 0 0 19px}
.stb-f:last-child{border-radius:0 19px 19px 0}
.stb-f:hover{background:var(--sunk,#F3EEE5)}
.stb-f>.ic{color:var(--accink,#0B7470)}
.stb-v{display:flex;align-items:baseline;gap:4px;font-size:15px;line-height:20px;font-weight:600;color:var(--ink,#17211F);white-space:nowrap;font-variant-numeric:tabular-nums}
.stb-n{flex:none;margin-left:auto;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;background:var(--tint,#E7F2F1);color:var(--tintink,#0B7470);font-size:var(--sm);font-weight:700;white-space:nowrap}
.stb-rooms{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:var(--fieldh);padding:10px 12px 10px 20px;border:1px solid var(--line2,#D8CFBF);border-radius:20px;background:var(--bg,#FBF8F3)}
.stb-rl{display:flex;align-items:center;gap:12px;min-width:0;font-size:15px;line-height:20px;font-weight:600;color:var(--ink,#17211F)}
.stb-rl .ic{color:var(--accink,#0B7470)}
.stb-go{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:132px;padding:0 28px;border-radius:20px;background:var(--acc,#0B7A75);color:var(--on,#FFFFFF);font-size:16px;font-weight:700;white-space:nowrap}
.stb-go:hover{filter:brightness(1.06)}
.stb-bs{display:none}
.stb-compact{display:none;flex:1;align-items:center;gap:12px;min-height:60px;padding:8px 8px 8px 12px;text-align:left;width:100%;border-radius:14px;min-width:0}
.stb-ci{flex:none;width:44px;height:44px;border-radius:14px;background:var(--tint,#E7F2F1);color:var(--tintink,#0B7470);display:flex;align-items:center;justify-content:center}
.stb-ct{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.stb-cv{font-size:16px;line-height:22px;font-weight:700;color:var(--ink,#17211F);font-variant-numeric:tabular-nums}
.stb-cs{font-size:var(--sm);line-height:var(--smlh);color:var(--mut,#5B6865);font-weight:600}
.stb-ce{flex:none;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--line2,#D8CFBF);background:var(--surf,#FFFFFF);font-size:var(--sm);font-weight:700;color:var(--ink,#17211F)}
.stb-ce .ic{color:var(--accink,#0B7470)}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .stb{position:static;gap:8px;border-radius:24px}
.ht.ht .stb::before{display:none}
.ht.ht .stb-range{flex:1 1 auto}
.ht.ht .stb-f{padding:8px 12px;gap:10px;min-height:60px}
.ht.ht .stb-wd{display:none}
.ht.ht .stb-rooms{flex:0 0 auto;min-height:60px;padding:8px 8px 8px 12px;gap:8px}
.ht.ht .stb-go{min-width:0;padding:0 20px;gap:8px}
.ht.ht .stb-bl{display:none}
.ht.ht .stb-bs{display:inline}
}
@media (max-width: 699.98px){
.ht.ht .stb{position:static;padding:8px;border-radius:20px;box-shadow:0 12px 32px -20px rgba(20,33,31,.34),0 2px 8px rgba(20,33,31,.06)}
.ht.ht .stb::before{display:none}
.ht.ht .stb-range,.ht.ht .stb-rooms,.ht.ht .stb-go{display:none}
.ht.ht .stb-compact{display:flex}
}
.rm-list{display:flex;flex-direction:column;gap:var(--gap)}
.rrow{display:grid;grid-template-columns:280px minmax(0,1fr) 288px;column-gap:20px;row-gap:12px;padding:12px;border-radius:24px;background:var(--surf,#FFFFFF);border:1px solid var(--line,#E7E0D4);min-width:0}
.rrow:hover{border-color:var(--accline,#AAD0CF)}
.rm-img{border-radius:16px;overflow:hidden;align-self:start}
.rm-ph{aspect-ratio:4/3}
.rm-body{display:flex;flex-direction:column;gap:12px;min-width:0;padding:8px 0}
.rm-name{margin:0;font-size:var(--name);line-height:var(--namelh);font-weight:700;color:var(--ink,#17211F)}
.rm-meta{display:flex;flex-wrap:wrap;gap:6px}
.rm-amen{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:var(--sm);line-height:var(--smlh);color:var(--ink2,#3C4947);font-weight:600}
.rm-a{display:inline-flex;align-items:center;gap:6px}
.rm-a .ic{color:var(--accink,#0B7470)}
.rm-price{margin-top:auto;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.rm-st{display:flex;flex-direction:column;justify-content:center;gap:16px;padding:16px;border-radius:16px;background:var(--sunk,#F3EEE5);min-width:0}
.rm-st-main{display:flex;flex-direction:column;gap:6px;min-width:0}
.rm-st-act{display:flex;flex-direction:column;gap:12px;min-width:0}
.rm-st-top{display:flex;align-items:center;gap:8px;font-size:var(--sm);line-height:var(--smlh);font-weight:700;color:var(--ink2,#3C4947)}
.rm-st-top .ic{color:var(--accink,#0B7470)}
.rm-st-sub{font-size:var(--xs);line-height:16px;font-weight:600;color:var(--mut,#5B6865)}
.rm-st-big{font-size:22px;line-height:28px;font-weight:800;color:var(--ink,#17211F);font-variant-numeric:tabular-nums}
.rm-st-note{margin:0;font-size:var(--sm);line-height:var(--smlh);font-weight:600;color:var(--ink2,#3C4947)}
.rm-st-hint{margin:0;display:flex;align-items:flex-start;gap:8px;font-size:var(--sm);line-height:var(--smlh);font-weight:600;color:var(--ink2,#3C4947)}
.rm-st-hint .ic{margin-top:1px;color:var(--accink,#0B7470);flex:none}
.rm-st .btn{width:100%;height:48px}
.rst{gap:6px;align-self:flex-start}
.rst .ic{width:14px;height:14px}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .rrow{grid-template-columns:200px minmax(0,1fr)}
.ht.ht .rm-st{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;gap:24px}
.ht.ht .rm-st-main{flex:1 1 0}
.ht.ht .rm-st-act{flex:0 0 240px}
}
@media (max-width: 699.98px){
.ht.ht .rrow{grid-template-columns:minmax(0,1fr);row-gap:12px}
}
.rrow.v{grid-template-columns:minmax(0,1fr);row-gap:12px}
@media (max-width: 699.98px){
.ht.ht .rm-ph{aspect-ratio:16/10}
}
.rrow.v .rm-ph{aspect-ratio:16/10}
@media (max-width: 699.98px){
.ht.ht .rm-body{padding:0 4px;gap:10px}
}
.rrow.v .rm-body{padding:0 4px;gap:10px}
@media (max-width: 699.98px){
.ht.ht .rm-st{grid-column:auto;flex-direction:column;align-items:stretch;justify-content:center;gap:16px;padding:16px}
}
.rrow.v .rm-st{grid-column:auto;flex-direction:column;align-items:stretch;justify-content:center;gap:16px;padding:16px}
@media (max-width: 699.98px){
.ht.ht .rm-st-main,.ht.ht .rm-st-act{flex:none}
}
.rrow.v .rm-st-main,.rrow.v .rm-st-act{flex:none}
@media (max-width: 699.98px){
.ht.ht .rm-st-act{width:auto}
}
.rrow.v .rm-st-act{width:auto}
.hi{padding-bottom:var(--secy)}
.hi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;row-gap:32px;align-items:start}
.hi-col{display:flex;flex-direction:column;gap:16px;min-width:0}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .hi-grid{column-gap:32px}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .hi-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width: 699.98px){
.ht.ht .hi-grid{grid-template-columns:minmax(0,1fr)}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .hi-col .hl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 699.98px){
.ht.ht .hi-col .hl{padding:8px 12px;gap:10px}
}
.hi-pol{display:flex;flex-direction:column;padding:8px 20px;border-radius:var(--r);background:var(--surf,#FFFFFF);border:1px solid var(--line,#E7E0D4)}
.hi-pol .us{flex-direction:row;align-items:baseline;gap:16px}
.hi-pol .us-n{flex:none;min-width:120px}
@media (max-width: 699.98px){
.ht.ht .hi-pol .us{flex-direction:column;gap:2px}
}
.rs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px;align-items:start}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .rs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .rs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 699.98px){
.ht.ht .rs-grid{grid-template-columns:minmax(0,1fr);gap:32px}
}
.rstate{display:flex;flex-direction:column;gap:12px;min-width:0}
.rstate>.rrow{width:100%}
.hd-pick{padding-top:40px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 32px;align-items:start}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .hd-pick{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .hd-pick{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 699.98px){
.ht.ht .hd-pick{grid-template-columns:minmax(0,1fr);gap:32px;padding-top:32px}
}
.hd-pick .tray .gr{border-top:1px solid var(--line,#E7E0D4);border-bottom:0}
.hb-room{display:flex;align-items:center;gap:16px;padding:16px;background:var(--surf,#FFFFFF);border:1px solid var(--line,#E7E0D4);border-radius:var(--r)}
.hb-ph{width:88px;aspect-ratio:1/1;flex:none;border-radius:12px}
.hb-ph .ic{width:22px;height:22px}
.hb-rt{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.hb-hn{font-size:var(--sm);line-height:var(--smlh);font-weight:600;color:var(--mut,#5B6865)}
.hb-rn{font-size:var(--name);line-height:var(--namelh);font-weight:700;color:var(--ink,#17211F)}
.hb-rp{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.hb-change{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 4px;font-size:15px;font-weight:700;color:var(--accink,#0B7470)}
.hb-change:hover{text-decoration:underline}
@media (max-width: 699.98px){
.ht.ht .hb-room{flex-wrap:wrap;padding:12px;gap:12px}
.ht.ht .hb-ph{width:72px}
.ht.ht .hb-change{flex:1 1 100%;min-height:44px;padding:0 0 0 84px}
}
.hb-stay{display:flex;flex-direction:column;gap:16px}
.hb-nights{display:flex;align-items:center;gap:8px;margin:0;font-size:var(--sm);line-height:var(--smlh);color:var(--ink2,#3C4947);font-weight:700}
.hb-nights .ic{color:var(--accink,#0B7470)}
.hb-rows{display:flex;flex-direction:column}
.hb-rows .gr{border-top:1px solid var(--line,#E7E0D4);border-bottom:0}
.hb-rows .gr:first-child{border-top:0}
.hb-ages{display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:1px solid var(--line,#E7E0D4)}
.hb-ages-h{display:flex;flex-direction:column;gap:2px}
.hb-ages-t{font-size:15px;line-height:22px;font-weight:700;color:var(--ink,#17211F)}
.hb-ages-n{display:flex;align-items:flex-start;gap:8px;margin:0;font-size:var(--sm);line-height:var(--smlh);color:var(--ink2,#3C4947);font-weight:600}
.hb-ages-n .ic{margin-top:1px;color:var(--accink,#0B7470);flex:none}
.ag-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media (max-width: 699.98px){
.ht.ht .ag-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.hb-agelist{display:flex;flex-direction:column;max-height:240px;overflow-y:auto}
@media (max-width: 699.98px){
.ht.ht .hb-agelist{max-height:288px}
}
.hb-agelist .pk-r{padding-left:12px;flex:none}
.hb-agelist .pk-r .cb-l{flex:1}
.bs-empty{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:14px;background:var(--sunk,#F3EEE5);font-size:15px;line-height:22px;font-weight:600;color:var(--ink2,#3C4947)}
.bs-empty .ic{margin-top:2px;color:var(--accink,#0B7470);flex:none}
.bs-dep{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:14px;background:var(--tint,#E7F2F1);color:var(--tintink,#0B7470);font-size:15px;line-height:22px;font-weight:700}
.bs-dep .ic{margin-top:2px;flex:none}
.hb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px;align-items:start}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .hb-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width: 699.98px){
.ht.ht .hb-grid{grid-template-columns:minmax(0,1fr)}
.ht.ht .hb-grid{gap:32px}
}
.hb-kids{display:flex;flex-direction:column;gap:16px;padding:16px;background:var(--surf,#FFFFFF);border:1px solid var(--line,#E7E0D4);border-radius:var(--r)}
.hb-kids .gr{border-bottom:0}

/* ===== danh sách (hotels.html / vehicles.html) ===== */
/* Khối lọc, chip, sắp xếp, khay lọc: BẢN CHÉP của tours.css (nhóm này không nạp tours.css), chỉ khác một chỗ:
 * cột lọc ẩn theo lớp .tl>.tf thay vì [data-k=tour-filter]. Ba bản này cần gom về theme.css một lần: tờ trả 45, mục (b). */
.tl{display:grid;grid-template-columns:280px minmax(0,1fr);column-gap:32px;align-items:start;padding-bottom:var(--secy)}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .tl{grid-template-columns:248px minmax(0,1fr);column-gap:24px}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .tl{grid-template-columns:minmax(0,1fr)}
}
@media (max-width: 699.98px){
.ht.ht .tl{grid-template-columns:minmax(0,1fr)}
}
.trs{display:flex;flex-direction:column;gap:var(--gap);min-width:0}
.tf{background:var(--surf,#FFFFFF);border:1px solid var(--line,#E7E0D4);border-radius:var(--r);padding:20px}
.tf-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line,#E7E0D4)}
.tf-t{margin:0;font-size:18px;line-height:24px;font-weight:700}
.tf-r{display:inline-flex;align-items:center;min-height:32px;font-size:var(--sm);font-weight:700;color:var(--accink,#0B7470)}
.tf-r:hover{text-decoration:underline}
.fx-gs{display:flex;flex-direction:column}
.fx-g{display:flex;flex-direction:column;gap:12px;padding:16px 0;border-top:1px solid var(--line,#E7E0D4)}
.fx-g:first-child{border-top:0}
.fx-h{display:flex;align-items:center;justify-content:space-between;gap:8px}
.fx-t{font-size:var(--sm);line-height:var(--smlh);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mut,#5B6865)}
.fx-c{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--acc,#0B7A75);color:var(--on,#FFFFFF);font-size:var(--xs);line-height:20px;font-weight:700;text-align:center}
.fx-list{display:flex;flex-direction:column}
.cb{display:flex;align-items:center;gap:10px;min-height:36px;cursor:pointer}
.cb-x.none{display:none}
.cb.on .cb-l{font-weight:700}
.fx-more{display:inline-flex;align-items:center;gap:6px;min-height:32px;font-size:var(--sm);font-weight:700;color:var(--accink,#0B7470)}
.fx-more:hover{text-decoration:underline}
.fx-pills{display:flex;flex-wrap:wrap;gap:8px}
.fx-rg{display:flex;align-items:center;gap:8px}
.fx-sep{color:var(--mut,#5B6865);font-weight:700}
.fx-hint{font-size:var(--xs);line-height:16px;color:var(--mut,#5B6865);font-weight:600}
.fx-dts{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.fx-date{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 14px;border-radius:14px;border:1px solid var(--line2,#D8CFBF);background:var(--bg,#FBF8F3);color:var(--accink,#0B7470);text-align:left}
.fx-date.on{border-color:var(--accline,#AAD0CF);background:var(--tint,#E7F2F1)}
.fx-date .sfield-l{color:var(--mut,#5B6865)}
.frow{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-right:calc(var(--px) * -1);padding-right:var(--px)}
.frow::-webkit-scrollbar{display:none}
.frow-b{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line2,#D8CFBF);background:var(--surf,#FFFFFF);font-size:15px;font-weight:700;color:var(--ink,#17211F);white-space:nowrap;flex:none}
.frow-b.on{border-color:var(--accline,#AAD0CF);background:var(--tint,#E7F2F1);color:var(--tintink,#0B7470)}
.frow-b.all{background:var(--ink,#17211F);border-color:var(--ink,#17211F);color:var(--bg,#FBF8F3)}
.frow-n{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--acc,#0B7A75);color:var(--on,#FFFFFF);font-size:var(--xs);line-height:20px;font-weight:700;text-align:center}
.frow-b.all .frow-n{background:var(--bg,#FBF8F3);color:var(--ink,#17211F)}
.fbtn{display:flex;align-items:center;justify-content:center;gap:10px;height:48px;width:100%;padding:0 20px;border-radius:999px;border:1px solid var(--line2,#D8CFBF);background:var(--surf,#FFFFFF);font-size:15px;font-weight:700;color:var(--ink,#17211F)}
.fbtn .ic{color:var(--accink,#0B7470)}
.achips{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.achip{display:inline-flex;align-items:center;gap:4px;height:36px;padding:0 6px 0 14px;border-radius:999px;background:var(--tint,#E7F2F1);color:var(--tintink,#0B7470);font-size:var(--sm);font-weight:700;white-space:nowrap}
.achip.ro{padding:0 14px;height:32px}
.achip-x{width:28px;height:28px;border-radius:999px;display:flex;align-items:center;justify-content:center;color:var(--tintink,#0B7470)}
.achip-x:hover{background:rgba(8,14,13,.08)}
.achip-clear{display:inline-flex;align-items:center;min-height:36px;padding:0 8px;font-size:var(--sm);font-weight:700;color:var(--accink,#0B7470)}
.achip-clear:hover{text-decoration:underline}
.sortbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.sortbar-t{font-size:var(--sm);line-height:var(--smlh);color:var(--ink2,#3C4947);font-weight:600}
.seg{display:inline-flex;padding:4px;gap:4px;border-radius:999px;background:var(--sunk,#F3EEE5);border:1px solid var(--line,#E7E0D4)}
.seg-o{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 14px;border-radius:999px;font-size:14px;font-weight:700;color:var(--mut,#5B6865);white-space:nowrap}
.seg-o.on{background:var(--surf,#FFFFFF);color:var(--ink,#17211F);box-shadow:0 1px 3px rgba(20,33,31,.16)}
.seg-i .seg-o{width:40px;padding:0}
.sortbar>.seg:first-of-type{margin-left:auto}
@media (max-width: 699.98px){
.ht.ht .sortbar{flex-direction:column;align-items:stretch;gap:8px}
.ht.ht .sortbar .seg{overflow-x:auto;scrollbar-width:none;margin-left:0}
.ht.ht .sortbar .seg::-webkit-scrollbar{display:none}
.ht.ht .seg-o{height:40px;flex:none}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .sortbar{flex-wrap:nowrap}
}
.pg-b.gap{border-color:transparent;background:transparent;color:var(--mut,#5B6865)}
.state-cap{display:flex;align-items:center;gap:10px;padding-bottom:12px;font-size:var(--sm);font-weight:700;color:var(--mut,#5B6865);text-transform:uppercase;letter-spacing:.06em}
.state-cap b{color:var(--accink,#0B7470)}
.emp .achips{justify-content:center}
.fsheet{position:absolute;left:0;right:0;bottom:0;height:calc(100% - 64px);display:flex;flex-direction:column;background:var(--surf,#FFFFFF);border:1px solid var(--line2,#D8CFBF);border-bottom:0;border-radius:28px 28px 0 0;box-shadow:0 -24px 48px -24px rgba(8,14,13,.5);color:var(--ink,#17211F)}
.fsheet>.pal-grab{margin-top:12px}
.fsheet-h{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 16px}
.fsheet-h .pal-t{flex:1}
.fsheet-b{flex:1;min-height:0;overflow-y:auto;padding:0 16px}
.fsheet-f{display:flex;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line,#E7E0D4);background:var(--surf,#FFFFFF)}
.fsheet-f .btn{height:52px}
.fsheet-f .btn-line{flex:1 1 0}
.fsheet-f .btn-solid{flex:2 1 0}
@media (max-width: 699.98px){
.ht.ht .cb{min-height:44px}
.ht.ht .fx-more{min-height:44px}
.ht.ht .sortbar{display:grid;grid-template-columns:minmax(0,1fr)}
.ht.ht .sortbar .seg{width:100%;min-width:0}
.ht.ht .sortbar .seg-i{display:none}
}
/* ba bậc của bộ lọc, chỉ bằng @media: >= 860 cột lọc + view-toggle, 700-859 hàng nút, < 700 nút Lọc (khay ở ?state=filter) */
@media (max-width: 859.98px){
.ht.ht .tl>.tf{display:none}
.ht.ht .sortbar .seg-i{display:none}
}
@media (min-width: 860px), (max-width: 699.98px){
.ht.ht .frow{display:none}
}
@media (min-width: 700px){
.ht.ht .fbtn,.ht.ht [data-k=filter-scrim],.ht.ht [data-k=filter-sheet]{display:none}
}

/* lưới thẻ khách sạn của danh sách: thẻ .hc lấy nguyên của trang chủ (theme.css), chỉ đổi số cột vì cột kết quả hẹp hơn trang chủ */
.hlg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}
.hlg .hc-img{width:160px}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .hlg{grid-template-columns:minmax(0,1fr)}
}
@media (min-width: 700px) and (max-width: 779.98px){
.ht.ht .hlg{grid-template-columns:minmax(0,1fr)}
}
@media (max-width: 699.98px){
.ht.ht .hlg{grid-template-columns:minmax(0,1fr);gap:12px}
}
.rm-xb{margin:0;display:flex;align-items:flex-start;gap:6px;font-size:var(--sm);line-height:var(--smlh);font-weight:600;color:var(--ink2,#3C4947)}
.rm-xb .ic{flex:none;margin-top:2px;color:var(--accink,#0B7470)}
.hct-list{display:flex;flex-direction:column;gap:12px}
.hct{min-height:56px;color:inherit;text-decoration:none}
.hct:hover{background:var(--tint,#E7F2F1)}
.hct:focus-visible{outline:2px solid var(--accink,#0B7470);outline-offset:2px}
.hct-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.hct-l{font-size:var(--xs);line-height:16px;font-weight:600;color:var(--mut,#5B6865)}
.hct-v{font-size:15px;line-height:20px;font-weight:700;color:var(--ink,#17211F);overflow-wrap:anywhere}
.hd-loc:not(:has(.hd-mp:not([hidden]),.hct:not([hidden]))){display:none}
.hd-ct:not(:has(.hct:not([hidden]))){display:none}
.ht[data-state~="category"] .pghead{padding-bottom:12px}
.vh-tags{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.vp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .vp-grid{grid-template-columns:minmax(0,1fr)}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .vp-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width: 699.98px){
.ht.ht .vp-grid{grid-template-columns:minmax(0,1fr)}
}
.vp{display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid var(--line,#E7E0D4);border-radius:var(--r);background:var(--surf,#FFFFFF);min-width:0}
@media (max-width: 699.98px){
.ht.ht .vp{padding:16px}
}
.vp-h{display:flex;align-items:center;gap:10px}
.vp-n{margin:0;font-size:18px;line-height:24px;font-weight:700}
.vp-big{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.vp-big .pr{font-size:22px;line-height:30px}
.vp-rows{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px dashed var(--line2,#D8CFBF)}
.vp-r{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:var(--sm);line-height:var(--smlh);color:var(--ink2,#3C4947)}
.vp-r b{color:var(--ink,#17211F);font-weight:700;font-variant-numeric:tabular-nums;text-align:right}
.vp-note{margin:0;display:flex;gap:8px;align-items:flex-start;font-size:var(--sm);line-height:var(--smlh);color:var(--mut,#5B6865)}
.vp-note .ic{margin-top:2px;flex:none}
.rb-kinds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .rb-kinds{grid-template-columns:minmax(0,1fr)}
}
.rb-k{display:flex;align-items:center;gap:10px;min-height:56px;padding:8px 12px;border-radius:16px;border:1px solid var(--line2,#D8CFBF);background:var(--bg,#FBF8F3);text-align:left;min-width:0;cursor:pointer}
.rb-k>.ic{color:var(--accink,#0B7470);flex:none}
.rb-k.on{border-color:var(--accink,#0B7470);background:var(--tint,#E7F2F1);box-shadow:inset 0 0 0 1px var(--accink,#0B7470)}
.rb-ktx{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.rb-kl{font-size:15px;line-height:20px;font-weight:700;color:var(--ink,#17211F)}
.rb-kp{font-size:var(--xs);line-height:16px;font-weight:600;color:var(--mut,#5B6865);font-variant-numeric:tabular-nums}
.rb-k.on .rb-kl{color:var(--tintink,#0B7470)}
.rb-ok{color:var(--tintink,#0B7470);flex:none}
.rb-one{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:var(--tint,#E7F2F1);color:var(--tintink,#0B7470);font-size:var(--sm);line-height:var(--smlh);font-weight:700}
.rb-off{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:16px;background:var(--neubg,#E9E5DC);color:var(--ink2,#3C4947)}
.rb-off-t{display:flex;align-items:center;gap:8px;margin:0;font-size:15px;line-height:20px;font-weight:700;color:var(--ink,#17211F)}
.rb-off-p{margin:0;font-size:var(--sm);line-height:var(--smlh)}
.rb-night{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:var(--warnbg,#F6EAD7);color:var(--warn,#8A4B0B);font-size:var(--sm);line-height:var(--smlh);font-weight:700}
.rb-night .ic{margin-top:2px;flex:none}
.rb-sheet-body{display:flex;flex-direction:column;gap:16px}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .vx .tdm-side{position:sticky}
}
@media (max-width: 699.98px){
.ht.ht .vx .tdm-side{position:sticky}
.ht.ht .vx .tdm{padding-top:24px}
}
.tp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px;align-items:start;padding-top:var(--headmb);padding-bottom:var(--secy)}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .tp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .tp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px}
.ht.ht [data-k=picker-anchors].tp-two{grid-template-columns:minmax(0,1fr)}
}
@media (max-width: 699.98px){
.ht.ht .tp-grid{grid-template-columns:minmax(0,1fr);gap:32px}
}
.tp-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tm-sec{display:flex;flex-direction:column;gap:8px}
.tm-t{display:flex;align-items:center;gap:8px;font-size:var(--sm);line-height:var(--smlh);font-weight:700;color:var(--ink,#17211F)}
.tm-t .ic{color:var(--accink,#0B7470)}
.tm-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tm-col{display:flex;flex-direction:column;gap:6px;min-width:0}
.tm-cl{font-size:var(--xs);line-height:16px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mut,#5B6865)}
.tm-win{position:relative;overflow:hidden;height:176px;border-radius:16px;background:var(--bg,#FBF8F3);border:1px solid var(--line2,#D8CFBF)}
.tm-in{display:flex;flex-direction:column;padding:0 6px}
.tm-c{display:flex;align-items:center;justify-content:center;gap:6px;height:44px;flex:none;border-radius:12px;font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink,#17211F);cursor:pointer}
.tm-c:hover{background:var(--sunk,#F3EEE5)}
.tm-c.on{background:var(--acc,#0B7A75);color:var(--on,#FFFFFF);position:relative;z-index:3}
.tm-c.dis{color:var(--mut,#5B6865);text-decoration:line-through;text-decoration-thickness:1px;cursor:default}
.tm-sum{margin:0;display:flex;align-items:center;gap:8px;font-size:var(--sm);line-height:var(--smlh);font-weight:700;color:var(--ink2,#3C4947)}
.tm-sum .ic{color:var(--accink,#0B7470)}
.tm-hint{margin:0;display:flex;gap:8px;align-items:flex-start;font-size:var(--sm);line-height:var(--smlh);color:var(--mut,#5B6865)}
.tm-hint .ic{margin-top:2px;flex:none}
@media (max-width: 699.98px){
.ht.ht .tm-win{height:176px}
}
.tx .tx-head{padding-bottom:16px}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .tx .tdm{grid-template-columns:minmax(0,1fr)}
}
@media (max-width: 699.98px){
.ht.ht .tx .tdm{grid-template-columns:minmax(0,1fr)}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .tx .tdm-side{position:static}
.ht.ht .tx .tdm-side::before{display:none}
}
@media (max-width: 699.98px){
.ht.ht .tx .tdm-side{position:static}
.ht.ht .tx .tdm-side::before{display:none}
}
.rt{display:flex;flex-direction:column;border:1px solid var(--line,#E7E0D4);border-radius:var(--r);background:var(--surf,#FFFFFF);overflow:hidden}
.rt-head,.rt-row{display:grid;grid-template-columns:minmax(0,2.4fr) 88px 120px 120px 128px;gap:12px;align-items:center;padding:12px 20px}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .rt-head,.ht.ht .rt-row{grid-template-columns:minmax(0,2fr) 72px 100px 100px 112px;padding:12px 16px}
}
.rt-head{background:var(--sunk,#F3EEE5);font-size:var(--xs);line-height:16px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mut,#5B6865)}
.rt-row{border-top:1px solid var(--line,#E7E0D4);min-height:64px;cursor:pointer;background:var(--surf,#FFFFFF);text-align:left;width:100%}
.rt-row:hover{background:var(--sunk,#F3EEE5)}
.rt-row.on{background:var(--tint,#E7F2F1);box-shadow:inset 0 0 0 1px var(--accline,#AAD0CF)}
.rt-name{display:flex;align-items:center;gap:10px;min-width:0;font-size:15px;line-height:20px;font-weight:700;color:var(--ink,#17211F)}
.rt-name>.ic{color:var(--accink,#0B7470);flex:none}
.rt-sel{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 10px;border-radius:999px;background:var(--surf,#FFFFFF);color:var(--tintink,#0B7470);font-size:var(--xs);font-weight:700;white-space:nowrap;flex:none}
.rt-c{font-size:15px;line-height:20px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink,#17211F)}
.rt-c.mu{color:var(--ink2,#3C4947);font-weight:600}
/* nhãn giá của hàng tuyến chỉ ở trong .rt-c: lớp rt-l còn là chữ dài của dải demo ở theme.css, không được ẩn/hiện lây sang dải */
.rt-c .rt-l{display:none}
.rt-act{display:none}
@media (max-width: 699.98px){
.ht.ht .rt{gap:12px;border:0;background:transparent;border-radius:0;overflow:visible}
.ht.ht .rt-head{display:none}
.ht.ht .rt-row{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:16px;border:1px solid var(--line,#E7E0D4);border-radius:var(--r);min-height:0}
.ht.ht .rt-row.on{border-color:var(--accink,#0B7470);box-shadow:inset 0 0 0 1px var(--accink,#0B7470)}
.ht.ht .rt-name{font-size:16px;line-height:22px;align-items:flex-start}
.ht.ht .rt-name>.ic{margin-top:2px}
.ht.ht .rt-name .rt-sel{margin-left:auto}
.ht.ht .rt-c{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:18px;line-height:24px}
.ht.ht .rt-c .rt-l{display:inline;font-size:var(--sm);line-height:var(--smlh);font-weight:600;color:var(--mut,#5B6865)}
.ht.ht .rt-seats{align-self:flex-start}
.ht.ht .rt-act{display:inline-flex;order:5;width:100%;height:48px}
}
.tx-pick{display:flex;flex-direction:column;border:1px solid var(--line2,#D8CFBF);border-radius:16px;background:var(--surf,#FFFFFF);overflow:hidden}
.tx-pick .pk-r{padding:8px 12px 8px 0;min-height:56px;border-radius:0;border-top:1px solid var(--line,#E7E0D4)}
.tx-pick .pk-r:first-child{border-top:0}
.tx-pick .pk-r .cb-l{padding-left:12px;display:flex;flex-direction:column;gap:2px}
.tx-pk-p{font-size:var(--sm);font-weight:600;color:var(--mut,#5B6865);font-variant-numeric:tabular-nums}
.tx-empty{padding:0}
@media (max-width: 699.98px){
.ht.ht .tx-empty .emp{padding:32px 16px}
}
.bf-sub{font-size:var(--sm);line-height:var(--smlh);font-weight:700;color:var(--ink2,#3C4947);font-variant-numeric:tabular-nums;flex:none}
@media (max-width: 699.98px){
.ht.ht .tx .tdm-side .rbx:not(.flat) .pc-btn{display:none}
}
.vx .th-act,.tx .th-act{flex:none}
.vb-terms{display:flex;flex-direction:column}
.vb-term{display:flex;flex-direction:column;gap:2px;padding:10px 0;border-top:1px dashed var(--line2,#D8CFBF)}
.vb-term:first-child{border-top:0}
.vb-tl{font-size:var(--sm);line-height:var(--smlh);font-weight:700;color:var(--mut,#5B6865)}
.vb-tv{font-size:15px;line-height:20px;color:var(--ink,#17211F)}
.vb-h{margin-top:12px}
.rb-sheet{height:760px}
.rb-sheet .rb-in{flex:1;min-height:0;overflow-y:auto}
.tx-steps{display:flex;flex-direction:column;gap:16px;margin-top:40px}
@media (max-width: 699.98px){
.ht.ht .tx-steps{margin-top:32px}
}
/* khung đặt xe cột bên (vehicle-booking) chỉ từ 700, dưới 700 là dải dính đáy (quy tắc data-bar ở theme.css); bộ neo ô ngày giờ (picker-anchors) của time-picker cũng chỉ từ 700, ở 390 bảng chỉ còn các khay */
@media (max-width: 699.98px){
.ht.ht [data-k=vehicle-booking]{display:none}
.ht.ht [data-k=picker-anchors]{display:none}
}

/* ===== danh sách (hotels.html / vehicles.html) ===== */
/* Khối lọc, chip, sắp xếp, khay lọc: BẢN CHÉP của tours.css (nhóm này không nạp tours.css), chỉ khác một chỗ:
 * cột lọc ẩn theo lớp .tl>.tf thay vì [data-k=tour-filter]. Ba bản này cần gom về theme.css một lần: tờ trả 45, mục (b). */
.tl{display:grid;grid-template-columns:280px minmax(0,1fr);column-gap:32px;align-items:start;padding-bottom:var(--secy)}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .tl{grid-template-columns:248px minmax(0,1fr);column-gap:24px}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .tl{grid-template-columns:minmax(0,1fr)}
}
@media (max-width: 699.98px){
.ht.ht .tl{grid-template-columns:minmax(0,1fr)}
}
.trs{display:flex;flex-direction:column;gap:var(--gap);min-width:0}
.tf{background:var(--surf,#FFFFFF);border:1px solid var(--line,#E7E0D4);border-radius:var(--r);padding:20px}
.tf-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line,#E7E0D4)}
.tf-t{margin:0;font-size:18px;line-height:24px;font-weight:700}
.tf-r{display:inline-flex;align-items:center;min-height:32px;font-size:var(--sm);font-weight:700;color:var(--accink,#0B7470)}
.tf-r:hover{text-decoration:underline}
.fx-gs{display:flex;flex-direction:column}
.fx-g{display:flex;flex-direction:column;gap:12px;padding:16px 0;border-top:1px solid var(--line,#E7E0D4)}
.fx-g:first-child{border-top:0}
.fx-h{display:flex;align-items:center;justify-content:space-between;gap:8px}
.fx-t{font-size:var(--sm);line-height:var(--smlh);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mut,#5B6865)}
.fx-c{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--acc,#0B7A75);color:var(--on,#FFFFFF);font-size:var(--xs);line-height:20px;font-weight:700;text-align:center}
.fx-list{display:flex;flex-direction:column}
.cb{display:flex;align-items:center;gap:10px;min-height:36px;cursor:pointer}
.cb-x.none{display:none}
.cb.on .cb-l{font-weight:700}
.fx-more{display:inline-flex;align-items:center;gap:6px;min-height:32px;font-size:var(--sm);font-weight:700;color:var(--accink,#0B7470)}
.fx-more:hover{text-decoration:underline}
.fx-pills{display:flex;flex-wrap:wrap;gap:8px}
.fx-rg{display:flex;align-items:center;gap:8px}
.fx-sep{color:var(--mut,#5B6865);font-weight:700}
.fx-hint{font-size:var(--xs);line-height:16px;color:var(--mut,#5B6865);font-weight:600}
.fx-dts{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.fx-date{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 14px;border-radius:14px;border:1px solid var(--line2,#D8CFBF);background:var(--bg,#FBF8F3);color:var(--accink,#0B7470);text-align:left}
.fx-date.on{border-color:var(--accline,#AAD0CF);background:var(--tint,#E7F2F1)}
.fx-date .sfield-l{color:var(--mut,#5B6865)}
.frow{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-right:calc(var(--px) * -1);padding-right:var(--px)}
.frow::-webkit-scrollbar{display:none}
.frow-b{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line2,#D8CFBF);background:var(--surf,#FFFFFF);font-size:15px;font-weight:700;color:var(--ink,#17211F);white-space:nowrap;flex:none}
.frow-b.on{border-color:var(--accline,#AAD0CF);background:var(--tint,#E7F2F1);color:var(--tintink,#0B7470)}
.frow-b.all{background:var(--ink,#17211F);border-color:var(--ink,#17211F);color:var(--bg,#FBF8F3)}
.frow-n{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--acc,#0B7A75);color:var(--on,#FFFFFF);font-size:var(--xs);line-height:20px;font-weight:700;text-align:center}
.frow-b.all .frow-n{background:var(--bg,#FBF8F3);color:var(--ink,#17211F)}
.fbtn{display:flex;align-items:center;justify-content:center;gap:10px;height:48px;width:100%;padding:0 20px;border-radius:999px;border:1px solid var(--line2,#D8CFBF);background:var(--surf,#FFFFFF);font-size:15px;font-weight:700;color:var(--ink,#17211F)}
.fbtn .ic{color:var(--accink,#0B7470)}
.achips{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.achip{display:inline-flex;align-items:center;gap:4px;height:36px;padding:0 6px 0 14px;border-radius:999px;background:var(--tint,#E7F2F1);color:var(--tintink,#0B7470);font-size:var(--sm);font-weight:700;white-space:nowrap}
.achip.ro{padding:0 14px;height:32px}
.achip-x{width:28px;height:28px;border-radius:999px;display:flex;align-items:center;justify-content:center;color:var(--tintink,#0B7470)}
.achip-x:hover{background:rgba(8,14,13,.08)}
.achip-clear{display:inline-flex;align-items:center;min-height:36px;padding:0 8px;font-size:var(--sm);font-weight:700;color:var(--accink,#0B7470)}
.achip-clear:hover{text-decoration:underline}
.sortbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.sortbar-t{font-size:var(--sm);line-height:var(--smlh);color:var(--ink2,#3C4947);font-weight:600}
.seg{display:inline-flex;padding:4px;gap:4px;border-radius:999px;background:var(--sunk,#F3EEE5);border:1px solid var(--line,#E7E0D4)}
.seg-o{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 14px;border-radius:999px;font-size:14px;font-weight:700;color:var(--mut,#5B6865);white-space:nowrap}
.seg-o.on{background:var(--surf,#FFFFFF);color:var(--ink,#17211F);box-shadow:0 1px 3px rgba(20,33,31,.16)}
.seg-i .seg-o{width:40px;padding:0}
.sortbar>.seg:first-of-type{margin-left:auto}
@media (max-width: 699.98px){
.ht.ht .sortbar{flex-direction:column;align-items:stretch;gap:8px}
.ht.ht .sortbar .seg{overflow-x:auto;scrollbar-width:none;margin-left:0}
.ht.ht .sortbar .seg::-webkit-scrollbar{display:none}
.ht.ht .seg-o{height:40px;flex:none}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .sortbar{flex-wrap:nowrap}
}
.pg-b.gap{border-color:transparent;background:transparent;color:var(--mut,#5B6865)}
.state-cap{display:flex;align-items:center;gap:10px;padding-bottom:12px;font-size:var(--sm);font-weight:700;color:var(--mut,#5B6865);text-transform:uppercase;letter-spacing:.06em}
.state-cap b{color:var(--accink,#0B7470)}
.emp .achips{justify-content:center}
.fsheet{position:absolute;left:0;right:0;bottom:0;height:calc(100% - 64px);display:flex;flex-direction:column;background:var(--surf,#FFFFFF);border:1px solid var(--line2,#D8CFBF);border-bottom:0;border-radius:28px 28px 0 0;box-shadow:0 -24px 48px -24px rgba(8,14,13,.5);color:var(--ink,#17211F)}
.fsheet>.pal-grab{margin-top:12px}
.fsheet-h{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 16px}
.fsheet-h .pal-t{flex:1}
.fsheet-b{flex:1;min-height:0;overflow-y:auto;padding:0 16px}
.fsheet-f{display:flex;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line,#E7E0D4);background:var(--surf,#FFFFFF)}
.fsheet-f .btn{height:52px}
.fsheet-f .btn-line{flex:1 1 0}
.fsheet-f .btn-solid{flex:2 1 0}
@media (max-width: 699.98px){
.ht.ht .cb{min-height:44px}
.ht.ht .fx-more{min-height:44px}
.ht.ht .sortbar{display:grid;grid-template-columns:minmax(0,1fr)}
.ht.ht .sortbar .seg{width:100%;min-width:0}
.ht.ht .sortbar .seg-i{display:none}
}
/* ba bậc của bộ lọc, chỉ bằng @media: >= 860 cột lọc + view-toggle, 700-859 hàng nút, < 700 nút Lọc (khay ở ?state=filter) */
@media (max-width: 859.98px){
.ht.ht .tl>.tf{display:none}
.ht.ht .sortbar .seg-i{display:none}
}
@media (min-width: 860px), (max-width: 699.98px){
.ht.ht .frow{display:none}
}
@media (min-width: 700px){
.ht.ht .fbtn,.ht.ht [data-k=filter-scrim],.ht.ht [data-k=filter-sheet]{display:none}
}

/* lưới thẻ xe của danh sách: thẻ .vc lấy nguyên của trang chủ (theme.css); trang chủ cuộn ngang ở 390, danh sách xếp dọc */
.vlg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
@media (min-width: 700px) and (max-width: 1199.98px){
.ht.ht .vlg{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width: 560px) and (max-width: 699.98px){
.ht.ht .vlg{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
}
@media (max-width: 559.98px){
.ht.ht .vlg{grid-template-columns:minmax(0,1fr);gap:12px}
}
.vrz{padding-bottom:var(--secy)}
.vz-sec{padding-top:8px;padding-bottom:var(--secy)}
.vz-tgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (max-width: 699.98px){
.ht.ht .vz-tgrid{grid-template-columns:minmax(0,1fr);gap:12px}
}
.vz-t{display:grid;grid-template-columns:44px minmax(0,1fr) 32px;column-gap:16px;align-items:center;min-height:112px;padding:20px;border:1px solid var(--line,#E7E0D4);border-radius:var(--r);background:var(--surf,#FFFFFF);min-width:0}
.vz-t:hover{border-color:var(--accink,#0B7470)}
.vz-t-tx{display:flex;flex-direction:column;gap:8px;min-width:0}
.vz-t-n{margin:0;font-size:18px;line-height:24px;font-weight:700;color:var(--ink,#17211F)}
.vz-t-p{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.vz-pr{font-size:22px;line-height:28px}
.vz-t .vz-c-go{align-self:center}
@media (max-width: 699.98px){
.ht.ht .vz-t{padding:16px;column-gap:12px}
.ht.ht .vz-t-n{font-size:17px;line-height:24px}
}
.vz-more{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;align-items:start;padding-bottom:var(--secy)}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .vz-more{grid-template-columns:minmax(0,1fr);gap:32px}
}
@media (max-width: 699.98px){
.ht.ht .vz-more{grid-template-columns:minmax(0,1fr);gap:32px}
}
.vz-more .tb{border-top:0;padding-top:0}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .vz-more .tb{border-top:1px solid var(--line,#E7E0D4);padding-top:32px}
}
@media (max-width: 699.98px){
.ht.ht .vz-more .tb{border-top:1px solid var(--line,#E7E0D4);padding-top:32px}
}
.vz-hl{grid-template-columns:minmax(0,1fr)}
.vz-th{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .vzt .tdm{grid-template-columns:minmax(0,1fr)}
.ht.ht .vzt .tdm-side{position:static}
.ht.ht .vzt .tdm-side::before{display:none}
}
@media (max-width: 699.98px){
.ht.ht .vzt .tdm-side{position:static}
.ht.ht .vzt .tdm-side::before{display:none}
}
.vz-fg{display:flex;flex-direction:column;gap:8px}
.vz-fl{display:flex;flex-direction:column}
.vz-fr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:baseline;padding:10px 0;border-top:1px dashed var(--line2,#D8CFBF)}
.vz-fr:first-child{border-top:0}
.vz-fk{font-size:15px;line-height:22px;font-weight:600;color:var(--ink2,#3C4947)}
.vz-fv{font-size:15px;line-height:22px;font-weight:700;text-align:right;color:var(--ink,#17211F);font-variant-numeric:tabular-nums}
@media (max-width: 699.98px){
.ht.ht .vz-fk{font-size:14px}
}
.vz-dl{display:flex;flex-direction:column;border:1px solid var(--line,#E7E0D4);border-radius:var(--r);background:var(--surf,#FFFFFF);overflow:hidden}
.vz-d{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 16px;border-top:1px solid var(--line,#E7E0D4)}
.vz-d:first-child{border-top:0}
.vz-d-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.vz-d-n{font-size:16px;line-height:22px;color:var(--ink,#17211F)}
.vz-d-s{font-size:var(--sm);line-height:var(--smlh);color:var(--mut,#5B6865)}
.vz-bd{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 10px;border-radius:999px;background:var(--neubg,#E9E5DC);color:var(--neu,#4F5B58);font-size:var(--sm);font-weight:700;white-space:nowrap}
.vz-bd.req{background:var(--tint,#E7F2F1);color:var(--tintink,#0B7470)}
@media (max-width: 699.98px){
.ht.ht .vz-d{grid-template-columns:36px minmax(0,1fr);padding:12px}
.ht.ht .vz-bd{grid-column:2;justify-self:flex-start}
.ht.ht .vz-d-n{font-size:16px}
}
.vz-form .pc-top,.vz-foot,.vz-actrow{flex:none}
@media (max-width: 699.98px){
.ht.ht .vz-form{padding:16px}
}
.vz-gr{border:1px solid var(--line2,#D8CFBF);border-radius:14px;padding:4px 8px 4px 14px;min-height:64px;background:var(--bg,#FBF8F3)}
.vz-rush{display:flex;align-items:center;gap:12px;min-height:64px;padding:8px 14px;border:1px solid var(--line2,#D8CFBF);border-radius:14px;background:var(--bg,#FBF8F3);cursor:pointer;text-align:left}
.vz-rush.on{border-color:var(--accink,#0B7470);background:var(--tint,#E7F2F1);box-shadow:inset 0 0 0 1px var(--accink,#0B7470)}
.vz-rush-t{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.vz-rush-n{font-size:15px;line-height:20px;color:var(--ink,#17211F)}
.vz-rush-s{font-size:var(--sm);line-height:var(--smlh);color:var(--ink2,#3C4947)}
.vz-rush-f{flex:none;font-size:15px;line-height:20px;text-align:right;color:var(--ink,#17211F);font-variant-numeric:tabular-nums}
@media (max-width: 699.98px){
.ht.ht .vz-rush{flex-wrap:wrap;row-gap:4px}
.ht.ht .vz-rush-f{flex-basis:100%;text-align:left;padding-left:32px}
}
.vz-inv{border:1px solid var(--line2,#D8CFBF);border-radius:14px;background:var(--bg,#FBF8F3)}
.vz-inv-h{display:flex;align-items:center;gap:10px;width:100%;min-height:56px;padding:8px 12px 8px 14px;text-align:left}
.vz-inv-i{color:var(--accink,#0B7470);flex:none}
.vz-inv-t{flex:1;min-width:0;font-size:15px;line-height:20px;font-weight:700;color:var(--ink,#17211F)}
.vz-inv-h .fq-ic{width:36px;height:36px;flex:none}
.vz-inv-b{display:flex;flex-direction:column;gap:16px;padding:12px 14px 16px;border-top:1px solid var(--line,#E7E0D4)}
.vz-inv-b .bf-in{background:var(--surf,#FFFFFF)}
.vz-up{display:flex;flex-direction:column;gap:12px}
.vz-drop{position:relative;height:136px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px 16px;border:2px dashed var(--accink,#0B7470);border-radius:16px;background:var(--tint,#E7F2F1);text-align:center;cursor:pointer}
.vz-drop-ic{width:40px;height:40px;border-radius:999px;background:var(--surf,#FFFFFF);color:var(--accink,#0B7470);display:flex;align-items:center;justify-content:center;flex:none}
.vz-drop-t{font-size:16px;line-height:22px;color:var(--ink,#17211F)}
.vz-drop-s{font-size:var(--sm);line-height:var(--smlh);color:var(--ink2,#3C4947)}
.vz-fin{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:0}
.vz-files,.vz-pl{display:flex;flex-direction:column;gap:8px}
.vz-file{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:56px;padding:6px 6px 6px 14px;border:1px solid var(--line2,#D8CFBF);border-radius:14px;background:var(--surf,#FFFFFF)}
.vz-pl .vz-file{grid-template-columns:20px minmax(0,1fr);padding-right:14px}
.vz-file-e{font-size:var(--sm);line-height:var(--smlh);font-weight:700;color:var(--warn,#8A4B0B)}
.vz-file.bad{border:2px solid var(--warn,#8A4B0B);padding:5px 5px 5px 13px}
.vz-file.bad .vz-file-ic{color:var(--warn,#8A4B0B)}
.vz-rm{width:44px;height:44px;border-radius:999px;display:flex;align-items:center;justify-content:center;color:var(--ink,#17211F);flex:none}
.vz-rm:hover{background:var(--sunk,#F3EEE5)}
.vz-keep{margin:0;display:flex;gap:8px;align-items:flex-start;font-size:var(--sm);line-height:var(--smlh);color:var(--mut,#5B6865)}
.vz-keep .ic{margin-top:2px;flex:none}
.vz-foot,.vz-actrow{display:flex;flex-direction:column;gap:12px}
.vz-pn{margin:0;display:flex;gap:8px;align-items:flex-start;font-size:var(--sm);line-height:var(--smlh);color:var(--ink2,#3C4947)}
.vz-pn .ic{margin-top:2px;flex:none;color:var(--accink,#0B7470)}
.vz-prov{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 12px;padding:12px 14px;border-radius:14px;background:var(--sunk,#F3EEE5)}
.vz-prov-l{font-size:15px;line-height:22px;font-weight:700;color:var(--ink,#17211F)}
.vz-prov-v{font-size:22px;line-height:28px;font-variant-numeric:tabular-nums;color:var(--ink,#17211F)}
.vz-prov-s{flex-basis:100%;font-size:var(--sm);line-height:var(--smlh);color:var(--ink2,#3C4947)}
.vz-refund{margin:0;display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:var(--sunk,#F3EEE5);border:1px solid var(--line2,#D8CFBF);font-size:15px;line-height:22px;color:var(--ink,#17211F)}
.vz-refund b{font-weight:800}
.vz-refund .ic{margin-top:2px;flex:none;color:var(--accink,#0B7470)}
@media (max-width: 699.98px){
.ht.ht .vz-form:not(.flat) .vz-actrow{display:none}
}
.sb.vz-bar{height:auto;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;padding:8px 16px 10px}
.vz-refund.bar{padding:0;border:0;background:transparent;gap:0;font-size:14px;line-height:20px}
.vz-bar-btn{width:100%;height:48px;font-size:16px}
.vz-now{display:flex;flex-direction:column;gap:6px}
.vz-do{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:16px;background:var(--sunk,#F3EEE5)}
.vz-do-t{margin:0;font-size:16px;line-height:22px;font-weight:700;color:var(--ink,#17211F)}
.vz-do .btn{align-self:flex-start;margin-top:4px}
@media (max-width: 699.98px){
.ht.ht .vz-do .btn{align-self:stretch;height:48px}
}
.vz-more-up{display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:1px dashed var(--line2,#D8CFBF)}
.vz-tf .vz-now{padding-bottom:0}
.vz-t .vz-c-go{grid-area:auto;align-self:center}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .vzt .tdm-side .rbx{max-height:none}
.ht.ht .vzt .tdm-side .rbx .rb-in{overflow:visible}
}
/* dải dính đáy của visa-type cao 115 px (câu hoàn tiền hai dòng và nút), cao hơn dải giá 64 px mà theme.css tính cho data-bar="price": đệm đáy trang và nút nổi phải cao thêm 51 px, như cảnh cũ (193 px và 200 px) */
@media (max-width: 699.98px){
.ht.ht[data-bar=price][data-nav=visa]{padding-bottom:calc(193px + env(safe-area-inset-bottom))}
.ht.ht[data-bar=price][data-nav=visa] .fab-wrap{bottom:calc(200px + env(safe-area-inset-bottom))}
}
.ak-head{align-items:flex-end}
@media (max-width: 699.98px){
.ht.ht .ak-head{flex-direction:column;align-items:stretch;gap:8px}
}
.ak-sec{padding-top:8px;padding-bottom:var(--secy)}
.ak-hub{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center;padding:32px;border-radius:28px;border:1px solid var(--accline,#AAD0CF);background:var(--tint,#E7F2F1)}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .ak-hub{padding:24px;gap:24px}
}
@media (max-width: 699.98px){
.ht.ht .ak-hub{grid-template-columns:minmax(0,1fr);padding:20px;gap:20px;border-radius:20px}
}
.ak-hub-tx{display:flex;flex-direction:column;gap:12px;min-width:0;align-items:flex-start}
.ak-hub-h{margin:0;font-size:26px;line-height:32px;color:var(--ink,#17211F)}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .ak-hub-h{font-size:22px;line-height:28px}
}
@media (max-width: 699.98px){
.ht.ht .ak-hub-h{font-size:22px;line-height:28px}
}
.ak-hub-p{margin:0;font-size:var(--body);line-height:var(--bodylh);color:var(--ink2,#3C4947)}
.ak-hub-tx .btn{height:48px;margin-top:4px}
@media (max-width: 699.98px){
.ht.ht .ak-hub-tx .btn{align-self:stretch}
}
.ak-modes{display:grid;grid-template-columns:repeat(3,112px);gap:12px}
@media (max-width: 699.98px){
.ht.ht .ak-modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
}
.ak-mode{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:96px;padding:12px 8px;border-radius:20px;background:var(--surf,#FFFFFF);border:1px solid var(--accline,#AAD0CF);min-width:0}
.ak-mode-ic{width:44px;height:44px;border-radius:999px;background:var(--tint,#E7F2F1);color:var(--tintink,#0B7470);display:flex;align-items:center;justify-content:center;flex:none}
.ak-mode-l{font-size:15px;line-height:20px;font-weight:700;color:var(--ink,#17211F);text-align:center}
.ak-th{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.ak-hero{border-radius:var(--r);overflow:hidden}
.ak-hero .ph{aspect-ratio:2/1}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .ak-hero .ph{aspect-ratio:16/9}
}
@media (max-width: 699.98px){
.ht.ht .ak-hero .ph{aspect-ratio:3/2}
}
.ak-intro{margin:0;font-size:var(--body);line-height:var(--bodylh);color:var(--ink2,#3C4947)}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .akd .tdm{grid-template-columns:minmax(0,1fr)}
.ht.ht .akd .tdm-side{position:static}
.ht.ht .akd .tdm-side::before{display:none}
}
@media (max-width: 699.98px){
.ht.ht .akd .tdm-side{position:static}
.ht.ht .akd .tdm-side::before{display:none}
}
.ak-terms{display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid var(--line,#E7E0D4);border-radius:var(--r);background:var(--surf,#FFFFFF)}
@media (max-width: 699.98px){
.ht.ht .ak-terms{padding:16px}
}
.ak-term{display:flex;gap:12px;align-items:flex-start;font-size:var(--body);line-height:var(--bodylh);color:var(--ink2,#3C4947)}
.ak-term .ic{margin-top:4px;color:var(--accink,#0B7470)}
.ak-box .pc-top,.ak-foot{flex:none}
@media (max-width: 699.98px){
.ht.ht .ak-box{padding:16px}
}
.ak-contact{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .ak-contact{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.ak-kinds{display:flex;flex-direction:column;border:1px solid var(--line2,#D8CFBF);border-radius:16px;background:var(--bg,#FBF8F3);overflow:hidden}
.ak-kinds.bad{border:2px solid var(--warn,#8A4B0B)}
.ak-k{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"tx st" "tx sub";column-gap:12px;row-gap:4px;align-items:center;padding:12px 12px 12px 16px;border-top:1px solid var(--line,#E7E0D4)}
.ak-k:first-child{border-top:0}
.ak-k-tx{grid-area:tx;display:flex;flex-direction:column;gap:2px;min-width:0}
.ak-k-n{font-size:16px;line-height:22px;font-weight:700;color:var(--ink,#17211F)}
.ak-k-p{font-size:18px;line-height:24px;font-weight:800;color:var(--ink,#17211F);font-variant-numeric:tabular-nums}
.ak-k-s{font-size:var(--sm);line-height:var(--smlh);color:var(--mut,#5B6865)}
.ak-k .step{grid-area:st;justify-self:end}
.ak-k-sub{grid-area:sub;justify-self:end;font-size:18px;line-height:24px;font-weight:800;color:var(--ink,#17211F);font-variant-numeric:tabular-nums}
.ak-k-sub.zero{color:var(--mut,#5B6865);font-weight:700}
.ak-k.out{background:var(--sunk,#F3EEE5)}
.ak-k.out .ak-k-n,.ak-k.out .ak-k-p{color:var(--ink2,#3C4947)}
.ak-out{grid-area:st;justify-self:end;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;background:var(--warnbg,#F6EAD7);color:var(--warn,#8A4B0B);font-size:var(--sm);font-weight:700;white-space:nowrap}
.ak-total{display:flex;flex-direction:column;gap:2px}
.ak-total-r{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.ak-total-l{font-size:15px;line-height:20px;font-weight:700;color:var(--ink,#17211F)}
.ak-total-v{font-size:26px;line-height:32px;font-weight:800;color:var(--ink,#17211F);font-variant-numeric:tabular-nums}
.ak-total-s{font-size:var(--sm);line-height:var(--smlh);color:var(--ink2,#3C4947);font-variant-numeric:tabular-nums}
@media (max-width: 699.98px){
.ht.ht .ak-total-v{font-size:22px;line-height:28px}
}
.ak-foot,.ak-act{display:flex;flex-direction:column;gap:12px}
.ak-rules{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:16px;background:var(--sunk,#F3EEE5);border:1px solid var(--line2,#D8CFBF)}
.ak-rule{margin:0;display:flex;gap:8px;align-items:flex-start;font-size:15px;line-height:22px;font-weight:700;color:var(--ink,#17211F)}
.ak-rule .ic{margin-top:2px;flex:none;color:var(--accink,#0B7470)}
@media (max-width: 699.98px){
.ht.ht .ak-box:not(.flat) .ak-act{display:none}
}
.ak-off{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:16px;background:var(--neubg,#E9E5DC);color:var(--ink2,#3C4947)}
.ak-off-t{display:flex;align-items:center;gap:8px;margin:0;font-size:16px;line-height:22px;font-weight:700;color:var(--ink,#17211F)}
.ak-off-p{margin:0;font-size:var(--sm);line-height:var(--smlh)}
.sb.ak-bar{height:auto;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;padding:8px 16px 10px}
.ak-bar-rule{margin:0;font-size:14px;line-height:20px;font-weight:700;color:var(--ink,#17211F)}
.ak-bar-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ak-bar-tot{display:flex;flex-direction:column;min-width:0}
.ak-bar-tl{font-size:var(--xs);line-height:16px;font-weight:600;color:var(--mut,#5B6865)}
.ak-bar-tv{font-size:22px;line-height:28px;font-weight:800;color:var(--ink,#17211F);font-variant-numeric:tabular-nums}
.ak-bar-btn{flex:none;height:48px;padding:0 24px;font-size:16px}
.sb.tq-bar{gap:12px}
.tq-bar-tx{display:flex;flex-direction:column;min-width:0;font-size:14px;line-height:20px;font-weight:700;color:var(--ink,#17211F)}
.tq-bar-tx span{font-size:var(--sm);line-height:var(--smlh);font-weight:600;color:var(--ink2,#3C4947)}
.tq-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;column-gap:48px;align-items:start;padding-top:8px;padding-bottom:var(--secy)}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .tq-layout{grid-template-columns:minmax(0,1fr) 300px;column-gap:32px}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .tq-layout{grid-template-columns:minmax(0,1fr);row-gap:24px}
}
@media (max-width: 699.98px){
.ht.ht .tq-layout{grid-template-columns:minmax(0,1fr);row-gap:24px}
}
.tq-form{gap:24px}
@media (max-width: 699.98px){
.ht.ht .tq-form{padding:16px;gap:20px}
}
.tq-lead{margin:0;display:flex;gap:8px;align-items:flex-start;font-size:15px;line-height:22px;font-weight:700;color:var(--ink,#17211F)}
.tq-lead .ic{margin-top:2px;flex:none;color:var(--accink,#0B7470)}
.tq-sec{display:flex;flex-direction:column;gap:12px;min-width:0}
.tq-gh{margin:0;font-size:16px;line-height:22px;font-weight:800;color:var(--ink,#17211F)}
.tq-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.tq-cabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.tq-mode,.tq-cab{display:flex;align-items:center;justify-content:center;gap:8px;min-height:56px;padding:8px 12px;border-radius:16px;border:1px solid var(--line2,#D8CFBF);background:var(--bg,#FBF8F3);min-width:0;cursor:pointer;text-align:left}
.tq-cab{justify-content:flex-start}
.tq-mode>.ic,.tq-cab>.ic{color:var(--accink,#0B7470);flex:none}
.tq-mode-l{display:inline-flex;align-items:center;gap:4px;font-size:15px;line-height:20px;font-weight:700;color:var(--ink,#17211F)}
.tq-mode.on,.tq-cab.on{border-color:var(--accink,#0B7470);background:var(--tint,#E7F2F1);box-shadow:inset 0 0 0 1px var(--accink,#0B7470)}
.tq-mode.on .tq-mode-l,.tq-cab.on .tq-mode-l{color:var(--tintink,#0B7470)}
@media (max-width: 699.98px){
.ht.ht .tq-mode{flex-direction:column;gap:4px;min-height:72px;padding:8px}
}
.tq-rt{display:flex;align-items:center;gap:12px;min-height:64px;padding:8px 12px 8px 16px;border:1px solid var(--line2,#D8CFBF);border-radius:16px;background:var(--bg,#FBF8F3);cursor:pointer;text-align:left;width:100%}
.tq-rt-tx{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.tq-rt-n{font-size:16px;line-height:22px;font-weight:700;color:var(--ink,#17211F)}
.tq-rt-h{font-size:var(--sm);line-height:var(--smlh);color:var(--ink2,#3C4947)}
.tq-sw{position:relative;flex:none;width:56px;height:32px;border-radius:999px;border:1px solid var(--line2,#D8CFBF);background:var(--surf,#FFFFFF);display:flex;align-items:center;padding:4px}
.tq-sw-k{width:22px;height:22px;border-radius:999px;background:var(--mut,#5B6865);display:flex;align-items:center;justify-content:center;color:var(--on,#FFFFFF)}
.tq-sw-k .ic{width:14px;height:14px;stroke-width:2.6}
.tq-rt.on .tq-sw{background:var(--acc,#0B7A75);border-color:var(--acc,#0B7A75);justify-content:flex-end}
.tq-rt.on .tq-sw-k{background:var(--surf,#FFFFFF);color:var(--accink,#0B7470)}
.tq-route{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);gap:8px;align-items:start}
.tq-swap-w{display:flex;align-items:center;justify-content:center;padding-top:32px}
.tq-swap{width:44px;height:44px;border-radius:999px;border:1px solid var(--line2,#D8CFBF);background:var(--surf,#FFFFFF);display:flex;align-items:center;justify-content:center;color:var(--ink,#17211F)}
.tq-swap:hover{border-color:var(--accink,#0B7470);color:var(--accink,#0B7470)}
@media (max-width: 699.98px){
.ht.ht .tq-route{grid-template-columns:minmax(0,1fr);gap:8px}
.ht.ht .tq-swap-w{padding-top:0;justify-content:flex-end;gap:12px}
.ht.ht .tq-swap-w::before{content:'';flex:1;height:1px;background:var(--line,#E7E0D4)}
}
.tq-dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.tq-dates.one{grid-template-columns:minmax(0,1fr)}
@media (max-width: 699.98px){
.ht.ht .tq-dates{grid-template-columns:minmax(0,1fr)}
}
.tq-pax{border:1px solid var(--line2,#D8CFBF);border-radius:16px;background:var(--bg,#FBF8F3);padding:0 8px 0 16px}
.tq-pax .gr:last-child{border-bottom:0}
.tq-contact{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.tq-foot,.tq-act{display:flex;flex-direction:column;gap:12px}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .tq-form:not(.flat) .tq-act{display:none}
}
@media (max-width: 699.98px){
.ht.ht .tq-form:not(.flat) .tq-act{display:none}
}
.tq-how{display:flex;flex-direction:column;gap:16px;position:sticky;top:calc(var(--hdrh) + 17px)}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .tq-how{position:static}
.ht.ht .tq-how::before{display:none}
}
@media (max-width: 699.98px){
.ht.ht .tq-how{position:static}
.ht.ht .tq-how::before{display:none}
}
.ak-tg{display:grid;grid-template-columns:minmax(0,1fr) 400px;grid-template-areas:"main a" "main b";grid-template-rows:auto 1fr;column-gap:48px;row-gap:24px;align-items:start;padding-top:8px;padding-bottom:var(--secy)}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .ak-tg{grid-template-columns:minmax(0,1fr) 340px;column-gap:32px}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .ak-tg{grid-template-columns:minmax(0,1fr);grid-template-areas:"main" "a" "b";grid-template-rows:auto;row-gap:24px}
}
@media (max-width: 699.98px){
.ht.ht .ak-tg{grid-template-columns:minmax(0,1fr);grid-template-areas:"main" "a" "b";grid-template-rows:auto;row-gap:24px}
.ht.ht .ak-tg{row-gap:20px}
}
.ak-tg .vz-tm,.ak-tg .vz-ta,.ak-tg .vz-tb{min-width:0}
.ak-pg{display:flex;flex-direction:column;gap:12px;padding-top:var(--secy)}
.ak-chiprow{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.ak-chiprow .vz-now-l{margin:0}
.ak-cgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width: 699.98px){
.ht.ht .ak-cgrid{grid-template-columns:minmax(0,1fr)}
}
.ak-code{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;border:1px solid var(--line2,#D8CFBF);border-radius:20px;background:var(--surf,#FFFFFF);min-width:0}
.ak-code.used{background:var(--sunk,#F3EEE5);border-style:dashed}
.ak-qr{width:100%;aspect-ratio:1/1;border-radius:16px;border:1px solid #CBD5E1;background:#FFFFFF;color:#111827;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.ak-qr .ic{width:96px;height:96px;stroke-width:1.6}
.ak-qr-t{font-size:var(--xs);line-height:16px;font-weight:700;color:#4B5563}
.ak-code.used .ak-qr .ic{opacity:.3}
@media (max-width: 699.98px){
.ht.ht .ak-qr{width:240px}
}
.ak-code-id{margin:0;font-size:18px;line-height:24px;font-weight:800;letter-spacing:.04em;color:var(--ink,#17211F);text-align:center;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.ak-code-k{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 8px;font-size:15px;line-height:20px;font-weight:600;color:var(--ink2,#3C4947)}
.ak-used{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 12px;border-radius:999px;background:var(--neubg,#E9E5DC);color:var(--neu,#4F5B58);font-size:var(--sm);font-weight:700;white-space:nowrap}
.ak-code .btn{width:100%;height:44px}
@media (max-width: 699.98px){
.ht.ht .ak-code .btn{height:48px}
}
.ak-tip{margin:0;display:flex;gap:8px;align-items:flex-start;font-size:var(--sm);line-height:var(--smlh);color:var(--ink2,#3C4947)}
.ak-tip .ic{margin-top:2px;flex:none;color:var(--accink,#0B7470)}
.ak-money .dn-r.strong .dn-rv{font-size:22px;line-height:28px}
.ak-dm{display:flex;flex-direction:column;gap:16px}
.ak-dm .btn{height:48px}
.ak-wait{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:16px;background:var(--neubg,#E9E5DC);color:var(--ink2,#3C4947)}
.ak-wait>.ic{flex:none;margin-top:2px}
.qc-list{display:flex;flex-direction:column;gap:16px}
.qc{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;row-gap:16px;align-items:center;padding:20px;border:1px solid var(--line2,#D8CFBF);border-radius:var(--r);background:var(--surf,#FFFFFF);min-width:0}
.qc.soon{border-color:var(--warn,#8A4B0B)}
.qc.gone{background:var(--sunk,#F3EEE5);border-style:dashed}
.qc.chosen{border-color:var(--accink,#0B7470);box-shadow:inset 0 0 0 1px var(--accink,#0B7470)}
.qc-main{display:flex;flex-direction:column;gap:12px;min-width:0}
.qc-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.qc-carrier{font-size:17px;line-height:24px;font-weight:800;color:var(--ink,#17211F)}
.qc.gone .qc-carrier{color:var(--ink2,#3C4947)}
.qc-no{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;background:var(--neubg,#E9E5DC);color:var(--neu,#4F5B58);font-size:var(--sm);font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.qc-legs{display:flex;flex-direction:column;gap:12px}
.qc-leg{display:grid;grid-template-columns:48px minmax(0,1fr) 24px minmax(0,1fr);gap:8px;align-items:center}
.qc-leg-l{font-size:var(--xs);line-height:16px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mut,#5B6865)}
.qc-pt{display:flex;flex-direction:column;min-width:0}
.qc-time{font-size:18px;line-height:24px;font-weight:800;color:var(--ink,#17211F);font-variant-numeric:tabular-nums}
.qc-city{font-size:var(--sm);line-height:var(--smlh);color:var(--ink2,#3C4947)}
.qc-arrow{color:var(--mut,#5B6865)}
.qc-bag{margin:0;display:flex;gap:8px;align-items:center;font-size:var(--sm);line-height:var(--smlh);color:var(--ink2,#3C4947)}
.qc-bag .ic{color:var(--accink,#0B7470)}
.qc-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px;text-align:right;min-width:0}
.qc-total{font-size:26px;line-height:32px;font-weight:800;color:var(--ink,#17211F);font-variant-numeric:tabular-nums}
.qc.gone .qc-total{color:var(--ink2,#3C4947)}
.qc-sub{font-size:var(--sm);line-height:var(--smlh);color:var(--ink2,#3C4947)}
.qc-hold{display:inline-flex;align-items:center;gap:6px;font-size:14px;line-height:20px;font-weight:700;color:var(--ink,#17211F)}
.qc-hold .ic{color:var(--accink,#0B7470)}
.qc-soon{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 10px;border-radius:999px;background:var(--warnbg,#F6EAD7);color:var(--warn,#8A4B0B);font-size:var(--xs);font-weight:700;white-space:nowrap}
.qc-gonet{display:inline-flex;align-items:center;gap:6px;font-size:14px;line-height:20px;font-weight:700;color:var(--ink2,#3C4947)}
.qc-take{height:48px;padding:0 24px;font-size:16px}
.qc-picked{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;background:var(--tint,#E7F2F1);color:var(--tintink,#0B7470);font-size:var(--sm);font-weight:700}
@media (max-width: 699.98px){
.ht.ht .qc{grid-template-columns:minmax(0,1fr);padding:16px}
.ht.ht .qc-side{align-items:stretch;text-align:left}
.ht.ht .qc-total{font-size:22px;line-height:28px}
.ht.ht .qc-leg{grid-template-columns:40px minmax(0,1fr) 24px minmax(0,1fr);gap:6px}
.ht.ht .qc-take{width:100%}
.ht.ht .qc-picked{align-self:flex-start}
}
.ak-et{display:flex;flex-direction:column;gap:8px}
.ak-et-r{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:56px;padding:6px 6px 6px 16px;border:1px solid var(--line2,#D8CFBF);border-radius:16px;background:var(--surf,#FFFFFF)}
@media (max-width: 699.98px){
.ht.ht .ak-et-r{grid-template-columns:20px minmax(0,1fr)}
.ht.ht .ak-et-r .cp{grid-column:1/-1;margin:0 10px 8px 0}
.ht.ht .tq-swap .ic{transform:rotate(90deg)}
}
/* dải dính đáy của attraction (ticket-sticky: luật vé, hàng tổng và nút) cao hơn dải giá 64 px mà theme.css tính cho data-bar="price": dưới 700 đệm đáy trang và nút nổi cao như cảnh cũ (193 px và 200 px). Chọn theo lớp akd của <main> vì trip-request cũng mang data-bar="price" và data-nav="ticket" */
@media (max-width: 699.98px){
.ht.ht[data-bar=price]:has(.akd){padding-bottom:calc(193px + env(safe-area-inset-bottom))}
.ht.ht[data-bar=price]:has(.akd) .fab-wrap{bottom:calc(200px + env(safe-area-inset-bottom))}
}
/* dải dính đáy của trip-request (trip-sticky) hiện dưới 860 như thanh tab, còn theme.css chỉ cho dải này dưới 700: từ 700 đến 859 dải hiện lại, đệm đáy trang và nút nổi theo dải giá 64 px của cảnh cũ (142 px và 149 px) */
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht[data-bar=price]:has(.tqm){padding-bottom:calc(142px + env(safe-area-inset-bottom))}
.ht.ht[data-bar=price]:has(.tqm) .fab-wrap{bottom:calc(149px + env(safe-area-inset-bottom))}
.ht.ht[data-bar=price]:has(.tqm) [data-k=trip-sticky]{display:flex}
}
.sv-main{display:block}
.sv-bar-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:var(--headmb)}
.sv-cats{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.sv-cats .pill{height:40px;font-size:14px}
.sv-q{display:flex;align-items:center;gap:10px;flex:none;width:320px;height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line2,#D8CFBF);background:var(--surf,#FFFFFF);color:var(--mut,#5B6865)}
.sv-q .fx-inp{font-size:15px;font-weight:500}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .sv-bar-top{flex-direction:column;align-items:stretch;gap:12px}
.ht.ht .sv-q{width:auto}
}
@media (max-width: 699.98px){
.ht.ht .sv-bar-top{flex-direction:column-reverse;align-items:stretch;gap:12px}
.ht.ht .sv-q{width:auto}
.ht.ht .sv-cats{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:calc(var(--px) * -1);margin-right:calc(var(--px) * -1);padding:0 var(--px)}
.ht.ht .sv-cats::-webkit-scrollbar{display:none}
.ht.ht .sv-cats .pill{height:44px;flex:none}
}
.sv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.sv-grid.rel{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .sv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.ht.ht .sv-grid.rel{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width: 699.98px){
.ht.ht .sv-grid,.ht.ht .sv-grid.rel{grid-template-columns:minmax(0,1fr);gap:10px}
}
.sv-card{display:flex;flex-direction:column;border-radius:var(--r);border:1px solid var(--line,#E7E0D4);background:var(--surf,#FFFFFF);overflow:hidden;min-width:0}
.sv-card:hover{border-color:var(--accline,#AAD0CF)}
.sv-card.wide{grid-column:span 2;flex-direction:row}
.sv-pw{position:relative;width:44%;flex:none;aspect-ratio:3/2}
.sv-pw .ph{position:absolute;inset:0;height:100%}
.sv-cb{display:flex;flex-direction:column;gap:12px;padding:24px;flex:1;min-width:0}
.sv-ic{width:44px;height:44px;border-radius:14px;background:var(--tint,#E7F2F1);color:var(--tintink,#0B7470);display:flex;align-items:center;justify-content:center}
.sv-name{margin:0;font-size:var(--name);line-height:var(--namelh);font-weight:700;color:var(--ink,#17211F)}
.sv-card:hover .sv-name{color:var(--accink,#0B7470)}
.sv-desc{margin:0;font-size:var(--sm);line-height:var(--smlh);color:var(--ink2,#3C4947)}
.sv-price{margin-top:auto;padding-top:12px;border-top:1px solid var(--line,#E7E0D4);display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .sv-cb{padding:20px}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .sv-pw{width:40%}
}
@media (max-width: 699.98px){
.ht.ht .sv-card.wide{grid-column:auto;flex-direction:column}
.ht.ht .sv-pw{width:100%;aspect-ratio:16/9}
.ht.ht .sv-cb{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:12px;row-gap:4px;padding:16px;align-content:start}
.ht.ht .sv-ic{grid-row:span 3}
.ht.ht .sv-name,.ht.ht .sv-desc,.ht.ht .sv-price{grid-column:2}
.ht.ht .sv-price{margin-top:4px;padding-top:6px}
}
.sv-sec{padding-top:8px;padding-bottom:var(--secy)}
.sv-pager{padding-top:32px}
@media (max-width: 699.98px){
.ht.ht .sv-pager{padding-top:24px}
}
.sv-boards{display:flex;flex-direction:column;gap:48px}
.sv-boards .vr{gap:16px}
.sv-frame{display:flex;flex-direction:column;gap:var(--gap);padding:24px;border-radius:var(--r);background:var(--surf,#FFFFFF);border:1px solid var(--line,#E7E0D4);min-width:0}
@media (max-width: 699.98px){
.ht.ht .sv-frame{padding:16px}
}
.sv-head{display:flex;flex-direction:column;gap:12px;padding-top:8px;padding-bottom:24px;min-width:0}
.sv-head-cat{align-self:flex-start}
.sv-facts{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 24px}
.sv-pbig{display:flex;align-items:baseline;gap:8px}
.sv-pbig .pr{font-size:28px;line-height:36px}
@media (max-width: 699.98px){
.ht.ht .sv-pbig .pr{font-size:22px;line-height:30px}
}
.sv-dur{display:inline-flex;align-items:center;gap:6px;font-size:var(--body);line-height:var(--bodylh);font-weight:600;color:var(--ink2,#3C4947)}
.sv-dur .ic{color:var(--accink,#0B7470)}
.sv-rd{margin-top:0}
@media (max-width: 699.98px){
.ht.ht .sv-rd{margin-top:0}
}
@media (min-width: 1200px){
.ht.ht .sv-rd{width:720px}
}
.sv-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.sv-step{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0}
.sv-step-n{position:relative;z-index:1;width:36px;height:36px;border-radius:999px;background:var(--acc,#0B7A75);color:var(--on,#FFFFFF);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800}
.sv-step:not(:last-child)::after{content:"";position:absolute;left:44px;right:-8px;top:17px;height:2px;border-radius:2px;background:var(--accline,#AAD0CF)}
.sv-step-t{margin:0;font-size:16px;line-height:22px;font-weight:700;color:var(--ink,#17211F)}
.sv-step-d{margin:0;font-size:var(--sm);line-height:var(--smlh);color:var(--ink2,#3C4947)}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .sv-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .sv-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .sv-step::after{display:none}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .sv-step::after{display:none}
}
@media (max-width: 699.98px){
.ht.ht .sv-steps{grid-template-columns:minmax(0,1fr);gap:0}
.ht.ht .sv-step{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:12px;row-gap:2px;padding-bottom:20px}
.ht.ht .sv-step:last-child{padding-bottom:0}
.ht.ht .sv-step-n{grid-row:span 2}
.ht.ht .sv-step:not(:last-child)::after{left:17px;right:auto;top:40px;bottom:4px;width:2px;height:auto}
}
.sv-cta .pc-pr{font-size:28px;line-height:36px}
.sv-cta .pc-r{align-items:center}
.sv-cta.quote .pr.quote{font-size:22px;line-height:30px}
.sv-bar{gap:12px}
.sv-bar-p{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.sv-bar-p .pr{font-size:22px;line-height:26px}
.sv-bar-p .pr-unit{font-size:var(--xs);line-height:16px}
.sv-bar .sb-btn{padding:0 16px;font-size:15px}
.sv-bar.only .sb-btn{flex:1}
.sv-mcta{display:none}
@media (max-width: 699.98px){
.ht.ht .sv-mcta{display:flex}
}
.sv-mcta{flex-direction:column;gap:12px;padding:20px;border-radius:var(--r);background:var(--tint,#E7F2F1)}
.sv-mcta-t{margin:0;font-size:18px;line-height:24px;font-weight:700;color:var(--ink,#17211F)}
.sv-mcta-l{display:flex;flex-direction:column}
.sv-mcta .pc-hot{justify-content:flex-start;color:var(--tintink,#0B7470)}
.ds-top{padding-bottom:0}
.ds-cover{position:relative;height:420px;border-radius:28px;overflow:hidden;color:#FFFFFF}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .ds-cover{height:380px}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .ds-cover{height:340px;border-radius:24px}
}
@media (max-width: 699.98px){
.ht.ht .ds-cover{height:300px;border-radius:20px}
}
.ds-cover .ph{position:absolute;inset:0;height:100%}
.ds-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,14,13,.88) 0%,rgba(8,14,13,.80) 62%,rgba(8,14,13,0) 100%)}
.ds-tx{position:absolute;left:40px;right:40px;bottom:36px;display:flex;flex-direction:column;gap:10px;min-width:0}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .ds-tx{left:32px;right:32px;bottom:32px}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .ds-tx{left:24px;right:24px;bottom:24px}
}
@media (max-width: 699.98px){
.ht.ht .ds-tx{left:16px;right:16px;bottom:16px;gap:8px}
}
.ds-path{font-size:var(--sm);line-height:var(--smlh);font-weight:600;color:#FFFFFF}
.ds-name{margin:0;font-size:var(--h1);line-height:var(--h1lh);color:#FFFFFF}
.ds-lead{margin:0;font-size:var(--body);line-height:var(--bodylh);color:#FFFFFF;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;overflow-wrap:anywhere;min-width:0}
.ds-plain .ds-lead{color:var(--ink2,#3C4947)}
.ds-chips{display:flex;flex-wrap:wrap;gap:8px}
.ds-chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;background:rgba(8,14,13,.62);color:#FFFFFF;font-size:var(--sm);font-weight:600}
.ds-plain{display:flex;flex-direction:column;gap:12px;padding-top:8px}
.ds-plain .ds-name{color:var(--ink,#17211F)}
.ds-plain .ds-path{color:var(--mut,#5B6865)}
.ds-plain .ds-chip{background:var(--tint,#E7F2F1);color:var(--tintink,#0B7470)}
.ds-facts{display:flex;gap:var(--gap);padding-top:24px;padding-bottom:var(--secy)}
.ds-fact{flex:1 1 0;display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:var(--r);background:var(--surf,#FFFFFF);border:1px solid var(--line,#E7E0D4);min-width:0}
.ds-fact-ic{width:44px;height:44px;border-radius:14px;flex:none;background:var(--tint,#E7F2F1);color:var(--tintink,#0B7470);display:flex;align-items:center;justify-content:center}
.ds-fact-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.ds-fact-l{font-size:var(--xs);line-height:16px;font-weight:600;color:var(--mut,#5B6865)}
.ds-fact-v{font-size:16px;line-height:22px;font-weight:700;color:var(--ink,#17211F)}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .ds-fact{padding:12px 16px;gap:12px}
}
@media (max-width: 699.98px){
.ht.ht .ds-facts{flex-direction:column;gap:8px;padding-top:16px}
.ht.ht .ds-fact{padding:12px 16px}
}
.ds-sec{padding-bottom:var(--secy)}
.ds-body-h{display:flex;flex-direction:column;gap:6px;margin-bottom:24px}
.ds-wx{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}
.ds-season{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:var(--r);background:var(--surf,#FFFFFF);border:1px solid var(--line,#E7E0D4);min-width:0}
.ds-sp{margin:0;font-size:16px;line-height:22px;font-weight:700;color:var(--ink,#17211F)}
.ds-temps{display:flex;gap:24px}
.ds-temp{display:flex;flex-direction:column;gap:2px}
.ds-temp-l{font-size:var(--xs);line-height:16px;font-weight:600;color:var(--mut,#5B6865)}
.ds-temp-v{font-size:28px;line-height:34px;font-weight:800;color:var(--ink,#17211F);font-variant-numeric:tabular-nums}
.ds-temp.dlo .ds-temp-v{color:var(--ink2,#3C4947);font-weight:700}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .ds-wx{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ht.ht .ds-season{padding:16px}
.ht.ht .ds-temps{gap:16px}
.ht.ht .ds-temp-v{font-size:26px;line-height:32px}
}
@media (max-width: 699.98px){
.ht.ht .ds-wx{grid-template-columns:minmax(0,1fr);gap:8px}
.ht.ht .ds-season{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px}
.ht.ht .ds-temp-v{font-size:22px;line-height:28px}
.ht.ht .ds-temps{gap:20px}
}
.ds-best{display:flex;flex-direction:column;border-top:1px solid var(--line2,#D8CFBF)}
.ds-br{display:grid;grid-template-columns:220px minmax(0,1fr);column-gap:24px;align-items:start;padding:20px 0;border-bottom:1px solid var(--line2,#D8CFBF)}
.ds-bm{justify-self:start;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;background:var(--tint,#E7F2F1);color:var(--tintink,#0B7470);font-size:var(--sm);font-weight:700}
.ds-bd{margin:0;font-size:var(--body);line-height:var(--bodylh);color:var(--ink2,#3C4947)}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .ds-br{grid-template-columns:180px minmax(0,1fr)}
}
@media (max-width: 699.98px){
.ht.ht .ds-br{grid-template-columns:minmax(0,1fr);row-gap:8px;padding:16px 0}
}
.ds-kids{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:280px;gap:var(--gap)}
.ds-kids[data-n="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.ds-kids[data-n="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.ds-kid{position:relative;border-radius:var(--r);overflow:hidden;display:block;min-height:0;color:#FFFFFF}
.ds-kid:focus-visible{outline:2px solid var(--accink,#0B7470);outline-offset:2px}
.ds-kid .ph{position:absolute;inset:0;height:100%}
.ds-kid-shade{position:absolute;left:0;right:0;bottom:0;height:144px;background:linear-gradient(to top,rgba(8,14,13,.86) 0%,rgba(8,14,13,.78) 56%,rgba(8,14,13,0) 100%)}
.ds-kid-tx{position:absolute;left:20px;right:20px;bottom:16px;display:flex;flex-direction:column;gap:4px;min-width:0}
.ds-kid-name{font-size:24px;line-height:28px;color:#FFFFFF;overflow-wrap:anywhere}
.ds-kid-count{display:inline-flex;align-items:center;gap:6px;font-size:var(--sm);font-weight:600;color:rgba(255,255,255,.92)}
.ds-kid-arrow{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:999px;background:rgba(255,255,255,.92);color:#10201E;display:flex;align-items:center;justify-content:center}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .ds-kids{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:200px}
.ht.ht .ds-kid:last-child:nth-child(odd){grid-column:span 2}
}
@media (max-width: 699.98px){
.ht.ht .ds-kids{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:168px}
.ht.ht .ds-kid:last-child:nth-child(odd){grid-column:span 2}
.ht.ht .ds-kid-tx{left:12px;right:12px;bottom:12px}
.ht.ht .ds-kid-name{font-size:18px;line-height:22px}
.ht.ht .ds-kid-arrow{display:none}
}
.sv-frame .tdm{padding-top:0;padding-bottom:0}
.sv-frame .tdm-side{position:static}
.sv-frame .tdm-side::before{display:none}
.sv-frame .tdm-main{gap:24px}
.sv-frame .ds-facts{padding-top:0}
.sv-frame .ds-sec,.sv-frame .ds-facts{padding-bottom:0}
.ht.ht .sv-frame .rd-col{width:100%}
.sv-frame .wrap{padding-left:0;padding-right:0}
.sv-fr-sp{display:flex;flex-direction:column;gap:40px}
.ds-tours-sec,.ds-hotels-sec{padding-top:0}
.ds-pager{padding-top:32px}
@media (max-width: 699.98px){
.ht.ht .ds-pager{padding-top:24px}
}
.sv-hw{display:flex;flex-direction:column;gap:24px;padding-bottom:0}
.sv-head{padding-bottom:0}
@media (min-width: 1200px){
.ht.ht .sv-lead{width:720px}
}
.sv-lead{width:100%}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .sv-lead{width:100%}
}
@media (max-width: 699.98px){
.ht.ht .sv-cta .pc-pr{font-size:22px;line-height:30px}
}
/* thẻ đặt bên phải của trang dịch vụ chỉ từ 700; dưới 700 là dải dính đáy trong lớp phủ (quy tắc data-bar ở theme.css) cùng khối liên hệ nhỏ sv-mcta */
@media (max-width: 699.98px){
.ht.ht .sv-main>.tdm>[data-k=service-booking]{display:none}
}
.rd-main{display:block}
.po-head{display:flex;flex-direction:column;gap:16px;align-items:flex-start;padding-top:16px}
.po-cat{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border-radius:999px;background:var(--tint,#E7F2F1);color:var(--tintink,#0B7470);font-size:13px;line-height:18px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.po-title{margin:0;font-size:var(--h1);line-height:var(--h1lh)}
.po-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;font-size:14px;line-height:20px;font-weight:600;color:var(--mut,#5B6865)}
.po-meta-i{display:inline-flex;align-items:center;gap:6px}
.po-meta-i .ic{color:var(--tintink,#0B7470)}
.po-cover{width:880px;margin:32px auto 0;aspect-ratio:2/1;border-radius:28px;overflow:hidden}
.po-cover .ph{width:100%;height:100%}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .po-cover{width:100%}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .po-cover{width:100%;aspect-ratio:16/9;margin-top:24px}
}
@media (max-width: 699.98px){
.ht.ht .po-cover{width:100%;aspect-ratio:3/2;margin-top:20px;border-radius:20px}
}
.rd-body.nocover{margin-top:32px}
.rd-h3{margin:32px 0 12px;font-size:22px;line-height:30px;font-weight:700}
@media (max-width: 699.98px){
.ht.ht .rd-h3{margin:24px 0 8px;font-size:18px;line-height:26px}
}
.rd-body>.rd-h2:first-child,.rd-body>.rd-h3:first-child{margin-top:0}
.rd-body a.rd-a{color:var(--accink,#0B7470);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.rd-ol{counter-reset:rdn}
.rd-ol>li{position:relative;padding-left:40px;counter-increment:rdn}
.rd-ol>li::before{content:counter(rdn);position:absolute;left:0;top:2px;width:28px;height:28px;border-radius:999px;background:var(--tint,#E7F2F1);color:var(--tintink,#0B7470);font-size:14px;line-height:28px;font-weight:800;text-align:center}
@media (max-width: 699.98px){
.ht.ht .rd-ol>li::before{top:0}
}
.rd-quote{margin:32px 0;padding:32px;border-radius:24px;background:var(--tint,#E7F2F1);display:flex;flex-direction:column;gap:12px}
.rd-quote-mark{width:32px;height:32px;color:var(--tintink,#0B7470)}
.rd-quote-mark .ic{width:32px;height:32px}
.rd-quote-t{margin:0;font-family:'Fraunces',Georgia,serif;font-style:italic;font-weight:500;font-size:22px;line-height:32px;color:var(--ink,#17211F)}
.rd-quote-by{font-size:14px;line-height:20px;font-weight:700;color:var(--tintink,#0B7470)}
@media (max-width: 699.98px){
.ht.ht .rd-quote{margin:24px 0;padding:20px;border-radius:20px}
.ht.ht .rd-quote-t{font-size:18px;line-height:28px}
}
.rd-fig{margin:32px -80px;display:flex;flex-direction:column;gap:12px}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .rd-fig{margin:32px -40px}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .rd-fig{margin:32px 0}
}
@media (max-width: 699.98px){
.ht.ht .rd-fig{margin:32px 0}
.ht.ht .rd-fig{margin:24px 0}
}
.rd-fig-img{aspect-ratio:3/2;border-radius:20px;overflow:hidden}
.rd-fig-img .ph{width:100%;height:100%}
@media (max-width: 699.98px){
.ht.ht .rd-fig-img{border-radius:16px}
}
.rd-cap{margin:0;font-size:14px;line-height:20px;color:var(--mut,#5B6865)}
@media (max-width: 699.98px){
.ht.ht .rd-cap{font-size:13px;line-height:18px}
}
.rd-tw{margin:32px 0;overflow-x:auto;border-radius:20px;border:1px solid var(--line,#E7E0D4);background:var(--surf,#FFFFFF)}
@media (max-width: 699.98px){
.ht.ht .rd-tw{margin:24px 0;border-radius:16px}
}
.rd-table{width:100%;border-collapse:collapse;font-size:16px;line-height:24px}
.rd-table th{padding:12px 16px;text-align:left;font-size:14px;line-height:20px;font-weight:700;background:var(--sunk,#F3EEE5);color:var(--ink,#17211F)}
.rd-table td{padding:12px 16px;border-top:1px solid var(--line,#E7E0D4);vertical-align:top;color:var(--ink,#17211F)}
.rd-table td:first-child{font-weight:700;white-space:nowrap}
.rd-table th:first-child{white-space:nowrap}
@media (max-width: 699.98px){
.ht.ht .rd-table{font-size:14px;line-height:20px}
.ht.ht .rd-table th{padding:10px 12px;font-size:13px;line-height:18px}
.ht.ht .rd-table td{padding:10px 12px}
}
.po-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:40px}
@media (max-width: 699.98px){
.ht.ht .po-tags{margin-top:32px}
}
.po-tag{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line2,#D8CFBF);background:var(--surf,#FFFFFF);font-size:14px;font-weight:600;color:var(--ink,#17211F)}
.po-tag .ic{color:var(--tintink,#0B7470)}
@media (max-width: 699.98px){
.ht.ht .po-tag{height:44px}
}
.po-rel-band{margin-top:var(--secy);padding-top:var(--secy);padding-bottom:var(--secy);background:var(--sunk,#F3EEE5)}
.po-rel .sec-head{margin-bottom:var(--headmb)}
.pg-grid{display:grid;grid-template-columns:256px 720px;column-gap:48px;justify-content:center;align-items:start}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .pg-grid{grid-template-columns:minmax(0,220px) minmax(0,640px);column-gap:40px}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .pg-grid{grid-template-columns:minmax(0,1fr);justify-content:stretch}
}
@media (max-width: 699.98px){
.ht.ht .pg-grid{grid-template-columns:minmax(0,1fr);justify-content:stretch}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .pg-grid>*{width:640px;margin-left:auto;margin-right:auto}
}
@media (max-width: 699.98px){
.ht.ht .pg-grid>*{width:100%}
}
.pg-head{grid-column:1/-1;display:flex;flex-direction:column;gap:12px;padding-top:0;padding-bottom:40px}
@media (max-width: 699.98px){
.ht.ht .pg-head{padding-bottom:24px}
}
.pg-head .crumb{padding-top:16px;padding-bottom:8px}
.pg-title{margin:0;font-size:var(--h1);line-height:var(--h1lh)}
.pg-lead{margin:0;font-size:18px;line-height:28px;color:var(--ink2,#3C4947)}
@media (max-width: 699.98px){
.ht.ht .pg-lead{font-size:16px;line-height:24px}
}
.pg-toc{position:sticky;top:calc(var(--hdrh) + 17px);display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:24px;background:var(--surf,#FFFFFF);border:1px solid var(--line,#E7E0D4)}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .pg-toc{display:none}
}
@media (max-width: 699.98px){
.ht.ht .pg-toc{display:none}
}
.pg-toc-t{margin:0;font-size:13px;line-height:18px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mut,#5B6865)}
.pg-toc-list{display:flex;flex-direction:column;gap:2px}
.toc-link{display:block;padding:8px 12px;border-radius:12px;font-size:14px;line-height:20px;font-weight:600;color:var(--ink2,#3C4947)}
.toc-link.on{background:var(--tint,#E7F2F1);color:var(--tintink,#0B7470);font-weight:700}
.pg-body{min-width:0}
.pg-body .rd-body{margin-top:0}
.cu-head{display:flex;flex-direction:column;gap:12px;padding-top:8px;padding-bottom:var(--headmb)}
.cu-title{margin:0;font-size:var(--h1);line-height:var(--h1lh)}
.cu-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;align-items:start;padding-bottom:var(--secy)}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .cu-grid{gap:32px}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .cu-grid{grid-template-columns:minmax(0,1fr);gap:24px}
}
@media (max-width: 699.98px){
.ht.ht .cu-grid{grid-template-columns:minmax(0,1fr);gap:24px}
}
.cu-info{display:flex;flex-direction:column;gap:16px;min-width:0}
.cu-lines{display:flex;flex-direction:column;gap:12px}
.cu-line{display:flex;align-items:center;gap:16px;padding:16px;border-radius:20px;background:var(--surf,#FFFFFF);border:1px solid var(--line,#E7E0D4);min-width:0}
.cu-line-ic{width:44px;height:44px;border-radius:999px;background:var(--tint,#E7F2F1);color:var(--tintink,#0B7470);display:flex;align-items:center;justify-content:center;flex:none}
.cu-line-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.cu-line-l{font-size:13px;line-height:18px;font-weight:600;color:var(--mut,#5B6865)}
.cu-line-v{font-size:16px;line-height:24px;font-weight:700;color:var(--ink,#17211F);overflow-wrap:anywhere}
a.cu-line-v{color:var(--accink,#0B7470);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.cu-note{display:flex;flex-direction:column;gap:6px;padding:20px 24px;border-radius:20px;background:var(--tint,#E7F2F1)}
.cu-note-t{margin:0;font-size:16px;line-height:22px;font-weight:800;color:var(--ink,#17211F)}
.cu-note-p{margin:0;font-size:var(--body);line-height:var(--bodylh);color:var(--ink2,#3C4947)}
.cu-form{gap:20px}
.cu-fields{display:flex;flex-direction:column;gap:16px}
.cu-reach{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (max-width: 699.98px){
.ht.ht .cu-reach{grid-template-columns:minmax(0,1fr)}
}
.cu-reach-g{display:flex;flex-direction:column;gap:8px}
.cu-hint{display:flex;align-items:flex-start;gap:6px;margin:0;font-size:13px;line-height:18px;color:var(--mut,#5B6865)}
.cu-hint .ic{margin-top:2px;flex:none}
.cu-reach-g.bad .bf-in{border:1px solid var(--warn,#8A4B0B);box-shadow:0 0 0 1px var(--warn,#8A4B0B)}
.cu-msg .bf-ta .fx-inp{min-height:120px}
.cu-form .btn{width:100%;height:52px;font-size:16px}
@media (max-width: 699.98px){
.ht.ht .cu-form .btn{height:48px}
}
.cu-ok{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:16px 0}
.cu-ok-ic{width:64px;height:64px;border-radius:999px;background:var(--okbg,#E3F1E7);color:var(--ok,#1E6B3A);display:flex;align-items:center;justify-content:center}
.cu-ok-t{margin:0;font-size:22px;line-height:28px;font-weight:800;color:var(--ink,#17211F)}
.cu-ok-p{margin:0;font-size:var(--body);line-height:var(--bodylh);color:var(--ink2,#3C4947)}
.cu-ok .btn{width:auto;min-width:200px}
.nf{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;padding-top:var(--secy);padding-bottom:var(--secy)}
.nf-code{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 20px;border-radius:999px;background:var(--tint,#E7F2F1);color:var(--tintink,#0B7470);font-size:18px;line-height:24px;font-weight:800;letter-spacing:.08em}
.nf-t{margin:0;font-size:var(--h1);line-height:var(--h1lh)}
.nf-p{margin:0;font-size:var(--body);line-height:var(--bodylh);color:var(--ink2,#3C4947)}
.nf-txt{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0}
.nf-search{display:flex;align-items:center;gap:8px;width:560px;height:60px;padding:0 8px 0 20px;border-radius:999px;border:1px solid var(--line2,#D8CFBF);background:var(--surf,#FFFFFF);color:var(--mut,#5B6865);text-align:left}
.nf-search .btn{height:44px;flex:none}
@media (max-width: 699.98px){
.ht.ht .nf-search{width:100%;height:56px;padding:0 6px 0 16px}
}
.nf-links{display:flex;flex-direction:column;align-items:center;gap:12px}
.nf-links-l{font-size:13px;line-height:18px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mut,#5B6865)}
.nf-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.nf-chip{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line2,#D8CFBF);background:var(--surf,#FFFFFF);font-size:15px;font-weight:600;color:var(--ink,#17211F)}
.nf-chip .ic{color:var(--tintink,#0B7470)}
@media (max-width: 699.98px){
.ht.ht .nf{gap:16px;padding-top:32px;padding-bottom:32px}
.ht.ht .nf-chip{padding:0 12px}
}
.nf-board{display:flex;flex-direction:column;align-items:center;padding:32px 24px;border-radius:var(--r);background:var(--surf,#FFFFFF);border:1px solid var(--line,#E7E0D4)}
.po-frame{padding:32px;border-radius:var(--r);background:var(--surf,#FFFFFF);border:1px solid var(--line,#E7E0D4);min-width:0}
@media (max-width: 699.98px){
.ht.ht .po-frame{padding:20px}
}
.po-frame .rd-col{width:100%}
.po-frame .rd-body{margin-top:24px}
.bd16-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;align-items:start;padding-top:var(--headmb);padding-bottom:var(--secy)}
.bd16-grid.one{grid-template-columns:minmax(0,1fr)}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .bd16-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width: 699.98px){
.ht.ht .bd16-grid{grid-template-columns:minmax(0,1fr)}
}
a.cu-line-v{display:inline-flex;align-items:center;align-self:flex-start;min-height:44px;margin:-10px 0}
@media (max-width: 699.98px){
.ht.ht .po-cat{min-height:44px;margin:-6px 0}
}

/* Tờ 36: mục lục của page.html nhảy tới id của tiêu đề cấp 2; chừa chỗ cho đầu trang dính (cùng khoảng với đỉnh mục lục dính ở .pg-toc). Không đổi hình, chỉ chỗ cuộn tới */
.rd-h2[id]{scroll-margin-top:calc(var(--hdrh) + 17px)}
/* Tìm kiếm và Cẩm nang (search.html, blog.html). Các luật ls-* và .pg-b.gap chép từ services.css (.sv-bar-top, .sv-cats, .sv-q) và tours.css (.pg-b.gap) vì trang nội dung không nạp hai tệp ấy; hai nhóm dùng thì nên chuyển vào theme.css */
.ls-sf{margin-bottom:var(--headmb)}
.ls-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:var(--headmb)}
.ls-cats{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.ls-cats .pill{height:40px;font-size:14px}
.ls-sq{display:flex;align-items:center;gap:10px;flex:none;width:320px;height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line2,#D8CFBF);background:var(--surf,#FFFFFF);color:var(--mut,#5B6865)}
.ls-sq .fx-inp{font-size:15px;font-weight:500}
.ls-res{display:flex;flex-direction:column;gap:var(--gap);padding-bottom:var(--secy);min-width:0}
.ls-emp{padding-bottom:var(--secy)}
.pg-b.gap{border-color:transparent;background:transparent;color:var(--mut,#5B6865)}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .ls-tools{flex-direction:column;align-items:stretch;gap:12px}
.ht.ht .ls-sq{width:auto}
}
@media (max-width: 699.98px){
.ht.ht .ls-tools{flex-direction:column-reverse;align-items:stretch;gap:12px}
.ht.ht .ls-sq{width:auto}
.ht.ht .ls-cats{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:calc(var(--px) * -1);margin-right:calc(var(--px) * -1);padding:0 var(--px)}
.ht.ht .ls-cats::-webkit-scrollbar{display:none}
.ht.ht .ls-cats .pill{height:44px;flex:none}
}
.pghead>.th-h1{min-width:0;overflow-wrap:anywhere}
@media (max-width: 343.98px){
.ht.ht .pager{flex-wrap:wrap}
}
.er-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;align-items:start}
.er-grid .nf-board .nf{padding-top:0;padding-bottom:0}
@media (max-width: 859.98px){
.ht.ht .er-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width: 699.98px){
.ht.ht .er-grid .nf-board .nf{padding-top:0;padding-bottom:0}
.ht.ht .er-grid .nf-board{padding:24px 16px}
}
.ac-main{display:block}
.ac-top{padding-top:var(--headmb);padding-bottom:var(--secy)}
.ac-frame,.ac-board{--acm:260px;display:grid;grid-template-columns:var(--acm) minmax(0,1fr);gap:32px;align-items:start;width:100%;max-width:1172px;margin:0 auto}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .ac-frame,.ht.ht .ac-board{--acm:220px}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .ac-frame,.ht.ht .ac-board{--acm:220px}
}
@media (max-width: 699.98px){
.ht.ht .ac-frame,.ht.ht .ac-board{display:flex;flex-direction:column;align-items:stretch;gap:12px}
.ht.ht .ac-back{align-self:flex-start}
}
.ac-menu{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:var(--r);background:var(--surf,#FFFFFF);border:1px solid var(--line,#E7E0D4);min-width:0}
@media (max-width: 699.98px){
.ht.ht .ac-menu{display:none}
}
.ac-who{display:flex;align-items:center;gap:10px;min-width:0}
.ac-av{width:40px;height:40px;flex:none;border-radius:999px;background:var(--tint,#E7F2F1);color:var(--tintink,#0B7470);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800}
.ac-who-t{display:flex;flex-direction:column;min-width:0}
.ac-who-n{font-size:16px;line-height:22px;font-weight:700;color:var(--ink,#17211F)}
.ac-who-e{font-size:var(--xs);line-height:16px;color:var(--mut,#5B6865);overflow-wrap:anywhere}
.ac-nav{display:flex;flex-direction:column;gap:2px;padding-top:12px;border-top:1px solid var(--line,#E7E0D4)}
.ac-nav-i{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border-radius:12px;font-size:15px;font-weight:600;color:var(--ink2,#3C4947);min-width:0}
.ac-nav-i .ic{flex:none}
.ac-nav-i:hover{background:var(--sunk,#F3EEE5)}
.ac-nav-i.on{background:var(--tint,#E7F2F1);color:var(--tintink,#0B7470);font-weight:700}
.ac-nav-i.out{margin-top:8px;color:var(--mut,#5B6865)}
.ac-back{display:none;align-items:center;gap:8px;min-height:44px;font-size:15px;font-weight:700;color:var(--accink,#0B7470);align-self:flex-start}
@media (max-width: 699.98px){
.ht.ht .ac-back{display:inline-flex}
}
.ac-card{display:flex;flex-direction:column;gap:20px;padding:24px;border-radius:var(--r);background:var(--surf,#FFFFFF);border:1px solid var(--line,#E7E0D4);min-width:0}
@media (max-width: 699.98px){
.ht.ht .ac-card{padding:20px;gap:16px}
}
.ac-title{margin:0;font-size:var(--h2);line-height:var(--h2lh);font-weight:700;color:var(--ink,#17211F)}
.ac-list{display:flex;flex-direction:column;gap:12px}
.ac-row{display:flex;flex-direction:column;border-radius:calc(var(--r) - 4px);background:var(--surf,#FFFFFF);border:1px solid var(--line,#E7E0D4);min-width:0}
.ac-row:hover{border-color:var(--accline,#AAD0CF)}
.ac-row-a{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px 16px;align-items:center;padding:16px;color:inherit;min-width:0}
.ac-ic{width:44px;height:44px;border-radius:14px;background:var(--tint,#E7F2F1);color:var(--tintink,#0B7470);display:flex;align-items:center;justify-content:center;align-self:flex-start}
.ac-tx{display:flex;flex-direction:column;gap:4px;min-width:0}
.ac-name{margin:0;font-size:var(--name);line-height:var(--namelh);font-weight:700;color:var(--ink,#17211F);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.ac-row:hover .ac-name{color:var(--accink,#0B7470)}
.ac-row.off .ac-name{color:var(--mut,#5B6865)}
.ac-meta{display:flex;flex-wrap:wrap;gap:2px 16px;font-size:var(--sm);line-height:var(--smlh);color:var(--ink2,#3C4947)}
.ac-meta>span{display:inline-flex;align-items:center;gap:6px;min-width:0}
.ac-meta .ic{flex:none;color:var(--mut,#5B6865)}
.ac-code{font-variant-numeric:tabular-nums;letter-spacing:.02em;overflow-wrap:anywhere}
.ac-r{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:0}
.ac-r .stch{align-self:auto}
.ac-paid{display:flex;flex-direction:column;align-items:flex-end;min-width:0}
.ac-paid-l{font-size:var(--xs);line-height:16px;font-weight:600;color:var(--mut,#5B6865)}
.ac-paid-v{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.ac-paid-v b{font-size:var(--price);line-height:28px;font-weight:800;color:var(--ink,#17211F);font-variant-numeric:tabular-nums}
.ac-paid-t{font-size:var(--sm);line-height:var(--smlh);font-weight:600;color:var(--mut,#5B6865);font-variant-numeric:tabular-nums}
.ac-rv-w{display:flex;padding:0 16px;border-top:1px solid var(--line,#E7E0D4)}
.ac-rv{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14px;font-weight:700;color:var(--accink,#0B7470)}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .ac-row-a{grid-template-columns:44px minmax(0,1fr)}
}
@media (max-width: 699.98px){
.ht.ht .ac-row-a{grid-template-columns:44px minmax(0,1fr)}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .ac-r{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding-top:12px;border-top:1px dashed var(--line2,#D8CFBF)}
}
@media (max-width: 699.98px){
.ht.ht .ac-r{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding-top:12px;border-top:1px dashed var(--line2,#D8CFBF)}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .ac-paid{align-items:flex-start}
}
@media (max-width: 699.98px){
.ht.ht .ac-paid{align-items:flex-start}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .ac-paid-v{justify-content:flex-start}
}
@media (max-width: 699.98px){
.ht.ht .ac-paid-v{justify-content:flex-start}
.ht.ht .ac-row{border-radius:12px}
.ht.ht .ac-r{flex-direction:column;align-items:flex-start}
.ht.ht .ac-main .wrap{padding-left:20px;padding-right:20px}
.ht.ht .ac-row-a{padding:16px 12px;gap:12px}
.ht.ht .ac-rv-w{padding:0 12px}
}
.ac-sgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}
.ac-sc{position:relative}
.ac-sc .tc-ph{aspect-ratio:4/3}
.ac-sl{color:inherit}
.ac-sl::after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;z-index:1}
.ac-rm{position:absolute;right:12px;top:12px;z-index:2;box-shadow:0 2px 8px rgba(20,33,31,.18)}
.ac-rm .ic{fill:currentColor;color:var(--accink,#0B7470)}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .ac-sgrid{display:flex;flex-direction:column;gap:12px}
.ht.ht .ac-sgrid>.tc{flex-direction:row;gap:16px;padding:12px;border:1px solid var(--line,#E7E0D4);border-radius:var(--r);background:var(--surf,#FFFFFF)}
.ht.ht .ac-sgrid .tc-img{width:160px;flex:none;align-self:flex-start;border-radius:12px}
.ht.ht .ac-sgrid .tc-ph{aspect-ratio:1/1}
.ht.ht .ac-sgrid .tc-tag{left:6px;top:6px;height:22px;padding:0 8px}
.ht.ht .ac-sgrid .tc-body{gap:4px;min-width:0}
.ht.ht .ac-sgrid .tc-destt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ht.ht .ac-sgrid .tc-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ht.ht .ac-sgrid .tc-price{padding-top:6px;border-top:0}
.ht.ht .ac-sgrid .tc-meta{gap:2px}
.ht.ht .ac-sc .tc-dest,.ht.ht .ac-sc .tc-name{padding-right:44px}
.ht.ht .ac-rm{right:8px;top:8px;box-shadow:none}
}
@media (max-width: 699.98px){
.ht.ht .ac-sgrid{gap:20px}
.ht.ht .ac-sgrid>.tc{flex-direction:column;gap:14px;padding:0;border:0;border-radius:0;background:none}
.ht.ht .ac-sgrid .tc-img{width:auto;align-self:stretch;border-radius:var(--r)}
.ht.ht .ac-sgrid .tc-ph{aspect-ratio:16/9}
.ht.ht .ac-sgrid .tc-tag{left:12px;top:12px;height:28px;padding:0 12px}
.ht.ht .ac-sgrid .tc-body{gap:8px}
.ht.ht .ac-sgrid .tc-price{padding-top:12px;border-top:1px dashed var(--line2,#D8CFBF)}
.ht.ht .ac-sgrid .tc-meta{gap:4px}
}
.ac-boards{display:flex;flex-direction:column;gap:40px}
.ac-bcap{align-items:flex-start;text-transform:none;letter-spacing:0;font-size:var(--sm);line-height:var(--smlh)}
.ac-bcap b{flex:none}
.ac-bcap span{min-width:0}
.ac-card .emp{padding:40px 20px}
@media (max-width: 699.98px){
.ht.ht .ac-card .emp{padding:32px 16px}
}
.rv-lg{gap:16px}
.rv-lg .xc{padding:24px;gap:12px}
.rv-ch{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}
.rv-dt{margin-left:auto;font-size:var(--xs);line-height:16px;font-weight:600;color:var(--mut,#5B6865)}
.rv-ok{display:inline-flex;align-items:center;gap:4px;font-size:var(--xs);line-height:16px;font-weight:700;color:var(--ok,#17663F)}
.rv-t{margin:0;font-size:17px;line-height:24px;font-weight:700;color:var(--ink,#17211F)}
.rv-ph{display:flex;flex-wrap:wrap;gap:8px}
.rv-p{width:96px;height:96px;flex:none;border-radius:12px}
.rv-p .ic{width:24px;height:24px}
.rv-rp{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:14px;background:var(--sunk,#F3EEE5)}
.rv-rp b{font-size:var(--xs);line-height:16px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mut,#5B6865)}
.rv-rp p{margin:0;font-size:var(--sm);line-height:var(--smlh);color:var(--ink2,#3C4947)}
.rv-it{display:flex;align-items:center;gap:14px;min-width:0}
.rv-it:hover .bs-tn{color:var(--accink,#0B7470)}
.pg-b.gap{border-color:transparent;background:transparent;color:var(--mut,#5B6865)}
.rw-ord{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}
.rw-oc{font-size:var(--sm);line-height:var(--smlh);font-weight:700;color:var(--ink2,#3C4947);font-variant-numeric:tabular-nums}
.rw-stars{display:flex;gap:4px}
.rw-sb{width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:var(--mut,#5B6865)}
.rw-sb .ic{width:28px;height:28px;fill:none}
.rw-sb.on{color:var(--star,#B7791F)}
.rw-sb.on .ic{fill:currentColor;stroke:none}
.bf-grid.one{grid-template-columns:minmax(0,1fr)}
.rw-ph{display:flex;flex-wrap:wrap;gap:8px}
.rw-slot{width:96px;height:96px;flex:none;border-radius:14px;border:1px dashed var(--line2,#D8CFBF);background:var(--bg,#FBF8F3);display:flex;align-items:center;justify-content:center;color:var(--mut,#5B6865)}
.rw-slot.ph{border-style:solid;border-color:var(--line,#E7E0D4)}
.rw-msg{display:flex;align-items:flex-start;gap:8px;margin:0;padding:12px 14px;border-radius:14px;background:var(--warnbg,#F6EAD7);color:var(--warn,#8A4B0B);font-size:var(--sm);line-height:var(--smlh);font-weight:700}
.rw-msg .ic{flex:none;margin-top:1px}
.rw-sent{align-items:flex-start;gap:16px}
.rw-st{margin:0;font-size:22px;line-height:30px;font-weight:600;color:var(--ink,#17211F)}
.rw-sa{padding-bottom:0}
@media (max-width: 859.98px){
.ht.ht .rw-lay .tdm-side{order:-1;position:static}
.ht.ht .rw-lay .tdm-side::before{display:none}
.ht.ht .rv-lay,.ht.ht .rw-lay{row-gap:24px}
.ht.ht .rv-lg .xc{padding:18px}
.ht.ht .rv-p,.ht.ht .rw-slot{width:72px;height:72px}
}
@media (max-width: 699.98px){
.ht.ht .rw-st{font-size:18px;line-height:26px}
.ht.ht .rw-sa{flex-direction:column;align-items:stretch}
.ht.ht .rw-sa .btn{width:100%;height:48px}
}
@media (max-width: 379.98px){
.ht.ht .pager{flex-wrap:wrap}
}
/* Halora Travel (mẫu): trang cổng gate.html (chọn giao diện), chỉ trang này dùng. Màu, thẻ, chữ lấy từ theme.css; không số cỡ chữ hay khe ngoài thang của vỏ.
 * Thẻ = ảnh chụp trang chủ của giao diện (tỉ lệ cố định 8:5) + tên + một câu. Số cột theo số thẻ đang hiện (data-n do theme.js ghi):
 * từ 860: 3 thẻ -> 3 cột, 4 -> 4, 5 và 6 -> 3, 7 và 8 -> 4 (tờ 64: thẻ Doanh nghiệp là thẻ thứ tám, hai hàng đủ bốn thẻ); 700 đến 859: 2 cột; dưới 700: 1 cột. Thẻ cùng hàng cao bằng nhau. */
.gt-main{flex:1 0 auto;display:flex;flex-direction:column;gap:var(--headmb);padding-top:var(--herotop);padding-bottom:var(--secy)}
.gt-head{display:flex;flex-direction:column;gap:var(--headmb)}
.gt-top{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}
.gt-titles{display:flex;flex-direction:column;gap:8px}
.gt-h1{margin:0;font-size:var(--h1);line-height:var(--h1lh)}
.gt-lead{margin:0;font-size:var(--body);line-height:var(--bodylh);color:var(--ink2,#3C4947)}
.gt-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);align-items:stretch}
.gt-list[data-n="4"],.gt-list[data-n="7"],.gt-list[data-n="8"]{grid-template-columns:repeat(4,minmax(0,1fr))}
.gt-opt{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"shot shot" "bd go";align-items:start;align-content:start;gap:16px 12px;padding:12px;min-width:0;border-radius:var(--r);border:1px solid var(--line,#E7E0D4);background:var(--surf,#FFFFFF)}
.gt-opt:hover{border-color:var(--accline,#AAD0CF)}
.gt-opt:focus-visible{outline:2px solid var(--acc,#0B7A75);outline-offset:2px}
.gt-shot{grid-area:shot;display:block;aspect-ratio:8/5;overflow:hidden;border-radius:12px;border:1px solid var(--line,#E7E0D4);background:var(--sunk,#F2ECE2)}
/* Ảnh chụp cả trang (tờ 62): khung giữ 8:5 và cắt; ảnh rộng vừa khung, cao nhiều lần khung. Mặc định thấy đầu trang (object-position 0);
 * rê chuột, focus bàn phím hoặc lớp is-run (màn cảm ứng, theme.js) thì object-position chạy đều tới đáy ảnh (100%) trong --gt-dur rồi dừng; bỏ ra thì về đầu trong 1,2 s.
 * Đứng yên ở đầu trang: ?still=1 (data-still do theme.js ghi) và prefers-reduced-motion. ?state=card-scroll: thẻ đầu dừng ở giữa (50%). */
.gt-list{--gt-dur:10s}
.gt-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0;transition:object-position 1.2s ease}
.gt-opt:focus-visible .gt-shot img,.gt-opt.is-run .gt-shot img{object-position:50% 100%;transition:object-position var(--gt-dur) linear}
@media (hover:hover) and (pointer:fine){.gt-opt:hover .gt-shot img{object-position:50% 100%;transition:object-position var(--gt-dur) linear}}
.ht[data-state~="card-scroll"] .gt-opt:first-child:not(:hover):not(:focus-visible):not(.is-run) .gt-shot img{object-position:50% 50%;transition:none}
.gt-list[data-still] .gt-shot img{object-position:50% 0 !important;transition:none !important}
@media (prefers-reduced-motion:reduce){.gt-shot img{object-position:50% 0 !important;transition:none !important}}
/* Logo là liên kết về trang chủ: nhìn y như logo ở đầu trang, chỉ có vòng focus khi dùng bàn phím */
.gt-logo{display:flex;min-width:0}
.gt-logo .logo:focus-visible{outline:2px solid var(--accink,#0B7470);outline-offset:4px;border-radius:12px}
.gt-bd{grid-area:bd;display:flex;flex-direction:column;gap:6px;min-width:0;padding:0 0 8px 8px}
.gt-n{font-size:22px;line-height:28px;color:var(--ink,#17211F)}
.gt-opt:hover .gt-n{color:var(--accink,#0B7470)}
.gt-t{font-size:15px;line-height:22px;color:var(--ink2,#3C4947)}
.gt-go{grid-area:go;width:36px;height:36px;margin:0 8px 8px 0;border-radius:999px;border:1px solid var(--line2,#D8CFBF);color:var(--ink2,#3C4947);display:flex;align-items:center;justify-content:center}
.gt-opt:hover .gt-go{background:var(--acc,#0B7A75);border-color:var(--acc,#0B7A75);color:var(--on,#FFFFFF)}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .gt-n{font-size:var(--name);line-height:var(--namelh)}
.ht.ht .gt-t{font-size:14px;line-height:20px}
}
@media (min-width: 1200px){
.ht.ht .gt-list[data-n="4"] .gt-n,.ht.ht .gt-list[data-n="7"] .gt-n,.ht.ht .gt-list[data-n="8"] .gt-n{font-size:var(--name);line-height:var(--namelh)}
.ht.ht .gt-list[data-n="4"] .gt-t,.ht.ht .gt-list[data-n="7"] .gt-t,.ht.ht .gt-list[data-n="8"] .gt-t{font-size:14px;line-height:20px}
}
@media (max-width: 859.98px){
.ht.ht .gt-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.ht.ht .gt-n{font-size:var(--name);line-height:var(--namelh)}
.ht.ht .gt-t{font-size:14px;line-height:20px}
}
@media (max-width: 699.98px){
.ht.ht .gt-list{grid-template-columns:minmax(0,1fr)}
}
/* Tờ 58: clients.html (danh sách ca khách hàng) và client.html (một ca). Thẻ ca (.cgrid, .cc) và ô logo (.cc-logo) nằm ở theme.css vì trang chủ doanh nghiệp cũng dùng */
.cl-main,.cs-main{display:block}
.cl-titles{display:flex;flex-direction:column;gap:6px;min-width:0}
.cl-bar{padding-bottom:var(--headmb)}
.cl-chips{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.cl-chips .pill{height:40px;font-size:14px}
.cl-sec{padding-top:8px;padding-bottom:var(--secy)}
.cl-pager{padding-top:32px}
.cl-boards{display:flex;flex-direction:column;gap:48px}
.cl-boards .vr{gap:16px}
.cl-frame{display:flex;flex-direction:column;gap:var(--gap);padding:24px;border-radius:var(--r);background:var(--surf,#FFFFFF);border:1px solid var(--line,#E7E0D4);min-width:0}
.cl-frame .cl-bar{padding-bottom:0}

/* một ca */
.cs-head{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding-top:8px;padding-bottom:var(--headmb)}
.cs-cover{border-radius:28px;overflow:hidden}
.cs-cover .ph{aspect-ratio:21/9}
.cs-body{display:grid;grid-template-columns:minmax(0,1fr) 380px;column-gap:48px;align-items:start;padding-top:40px;padding-bottom:var(--secy)}
.cs-art{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:16px;min-width:0}
.cs-side{grid-column:2;grid-row:1;min-width:0}
.cs-h{margin:16px 0 0;font-size:var(--h2);line-height:var(--h2lh)}
.cs-h:first-child{margin-top:0}
.cs-p{margin:0;font-size:var(--body);line-height:var(--bodylh);color:var(--ink2,#3C4947)}
.cs-ul{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}
.cs-li{display:flex;align-items:flex-start;gap:10px;font-size:var(--body);line-height:var(--bodylh);color:var(--ink2,#3C4947)}
.cs-li .ic{margin-top:4px;color:var(--accink,#0B7470)}
.cs-sum{display:flex;flex-direction:column;gap:20px;padding:24px;border-radius:var(--r);background:var(--surf,#FFFFFF);border:1px solid var(--line,#E7E0D4)}
.cs-who{display:flex;align-items:center;gap:12px;min-width:0}
.cs-lg{width:48px;height:48px;border-radius:14px}
.cs-lg .ic{width:24px;height:24px}
.cs-wt{display:flex;flex-direction:column;gap:2px;min-width:0}
.cs-fl{font-size:var(--xs);line-height:16px;font-weight:600;color:var(--mut,#5B6865)}
.cs-fv{margin:0;font-size:var(--body);line-height:var(--bodylh);font-weight:700;color:var(--ink,#17211F)}
.cs-facts{display:flex;flex-direction:column;margin:0}
.cs-f{display:flex;flex-direction:column;gap:2px;padding:12px 0;border-top:1px solid var(--line,#E7E0D4)}
.cs-f dd{margin:0}
.cs-sv{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--line,#E7E0D4)}
.cs-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.cs-sc{display:flex;flex-direction:column;gap:12px}
.cs-sc .btn{width:100%}
.cs-note{margin:0;font-size:var(--sm);line-height:var(--smlh);color:var(--mut,#5B6865)}
.cs-album{padding-bottom:var(--secy)}
.cs-quote{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:48px;align-items:start;padding-bottom:var(--secy)}
.cs-more{padding-top:var(--secy);padding-bottom:var(--secy)}
.cs-cta{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:40px;border-radius:32px;background:var(--tint,#E7F2F1)}
.cs-ct{display:flex;flex-direction:column;gap:8px;min-width:0}
.cs-ct .h2{color:var(--ink,#17211F)}

@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .cs-body{grid-template-columns:minmax(0,1fr) 340px;column-gap:32px}
.ht.ht .cs-quote{column-gap:40px}
.ht.ht .cs-cta{padding:32px}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .cs-cover .ph{aspect-ratio:2/1}
.ht.ht .cs-body{grid-template-columns:minmax(0,1fr) 300px;column-gap:24px;padding-top:32px}
.ht.ht .cs-sum{padding:20px}
.ht.ht .cs-quote{grid-template-columns:minmax(0,1fr);row-gap:20px}
.ht.ht .cs-cta{padding:32px}
}
@media (max-width: 699.98px){
.ht.ht .pghead.pghead{flex-direction:column;align-items:flex-start;gap:12px}
.ht.ht .cl-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:calc(var(--px) * -1);margin-right:calc(var(--px) * -1);padding:0 var(--px)}
.ht.ht .cl-chips::-webkit-scrollbar{display:none}
.ht.ht .cl-chips .pill{height:44px;flex:none}
.ht.ht .cl-pager{padding-top:24px}
.ht.ht .cl-frame{padding:16px}
.ht.ht .cs-cover{border-radius:20px}
.ht.ht .cs-cover .ph{aspect-ratio:16/10}
.ht.ht .cs-body{grid-template-columns:minmax(0,1fr);row-gap:24px;padding-top:24px}
.ht.ht .cs-art,.ht.ht .cs-side{grid-column:1;grid-row:auto}
.ht.ht .cs-sum{padding:20px;gap:16px}
.ht.ht .cs-quote{grid-template-columns:minmax(0,1fr);row-gap:16px}
.ht.ht .cs-cta{flex-direction:column;align-items:stretch;gap:20px;padding:24px 20px;border-radius:24px}
}
.pk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 32px;align-items:start;padding-top:var(--headmb);padding-bottom:var(--secy)}
@media (min-width: 860px) and (max-width: 1199.98px){
.ht.ht .pk-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}
}
@media (min-width: 700px) and (max-width: 859.98px){
.ht.ht .pk-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}
}
@media (max-width: 699.98px){
.ht.ht .pk-grid{grid-template-columns:minmax(0,1fr);gap:32px}
}
.tray-sel{flex:1;font-size:var(--sm);font-weight:700;color:var(--ink2,#3C4947)}
@media (max-width: 699.98px){
.ht.ht .tray-sel{flex:none;width:100%}
}
.cal-nav.dis{opacity:.4}
.cal-dot{position:absolute;left:50%;bottom:3px;width:4px;height:4px;margin-left:-2px;border-radius:999px;background:var(--accink,#0B7470);z-index:1}
.cal-c.sel .cal-dot{background:var(--on,#FFFFFF)}
.cal-lg{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:var(--xs);line-height:16px;color:var(--ink2,#3C4947);font-weight:600}
.cal-li{display:inline-flex;align-items:center;gap:8px}
.cal-lg .cal-dot{position:static;margin:0}
.cal-today{width:14px;height:14px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--accink,#0B7470)}
.pk-list{display:flex;flex-direction:column}
.pk-r .cb-box{margin-left:12px}
.pk-use{display:flex;flex-direction:column;gap:0;padding:8px 20px;border-radius:var(--r);background:var(--surf,#FFFFFF);border:1px solid var(--line,#E7E0D4)}
/* mỏ neo của khay nổi (>= 700); ở 390 bộ chọn là tấm trượt từ đáy, không có mỏ neo */
@media (max-width: 699.98px){
.ht.ht [data-k=picker-anchor]{display:none}
}