/* Hotel Vietnam – CSS cac trang con (Deal Hot, Voucher, Combo, chi tiet). Dung chung bien mau trong hotelvietnam.css */

/* ======================================================================== */
/*  TRANG DEAL HOT (/deal-hot/)                                             */
/* ======================================================================== */
.dh-wrap{width:min(1200px,100%);margin-inline:auto;padding-inline:15px}
.dh-sec{padding:58px 0 62px}
.dh-sky{background:var(--sky)}
.dh-deep{background:linear-gradient(180deg,#1E52BE 0%,#1645A6 100%);color:#fff}
.dh-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:18px 32px;margin-bottom:28px}
.dh-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;line-height:1.2;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.dh-eyebrow::before{content:"";flex:none;width:28px;height:3px;border-radius:2px;background:currentColor}
.dh-deep .dh-eyebrow{color:var(--gold)}
.dh-h2{margin-top:12px;font-size:clamp(28px,2.8vw,38px);line-height:1.14;font-weight:800;letter-spacing:-.02em;color:var(--navy);text-wrap:balance}
.dh-deep .dh-h2{color:#fff}
.dh-sub{margin-top:12px;max-width:720px;font-size:16px;line-height:1.6;color:var(--text);text-wrap:pretty}
.dh-deep .dh-sub{color:#D3DCF0}
.dh-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border:0;border-radius:8px;background:var(--red);color:#fff;font-size:15px;font-weight:700;white-space:nowrap;transition:background-color .16s}
.dh-btn .i{font-size:18px;transition:transform .16s}
.dh-btn:hover{background:var(--red-d)}
.dh-btn:disabled{opacity:.6;cursor:wait}
.dh-btn.light{background:#fff;color:var(--navy)}
.dh-btn.light:hover{background:var(--sky);color:var(--red)}
.dh-btn.dn:hover .i{transform:translateY(3px)}
.dh-checks{display:flex;flex-wrap:wrap;gap:10px 30px;margin:-6px 0 28px}
.dh-checks li{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--ink)}
.dh-checks .i{font-size:18px;color:var(--red)}
.dh-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.dh-card{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:8px;overflow:hidden;color:var(--ink);box-shadow:0 1px 2px rgba(11,34,89,.06),0 6px 18px -8px rgba(11,34,89,.22);transition:transform .2s ease,box-shadow .2s ease}
.dh-card:hover{transform:translateY(-4px);box-shadow:0 26px 44px -24px rgba(6,19,54,.7)}
.dh-card:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.dh-deep .dh-card:focus-visible{outline-color:#fff}
.dh-card .ph{position:relative;height:auto;aspect-ratio:3/2;background:var(--sky-2);overflow:hidden}
.dh-card .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.dh-card:hover .ph img{transform:scale(1.05)}
.dh-loc{position:absolute;left:0;top:0;z-index:2;max-width:calc(100% - 14px);display:inline-flex;align-items:center;gap:6px;padding:7px 14px 7px 10px;background:var(--navy);color:#fff;font-size:14px;line-height:1.2;font-weight:800;letter-spacing:.01em;border-radius:0 0 10px 0;box-shadow:0 8px 16px -10px rgba(0,0,0,.65)}
.dh-loc .i{font-size:15px;color:var(--gold)}
.dh-loc span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dh-off{position:absolute;right:10px;top:10px;z-index:2;padding:5px 9px;border-radius:6px;background:var(--red);color:#fff;font-size:13px;line-height:1.2;font-weight:800;font-variant-numeric:tabular-nums;box-shadow:0 6px 14px -6px rgba(101,10,33,.7)}
.dh-promo{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:flex-end;gap:9px;padding:42px 12px 11px;background:linear-gradient(180deg,rgba(6,19,54,0) 0%,rgba(6,19,54,.9) 60%)}
.dh-promo .pi{flex:none;width:26px;height:26px;border-radius:5px;background:var(--red);color:#fff;display:grid;place-items:center}
.dh-promo .pi .i{font-size:16px}
.dh-promo .pt{min-width:0;font-size:14px;line-height:1.3;font-weight:800;color:#fff;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.dh-card .bd{flex:1 1 auto;display:flex;flex-direction:column;gap:9px;padding:14px 16px 16px}
.dh-hd{display:flex;flex-direction:column;gap:7px;min-height:96px}
.dh-card h3{font-size:16.5px;line-height:1.35;font-weight:800;color:var(--navy);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s}
.dh-card:hover h3{color:var(--red)}
.dh-st{display:flex;gap:1px;color:var(--amber)}
.dh-st .i{font-size:14px}
.dh-ad{display:flex;align-items:flex-start;gap:7px;font-size:13.5px;line-height:1.45;color:var(--muted)}
.dh-ad .i{margin-top:2px;font-size:15px;color:var(--red)}
.dh-ad span{min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dh-pr{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.dh-pr .pc{min-width:0;display:flex;flex-direction:column;line-height:1.25}
.dh-pr .old{font-size:13px;color:var(--muted);text-decoration:line-through;font-variant-numeric:tabular-nums}
.dh-pr .val{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:4px;font-size:21px;font-weight:800;color:var(--red);letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.dh-pr .val.sm{font-size:17px}
.dh-pr .val small{font-size:11.5px;font-weight:600;color:var(--muted);letter-spacing:0}
.dh-goc{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:var(--red);color:#fff;transition:background-color .16s}
.dh-goc .i{font-size:18px;transition:transform .16s}
.dh-card:hover .dh-goc{background:var(--red-d)}
.dh-card:hover .dh-goc .i{transform:translateX(2px)}
.dh-load{display:flex;justify-content:center;margin-top:28px}
.dh-faq{background:#F6F8FC;padding:46px 0 50px}
.dh-faq h2{display:flex;align-items:center;gap:12px;font-size:26px;line-height:1.25;font-weight:800;letter-spacing:-.01em;color:var(--navy)}
.dh-faq h2 .q{flex:none;width:38px;height:38px;border-radius:10px;background:var(--red);color:#fff;display:grid;place-items:center;box-shadow:0 4px 10px -4px rgba(181,18,59,.55)}
.dh-faq h2 .q .i{font-size:20px}
.dh-faq .lead{margin:4px 0 0 50px;font-size:14.5px;color:var(--muted)}
.dh-faq-box{margin-top:18px;max-width:900px;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}
.dh-faq-box .fq-i{padding:0 18px}
.dh-faq-box .fq-i:last-child{border-bottom:0}
.dh-faq-box .fq-q{min-height:56px;font-size:15.5px}
@media (prefers-reduced-motion:reduce){.dh-card,.dh-card .ph img,.dh-btn .i,.dh-goc .i{transition:none}}
@container pg (max-width:1199px){
  .dh-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dh-rec{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container pg (max-width:991px){
  .dh-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container pg (max-width:767px){
  .dh-sec{padding:34px 0 38px}
  .dh-head{display:block;margin-bottom:20px}
  .dh-head .dh-btn{display:none}
  .dh-eyebrow{font-size:11.5px;gap:8px}.dh-eyebrow::before{width:22px}
  .dh-h2{margin-top:10px;font-size:27px}
  .dh-sub{margin-top:10px;font-size:14.5px;line-height:1.55}
  .dh-checks{flex-direction:column;gap:8px;margin:-4px 0 20px}
  .dh-checks li{font-size:14px}
  .dh-rec{display:flex;gap:12px;margin:0 -15px;padding:2px 15px 12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 15px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .dh-rec::-webkit-scrollbar{display:none}
  .dh-rec .dh-card{flex:0 0 80%;max-width:340px;scroll-snap-align:start}
  .dh-grid:not(.dh-rec){grid-template-columns:minmax(0,1fr);gap:14px}
  .dh-load .dh-btn{width:100%}
  .dh-card .bd{padding:12px 14px 14px}
  .dh-hd{min-height:0}
  .dh-card h3{font-size:15.5px}
  .dh-pr .val{font-size:20px}
  .dh-faq{padding:34px 0 38px}
  .dh-faq h2{font-size:22px}
  .dh-faq .lead{margin-left:0;margin-top:8px}
  .dh-faq-box .fq-i{padding:0 14px}
  .dh-faq-box .fq-q{font-size:15px}
}

/* ======================================================================== */
/*  TRANG DANH SACH VOUCHER (/voucher-khach-san/)                           */
/* ======================================================================== */
.bc{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:13.5px;color:var(--muted)}
.bc a{color:var(--red-d)}
.bc a:hover{text-decoration:underline}
.vl-intro{padding:18px 0 38px;background:#fff}
.vl-intro h1{margin-top:14px;font-size:32px;line-height:1.2;font-weight:800;letter-spacing:-.01em;color:var(--navy)}
.vl-intro p{margin-top:14px;max-width:960px;font-size:15.5px;line-height:1.7;color:var(--text)}
.vl-intro strong{color:var(--ink)}
.vl-band{padding:40px 0 46px;background-color:#1A4BB2;background-image:radial-gradient(circle at 96% -40%,rgba(255,255,255,.18),rgba(255,255,255,0) 34%),radial-gradient(circle at -10% 130%,rgba(10,30,80,.25),rgba(10,30,80,0) 50%)}
.vl-bh{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 32px}
.vl-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 12px 6px 10px;border-radius:999px;background:#fff;color:var(--red-d);font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.vl-pill .i{color:var(--amber)}
.vl-band h2{margin-top:12px;font-size:30px;line-height:1.2;font-weight:800;letter-spacing:-.01em;color:#fff}
.vl-band .s{margin-top:6px;font-size:15.5px;color:#fff}
.vl-tel{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 18px;border:1.5px solid #fff;border-radius:10px;background:rgba(3,12,40,.22);color:#fff;font-size:15px;font-weight:700;transition:background-color .16s}
.vl-tel:hover{background:rgba(3,12,40,.38)}
.vl-feat{margin-top:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.vl-fc{min-width:0;display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 24px 44px -26px rgba(6,19,54,.75)}
.vl-fc .ph{position:relative}
.vl-fc .ph a{position:relative;display:block;aspect-ratio:16/10;background:var(--line)}
.vl-fc .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vl-fc .b1,.vl-fc .b2{position:absolute;top:12px;pointer-events:none;display:inline-flex;align-items:center;gap:6px;border-radius:8px;font-size:12.5px;font-weight:800;box-shadow:0 6px 14px -6px rgba(0,0,0,.5)}
.vl-fc .b1{left:12px;padding:6px 10px 6px 8px;background:var(--red);color:#fff}
.vl-fc .b2{right:12px;padding:5px 10px 5px 8px;background:#fff;color:var(--red-d);font-size:13px;letter-spacing:.03em}
.vl-fc h3{margin:16px 18px 0;font-size:19px;line-height:1.35;font-weight:800}
.vl-fc h3 a{color:var(--ink);transition:color .16s}
.vl-fc h3 a:hover{color:var(--red-d)}
.vl-fc .lo{margin:10px 18px 0;display:flex;align-items:flex-start;gap:6px;font-size:14px;line-height:1.5;color:var(--text)}
.vl-fc .lo .i{margin-top:3px;color:var(--red)}
.chips{margin:10px 18px 0;display:flex;flex-wrap:wrap;gap:6px}
.chips li{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#F6F8FC;font-size:13px;color:var(--text)}
.chips li.r{background:var(--red-bg);font-weight:600;color:var(--red-d)}
.vl-fc .inc{margin:14px 18px 0}
.vl-fc .inc .k{margin-bottom:6px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--red-d)}
.ck{font-size:14px;line-height:1.5;color:#2E3A55}
.ck ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.ck li{position:relative;padding-left:24px}
.ck li::before{content:"";position:absolute;left:0;top:3px;width:16px;height:16px;border-radius:50%;background:var(--red-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B5123B' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4L18 8'/%3E%3C/svg%3E") center/11px no-repeat}
.ck p{margin:0 0 6px}
.vl-fc .vf{margin:auto 18px 18px;padding-top:14px;border-top:1px dashed var(--line-2);display:flex;flex-direction:column;gap:12px}
.vl-fc .inc+.vf,.vl-fc div:empty+.vf{margin-top:16px}
.vl-fc .row{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:4px 12px}
.vl-fc .pc{display:flex;flex-direction:column;gap:2px;line-height:1.25}
.vl-fc .pc .l{font-size:13px;color:var(--muted)}
.vl-fc .pc .v{font-size:24px;font-weight:800;color:var(--red-d)}
.vl-fc .tl{display:inline-flex;align-items:center;gap:6px;min-height:36px;color:var(--red-d);font-size:14.5px;font-weight:700}
.vl-cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:48px;padding:0 18px;border-radius:10px;background:var(--red);color:#fff;font-size:16px;font-weight:700;transition:background-color .16s}
.vl-cta:hover{background:var(--red-d)}
.vl-all{padding:44px 0 56px;background:#fff}
.vl-ah{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 24px}
.vl-ah h2,.dh-faq h2{display:flex;align-items:center;gap:12px;font-size:26px;line-height:1.25;font-weight:800;letter-spacing:-.01em;color:var(--navy)}
.vl-ah h2 .q{flex:none;width:38px;height:38px;border-radius:10px;background:#C8164A;color:#fff;display:grid;place-items:center;box-shadow:0 4px 10px -4px rgba(181,18,59,.55)}
.vl-ah h2 .q .i{font-size:20px}
.vl-ah .s{margin:4px 0 0 50px;font-size:14px;color:var(--muted)}
.vl-ah .n{font-size:14px;color:var(--muted)}
.vl-ah .n strong{color:var(--ink)}
.vl-grid{margin-top:22px;display:grid;grid-template-columns:repeat(auto-fill,minmax(256px,1fr));gap:20px}
.vl-li{display:flex;min-width:0}
.vl-card{flex:1;min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;color:var(--ink);box-shadow:0 1px 2px rgba(11,34,89,.05);transition:box-shadow .2s,border-color .2s,transform .2s}
.vl-card:hover{border-color:#E8A3B5;box-shadow:0 18px 30px -20px rgba(6,19,54,.55);transform:translateY(-2px)}
.vl-card:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.vl-card .ph{position:relative;height:auto;aspect-ratio:27/22;background:var(--line);overflow:hidden}
.vl-card .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.vl-card:hover .ph img{transform:scale(1.04)}
.vl-tag{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:6px;background:var(--red);color:#fff;font-size:12px;font-weight:700}
.vl-card .bd{flex:1;display:flex;flex-direction:column;gap:12px;padding:14px 16px 16px}
.vl-card h3{font-size:17px;line-height:1.4;font-weight:700;color:var(--ink)}
.vl-card .vf{margin-top:auto;padding-top:12px;border-top:1px solid #E9EEF7;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 8px}
.vl-card .du{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--text);white-space:nowrap}
.vl-card .pr{font-size:16px;font-weight:800;color:var(--red)}
.vl-card .go{display:inline-flex;align-items:center;gap:2px;margin-left:auto;font-size:14px;font-weight:700;color:var(--red-d);white-space:nowrap}
@container pg (max-width:991px){
  .vl-feat{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container pg (max-width:767px){
  .vl-intro{padding:14px 0 26px}
  .vl-intro h1{font-size:26px}
  .vl-intro p{font-size:14.5px}
  .vl-band{padding:26px 0 30px}
  .vl-band h2{font-size:26px}
  .vl-tel{width:100%;justify-content:center}
  .vl-feat{grid-template-columns:minmax(0,1fr);gap:16px}
  .vl-all{padding:28px 0 32px}
  .vl-ah h2{font-size:20px}
  .vl-ah h2 .q{width:32px;height:32px}
  .vl-ah .s{margin-left:44px}
  .vl-ah .n{display:none}
  .vl-grid{grid-template-columns:minmax(0,1fr);gap:16px}
}

/* ======================================================================== */
/*  GALLERY + O SO LUONG (dung chung trang chi tiet)                        */
/* ======================================================================== */
.gal{min-width:0}
.gal-m{position:relative;aspect-ratio:16/10;border-radius:14px;overflow:hidden;background:var(--sky-2)}
.gal-s{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .35s,visibility 0s .35s}
.gal-s.on{opacity:1;visibility:visible;transition:opacity .35s}
.gal-s img{width:100%;height:100%;object-fit:cover}
.gal-a{position:absolute;top:50%;z-index:2;width:42px;height:42px;margin-top:-21px;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:var(--navy);display:grid;place-items:center;box-shadow:0 4px 14px rgba(6,19,54,.3)}
.gal-a.p{left:14px}.gal-a.n{right:14px}
.gal-a .i{font-size:20px}
.gal-a:hover{background:#fff;color:var(--red)}
.gal-c{position:absolute;right:12px;bottom:12px;z-index:2;padding:3px 10px;border-radius:999px;background:rgba(6,19,54,.7);color:#fff;font-size:12.5px;font-weight:700}
.gal-t{margin-top:10px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.gal-t::-webkit-scrollbar{display:none}
.gal-t button{display:block;width:96px;height:62px;padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;background:var(--sky-2);opacity:.75;transition:opacity .16s,border-color .16s}
.gal-t button[aria-current]{border-color:var(--red);opacity:1}
.gal-t img{width:100%;height:100%;object-fit:cover}
.qty{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text)}
.qty .sel{position:relative;display:inline-flex}
.qty select{appearance:none;-webkit-appearance:none;min-width:76px;height:44px;padding:0 34px 0 14px;border:1px solid var(--line-2);border-radius:10px;background:#fff;font:inherit;font-size:16px;font-weight:700;color:var(--ink);cursor:pointer}
.qty .sel .i{position:absolute;right:11px;top:50%;margin-top:-8px;font-size:16px;color:var(--muted);pointer-events:none}
.content{font-size:15.5px;line-height:1.75;color:var(--text)}
.content p{margin:0 0 14px}
.content img{height:auto;border-radius:10px;margin:10px 0}
.content h2,.content h3{margin:22px 0 10px;color:var(--navy);font-weight:800;line-height:1.3}
.content ul,.content ol{margin:0 0 14px;padding-left:22px}
.content ul{list-style:disc}
.content a{color:var(--red-d);text-decoration:underline}
.content table{width:100%;border-collapse:collapse;margin:0 0 14px}
.content td,.content th{padding:8px;border:1px solid var(--line)}

/* ======================================================================== */
/*  TRANG CHI TIET VOUCHER                                                  */
/* ======================================================================== */
.vd{padding:16px 0 56px;background:#fff}
.vd-top{margin-top:16px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px;align-items:start}
.vd-info h1{font-size:28px;line-height:1.25;font-weight:800;letter-spacing:-.01em;color:var(--navy)}
.vd-meta{margin-top:14px;padding-bottom:14px;border-bottom:1px dashed var(--line-2);display:flex;flex-direction:column;gap:10px}
.vd-meta li{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--text)}
.vd-meta .ic{flex:none;width:30px;height:30px;border-radius:8px;background:var(--red-bg);color:var(--red);display:grid;place-items:center}
.vd-meta .ic .i{font-size:16px}
.vd-meta strong{color:var(--red)}
.vd-price{margin-top:16px;padding:16px 18px;border-radius:14px;background:linear-gradient(135deg,#0F2D73,#0B2259);color:#fff}
.vd-price .r{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.vd-price .k{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#BFD0F3}
.vd-price .v{font-size:30px;line-height:1.15;font-weight:800;color:var(--gold)}
.vd-price .n{margin-top:10px;font-size:13.5px;color:#D3DCF0}
.vd-tel{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;border-radius:10px;background:#fff;color:var(--red);font-weight:800}
.vd-buy{margin-top:16px;display:flex;align-items:center;gap:14px}
.vd-cta{flex:1;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-height:52px;padding:6px 18px;border-radius:10px;background:var(--red);color:#fff;font-size:17px;font-weight:800;line-height:1.2;box-shadow:0 10px 20px -12px rgba(181,18,59,.8);transition:background-color .16s}
.vd-cta:hover{background:var(--red-d)}
.vd-cta .sm{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;opacity:.9}
.vd-cta .sm .i{font-size:13px}
.vd-sec{margin-top:40px}
.vd-h{padding-left:12px;border-left:4px solid var(--red);font-size:22px;line-height:1.25;font-weight:800;color:var(--navy)}
.vd-ie{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:22px;border:1px solid var(--line);border-left:4px solid var(--red);border-radius:12px;background:#F2F6FF}
.vd-ie h3{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:16px;font-weight:800;color:var(--navy)}
.vd-ie h3 .i{font-size:19px;color:var(--red)}
.vd-ie h3.x .i{color:var(--muted)}
.xk{font-size:14px;line-height:1.5;color:#2E3A55}
.xk ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.xk li{position:relative;padding-left:24px}
.xk li::before{content:"×";position:absolute;left:3px;top:-1px;font-size:17px;font-weight:700;color:var(--muted)}
.vd-rules{margin-top:20px;border-top:1px solid var(--line)}
.vd-rules .rw{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}
.vd-rules h3{display:flex;align-items:center;gap:10px;font-size:15.5px;font-weight:800;color:var(--navy)}
.vd-rules h3 .ic{flex:none;width:30px;height:30px;border-radius:8px;background:var(--red-bg);color:var(--red);display:grid;place-items:center}
.dk{font-size:14.5px;line-height:1.6;color:var(--text)}
.dk ul{margin:0;padding-left:18px;list-style:disc}
.dk ul li::marker{color:var(--red)}
.dk p{margin:0 0 6px}
.dk.rd{font-weight:700;color:var(--red-d)}
.vd-body{margin-top:32px;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:start}
.vd-txt .vd-h{margin:24px 0 14px}
.vd-side{position:sticky;top:16px;padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 18px 40px -24px rgba(6,19,54,.45);display:flex;flex-direction:column;gap:14px}
.vd-side h2{font-size:18px;line-height:1.35;font-weight:800;color:var(--navy)}
.vd-side .pb{padding:14px;border-radius:12px;background:var(--red-bg)}
.vd-side .pb .k{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--red-d)}
.vd-side .pb .v{font-size:26px;font-weight:800;color:var(--red)}
.vd-side .pb a{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-size:14px;font-weight:700;color:var(--red-d)}
.vd-side .vd-cta{flex:none}
.vd .vl-grid{margin-top:18px}
@container pg (max-width:991px){
  .vd-top{grid-template-columns:minmax(0,1fr);gap:20px}
  .vd-body{grid-template-columns:minmax(0,1fr)}
  .vd-side{position:static}
}
@container pg (max-width:767px){
  .vd{padding-bottom:36px}
  .vd-info h1{font-size:23px}
  .vd-price .v{font-size:26px}
  .vd-buy{flex-direction:column;align-items:stretch}
  .vd-ie{grid-template-columns:minmax(0,1fr);padding:16px}
  .vd-rules .rw{grid-template-columns:minmax(0,1fr);gap:10px}
  .vd-side{display:none}
  .gal-t button{width:72px;height:48px}
  .vd .vl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .vd .vl-card h3{font-size:14.5px}
}

/* ======================================================================== */
/*  TRANG COMBO DU LICH (/combo-du-lich/)                                   */
/* ======================================================================== */
.cb-h1{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px}
.cb-h1 .q{flex:none;width:40px;height:40px;border-radius:10px;background:#C8164A;color:#fff;display:grid;place-items:center}
.cb-h1 .q .i{font-size:22px}
.cb-h1 .fe{padding:4px 10px;border-radius:6px;background:var(--red);color:#fff;font-size:13px;font-weight:800;letter-spacing:.02em}
.vl-intro h1.cb-h1{font-size:30px}
.vl-all h1.cb-h1{font-size:26px;font-weight:800;color:var(--navy)}
.vl-tel.sm{margin-top:14px;min-height:40px;font-size:14px}
.cb-feat{margin-top:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.cb-tabs{display:flex;flex-wrap:wrap;gap:8px}
.cb-tabs button{min-height:40px;padding:0 16px;border:1px solid var(--line-2);border-radius:999px;background:#fff;font-size:14px;font-weight:700;color:var(--navy);transition:background-color .16s,color .16s,border-color .16s}
.cb-tabs button:hover{border-color:var(--red);color:var(--red)}
.cb-tabs button[aria-pressed="true"]{background:var(--red);border-color:var(--red);color:#fff}
#search-hotel-result{transition:opacity .2s}
#search-hotel-result.loading{opacity:.45;pointer-events:none}
.cb-grid{margin-top:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.cb-card{min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 1px 2px rgba(11,34,89,.05);transition:box-shadow .2s,transform .2s,border-color .2s}
.cb-card:hover{border-color:#E8A3B5;box-shadow:0 18px 30px -20px rgba(6,19,54,.55);transform:translateY(-2px)}
.cb-card .ph{position:relative;display:block;aspect-ratio:16/10;background:var(--sky-2);overflow:hidden}
.cb-card .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.cb-card:hover .ph img{transform:scale(1.04)}
.cb-card .du{position:absolute;left:10px;top:10px;padding:4px 9px;border-radius:6px;background:var(--navy);color:#fff;font-size:12.5px;font-weight:800}
.cb-card .off{position:absolute;right:10px;top:10px;padding:4px 9px;border-radius:6px;background:var(--red);color:#fff;font-size:12.5px;font-weight:800}
.cb-card .rt{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:5px;max-width:calc(100% - 20px);padding:5px 10px;border-radius:999px;background:rgba(6,19,54,.78);color:#fff;font-size:12.5px;font-weight:700}
.cb-card .rt .i{color:var(--gold)}
.cb-card .bd{flex:1;display:flex;flex-direction:column;gap:10px;padding:16px}
.cb-card h3{font-size:16.5px;line-height:1.35;font-weight:800}
.cb-card h3 a{color:var(--ink);transition:color .16s}
.cb-card h3 a:hover{color:var(--red-d)}
.cb-card .k{font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.ck.sm{font-size:13.5px}
.cb-card .pf{margin-top:auto;padding-top:12px;border-top:1px solid #E9EEF7;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}
.cb-card .pf .l{font-size:13px;color:var(--muted)}
.cb-card .pf .v{font-size:20px;font-weight:800;color:var(--red)}
.cb-card .pf .o{font-size:13px;color:var(--muted);text-decoration:line-through}
.cb-card .pf .n{font-size:12.5px;color:var(--muted)}
.cb-btn{display:flex;align-items:center;justify-content:center;gap:4px;min-height:44px;border-radius:10px;background:var(--red);color:#fff;font-size:15px;font-weight:700;transition:background-color .16s}
.cb-btn:hover{background:var(--red-d)}
.cb-empty{margin-top:22px;padding:22px;border:1px dashed var(--line-2);border-radius:12px;text-align:center;color:var(--text)}
.cb-empty a{color:var(--red-d);font-weight:700}
.cb-paging{margin-top:24px;text-align:center}
.cb-paging a,.cb-paging span{display:inline-block;min-width:38px;margin:2px;padding:8px 10px;border:1px solid var(--line-2);border-radius:8px;color:var(--navy);font-weight:700}
.cb-dest{padding:40px 0 48px;background:#fff;border-top:1px solid var(--line)}
.cb-dest ul{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px}
.cb-dest button{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 18px;border:1px solid var(--line-2);border-radius:10px;background:#fff;font-size:15px;font-weight:700;color:var(--navy);transition:border-color .16s,color .16s,box-shadow .16s}
.cb-dest button .i{color:var(--red)}
.cb-dest button:hover{border-color:var(--red);color:var(--red);box-shadow:0 8px 18px -12px rgba(181,18,59,.6)}
@container pg (max-width:991px){
  .cb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container pg (max-width:767px){
  .vl-intro h1.cb-h1{font-size:24px}
  .cb-feat{grid-template-columns:minmax(0,1fr);gap:16px}
  .cb-tabs{margin-top:10px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;width:100%}
  .cb-tabs button{flex:none}
  .cb-grid{grid-template-columns:minmax(0,1fr);gap:16px}
  .cb-dest{padding:28px 0 32px}
}

/* ======================================================================== */
/*  TRANG CHI TIET COMBO + HOP GUI YEU CAU                                  */
/* ======================================================================== */
.vd-meta.row2{flex-direction:row;flex-wrap:wrap;gap:10px 22px}
.cd-inc{margin-top:14px}
.cd-inc .k{margin-bottom:8px;font-size:14.5px;font-weight:800;color:var(--navy)}
.cd-price .o{margin-top:6px;display:flex;align-items:center;gap:8px;font-size:14px;color:#BFD0F3}
.cd-price .o span{text-decoration:line-through}
.cd-price .o b{padding:2px 7px;border-radius:5px;background:var(--red);color:#fff;font-size:12px}
.cd-price .v{margin-top:2px}
.cd-req{display:inline-flex;align-items:center;justify-content:center;gap:4px;margin-top:14px;min-height:46px;padding:0 22px;border:0;border-radius:10px;background:var(--red);color:#fff;font-size:16px;font-weight:800;transition:background-color .16s}
.cd-req:hover{background:var(--red-d)}
.cd-req.full{width:100%;margin-top:18px}
.cd-req:disabled{opacity:.6;cursor:wait}
.cd-tel{display:flex;align-items:center;gap:6px;margin-top:12px;font-size:14px;font-weight:700;color:#fff;text-decoration:underline}
.cd-hl{margin-top:14px;font-size:15px}
.cd-note{margin-top:16px;padding:22px;border:1px solid var(--line);border-left:4px solid var(--red);border-radius:12px;background:#F2F6FF}
.cb-grid.c4{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.modal-box.rq{width:min(560px,calc(100% - 24px));max-height:calc(100vh - 32px);overflow-y:auto;text-align:left}
.rq h3{font-size:20px;color:var(--navy);font-weight:800;margin:0 0 4px}
.rq .sv{font-size:14px;color:var(--muted);margin-bottom:14px}
.rq-g{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rq .f{display:flex;flex-direction:column;gap:5px;font-size:13.5px;font-weight:700;color:var(--text)}
.rq .f.full{grid-column:1/-1}
.rq input,.rq select,.rq textarea{width:100%;min-height:44px;padding:8px 12px;border:1px solid var(--line-2);border-radius:10px;background:#fff;font:inherit;font-size:16px;font-weight:500;color:var(--ink)}
.rq textarea{resize:vertical}
.rq .bad{border-color:var(--red);box-shadow:0 0 0 3px var(--red-bg)}
.rq-ok{text-align:center}
.rq-ok h3{margin-bottom:8px}
.rq-ok p{color:var(--text)}
@container pg (max-width:1199px){.cb-grid.c4{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container pg (max-width:991px){.cb-grid.c4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container pg (max-width:767px){.cb-grid.c4{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){.rq-g{grid-template-columns:1fr}}

/* ======================================================================== */
/*  TRANG CHI TIET KHACH SAN                                                */
/* ======================================================================== */
.hd{padding:16px 0 56px;background:#fff}
.hd-mo{position:relative;margin-top:16px;display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:200px 200px;gap:8px;border-radius:14px;overflow:hidden}
.hd-mo button{position:relative;padding:0;border:0;background:var(--sky-2);overflow:hidden;cursor:zoom-in}
.hd-mo img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.hd-mo button:hover img{transform:scale(1.04)}
.hd-mo .t0{grid-row:1/3}
.hd-mo.few{grid-template-columns:1fr;grid-template-rows:420px}
.hd-mo.few button:not(.t0){display:none}
.hd-mo .all{position:absolute;right:12px;bottom:12px;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;background:rgba(6,19,54,.78);color:#fff;font-size:13px;font-weight:700;pointer-events:none}
.hd-grid{margin-top:24px;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:36px;align-items:start}
.hd-main h1{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:30px;line-height:1.25;font-weight:800;letter-spacing:-.01em;color:var(--navy)}
.hd-main h1 .dh-st .i{font-size:17px}
.hd-ad{margin-top:8px;display:flex;align-items:flex-start;gap:6px;font-size:15px;color:var(--muted)}
.hd-ad .i{margin-top:3px;color:var(--red)}
.hd-sum{margin-top:14px}
.hd-tabs{position:sticky;top:0;z-index:15;margin-top:20px;display:flex;gap:4px;overflow-x:auto;padding:0 2px;background:#fff;border-bottom:2px solid var(--line);scrollbar-width:none}
.hd-tabs::-webkit-scrollbar{display:none}
.hd-tabs a{flex:none;padding:14px 14px 12px;border-bottom:3px solid transparent;margin-bottom:-2px;font-size:15px;font-weight:700;color:var(--muted);white-space:nowrap;transition:color .16s,border-color .16s}
.hd-tabs a:hover{color:var(--navy)}
.hd-tabs a[aria-current]{color:var(--red);border-bottom-color:var(--red)}
.hd-sec{margin-top:34px;scroll-margin-top:64px}
.hd-k{margin:18px 0 10px;font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--red-d)}
.hd-fac{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}
.hd-fac li{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;border:1px solid var(--line);border-radius:12px;text-align:center;font-size:13.5px;color:var(--text)}
.hd-fac i{font-size:22px;color:var(--navy)}
.hd-promo{margin-top:18px;padding:16px 18px;border:1px solid #F3C2CF;border-left:4px solid var(--red);border-radius:12px;background:#FFF6F8}
.hd-promo .k{margin-bottom:8px;font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--red-d)}
.hd-check{margin-top:16px;display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;padding:14px;border-radius:14px;background:linear-gradient(135deg,#0F2D73,#0B2259)}
.hd-check .dt{display:flex;flex-direction:column;gap:6px;padding:8px 12px;border-radius:10px;background:#fff}
.hd-check .dt span{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.hd-check input{border:0;padding:0;background:transparent;font:inherit;font-size:16px;font-weight:700;color:var(--ink)}
.hd-go{min-height:52px;padding:0 22px;border:0;border-radius:10px;background:var(--red);color:#fff;font-size:16px;font-weight:800}
.hd-go:hover{background:var(--red-d)}
.hd-check .n{grid-column:1/-1;font-size:13px;color:#BFD0F3}
.hd-rooms{margin-top:16px;transition:opacity .2s}
.hd-rooms.loading{opacity:.45;pointer-events:none}
.hd-wait{padding:20px;text-align:center;color:var(--muted)}
.rm-list{display:flex;flex-direction:column;gap:14px}
.rm{display:grid;grid-template-columns:200px minmax(0,1fr) 200px;gap:18px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff;transition:box-shadow .2s,border-color .2s}
.rm:hover{border-color:#E8A3B5;box-shadow:0 14px 28px -20px rgba(6,19,54,.5)}
.rm-img{display:block;width:100%;aspect-ratio:4/3;padding:0;border:0;border-radius:10px;overflow:hidden;background:var(--sky-2)}
.rm-img img{width:100%;height:100%;object-fit:cover}
.rm-info h3{font-size:17px;line-height:1.35;font-weight:800}
.rm-info h3 button{padding:0;border:0;background:none;text-align:left;font:inherit;color:var(--navy)}
.rm-info h3 button:hover{color:var(--red)}
.rm-f{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13.5px;color:var(--muted)}
.rm-f li{display:inline-flex;align-items:center;gap:5px}
.rm-more{margin-top:8px;display:inline-flex;align-items:center;gap:2px;padding:0;border:0;background:none;font-size:14px;font-weight:700;color:var(--red-d)}
.rm-pr{display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right}
.rm-pr .l{font-size:12.5px;color:var(--muted)}
.rm-pr .v{font-size:20px;font-weight:800;color:var(--red)}
.rm-pr .v.sm{font-size:17px}
.rm-q{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text)}
.rm-q .sel{position:relative;display:inline-flex}
.rm-q select{appearance:none;-webkit-appearance:none;min-width:70px;height:40px;padding:0 30px 0 12px;border:1px solid var(--line-2);border-radius:8px;background:#fff;font:inherit;font-size:16px;font-weight:700}
.rm-q .sel .i{position:absolute;right:9px;top:50%;margin-top:-8px;pointer-events:none;color:var(--muted)}
.rm-req{min-height:40px;padding:0 16px;border:0;border-radius:8px;background:var(--red);color:#fff;font-size:14px;font-weight:700}
.rm-req:hover{background:var(--red-d)}
.rm-go{margin-top:18px;text-align:right}
.rm-go .cd-req{margin:0}
.hd-more{max-height:420px;overflow:hidden;position:relative}
.hd-more::after{content:"";position:absolute;left:0;right:0;bottom:0;height:80px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff)}
.hd-more.open{max-height:none}
.hd-more.open::after{display:none}
.hd-tog{margin-top:10px;display:inline-flex;align-items:center;gap:4px;padding:8px 16px;border:1px solid var(--red);border-radius:8px;background:#fff;color:var(--red);font-weight:700}
.hd-tog.on .i{transform:rotate(180deg)}
.hd-sh{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.hd-ask{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border:1px solid var(--line-2);border-radius:999px;background:#fff;font-weight:700;color:var(--navy)}
.hd-ask:hover{border-color:var(--red);color:var(--red)}
.hd-empty{margin-top:14px;padding:16px;border:1px dashed var(--line-2);border-radius:12px;color:var(--muted)}
.qa{margin-top:14px;display:flex;flex-direction:column;gap:12px}
.qa li{padding:14px 16px;border:1px solid var(--line);border-radius:12px}
.qa .who,.rv-l .who{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--ink)}
.qa .av{width:28px;height:28px;border-radius:50%;background:var(--sky-2);color:var(--navy);display:grid;place-items:center;font-size:12px}
.qa .av.a{background:var(--red);color:#fff;font-size:10px}
.qa .tx,.rv-l .tx{margin-top:6px;font-size:14.5px;line-height:1.6;color:var(--text)}
.qa .rep{margin:12px 0 0 18px;padding-left:14px;border-left:3px solid var(--red-bg)}
.rv{margin-top:16px;display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;align-items:start}
.rv-s{padding:20px;border-radius:14px;background:linear-gradient(135deg,#0F2D73,#0B2259);color:#fff;text-align:center}
.rv-s .sc{font-size:44px;line-height:1;font-weight:800;color:var(--gold)}
.rv-s .ds{margin-top:6px;font-size:16px;font-weight:800}
.rv-s .ct{margin-top:2px;font-size:13px;color:#BFD0F3}
.rv-s button{margin-top:14px;width:100%;min-height:42px;border:0;border-radius:10px;background:#fff;color:var(--red);font-weight:800}
.rv-l{display:flex;flex-direction:column;gap:12px}
.rv-l li{padding:14px 16px;border:1px solid var(--line);border-radius:12px}
.rv-l .pt,.hd-side .pt{min-width:32px;padding:3px 7px;border-radius:7px;background:var(--navy);color:#fff;font-size:13px;font-weight:800;text-align:center}
.hd-side .rt{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text)}
.hd-side .pb .o{font-size:13px;color:var(--muted);text-decoration:line-through}
.hd-side .pb .v small{font-size:13px;font-weight:600;color:var(--muted)}
.hd-ok{display:flex;flex-direction:column;gap:8px;font-size:13.5px;color:var(--text)}
.hd-ok li{display:flex;align-items:center;gap:8px}
.hd-ok .i{color:var(--red)}
.modal-box.rq.wide{width:min(900px,calc(100% - 24px))}
.rp{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:22px}
.rp-i h3{font-size:20px;font-weight:800;color:var(--navy)}
.rp-i .k{margin:14px 0 8px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--red-d)}
.modal.hd-photos .modal-box.ph{width:min(1000px,calc(100% - 24px));padding:44px 14px 14px;background:#0B1638}
.modal.hd-photos .gal-m{aspect-ratio:16/10}
.modal.hd-photos .modal-x{background:rgba(255,255,255,.15);color:#fff}
@container pg (max-width:991px){
  .hd-grid{grid-template-columns:minmax(0,1fr)}
  .hd-side{position:static}
  .rm{grid-template-columns:160px minmax(0,1fr)}
  .rm-pr{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;text-align:left}
}
@container pg (max-width:767px){
  .hd-mo{grid-template-columns:1fr 1fr;grid-template-rows:220px 110px}
  .hd-mo .t0{grid-column:1/-1;grid-row:auto}
  .hd-mo .t3,.hd-mo .t4{display:none}
  .hd-mo.few{grid-template-rows:240px}
  .hd-main h1{font-size:23px}
  .hd-check{grid-template-columns:1fr 1fr}
  .hd-go{grid-column:1/-1}
  .rm{grid-template-columns:110px minmax(0,1fr);gap:12px}
  .rv{grid-template-columns:minmax(0,1fr)}
  .rp{grid-template-columns:minmax(0,1fr)}
  .hd-side{display:none}
}

.rm-list.cut .rm:nth-child(n+7){display:none}
.rm-all{display:flex;margin:14px auto 0}

.hd-check .dt{min-width:0}
.hd-check input{width:100%;min-width:0}


/* ======================================================================== */
/*  TRANG COMBO THEO DIEM DEN (/combo-du-lich-sapa/)                        */
/* ======================================================================== */
.cb-intro{margin-top:14px;max-width:1000px;font-size:15.5px;line-height:1.7;color:var(--text);max-height:110px}
.cb-intro p{margin:0 0 10px}
.cb-intro strong{color:var(--ink)}
.cb-more{margin-top:6px;display:inline-flex;align-items:center;gap:4px;padding:0;border:0;background:none;font-weight:700;color:var(--red-d)}
.cb-more.on .i{transform:rotate(180deg)}
.cb-tabs a{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:1px solid var(--line-2);border-radius:999px;background:#fff;font-size:14px;font-weight:700;color:var(--navy);transition:border-color .16s,color .16s}
.cb-tabs a:hover{border-color:var(--red);color:var(--red)}
.cb-dest a{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 18px;border:1px solid var(--line-2);border-radius:10px;background:#fff;font-size:15px;font-weight:700;color:var(--navy);transition:border-color .16s,color .16s,box-shadow .16s}
.cb-dest a .i{color:var(--red)}
.cb-dest a:hover{border-color:var(--red);color:var(--red);box-shadow:0 8px 18px -12px rgba(181,18,59,.6)}
.cb-rows{margin-top:22px;display:flex;flex-direction:column;gap:18px}
.cb-row{display:grid;grid-template-columns:240px minmax(0,1fr) 200px;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:box-shadow .2s,border-color .2s}
.cb-row:hover{border-color:#E8A3B5;box-shadow:0 18px 30px -20px rgba(6,19,54,.55)}
.cb-row .ph{position:relative;display:block;min-height:200px;background:var(--sky-2)}
.cb-row .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cb-row .du{position:absolute;left:10px;top:10px;padding:4px 9px;border-radius:6px;background:var(--navy);color:#fff;font-size:12.5px;font-weight:800}
.cb-row .bd{padding:16px 18px;display:flex;flex-direction:column;gap:8px;min-width:0}
.cb-row h3{font-size:17px;line-height:1.35;font-weight:800}
.cb-row h3 a{color:var(--ink)}
.cb-row h3 a:hover{color:var(--red-d)}
.cb-row .chips{margin:0}
.cb-row .k{margin-top:4px;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--red-d)}
.ck.two ul{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px}
.cb-row .pc{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:16px;border-left:1px dashed var(--line-2);text-align:center}
.cb-row .pc .l{font-size:13px;color:var(--muted)}
.cb-row .pc .l s{margin-left:4px}
.cb-row .pc .l b{padding:1px 6px;border-radius:5px;background:var(--red);color:#fff;font-size:11.5px}
.cb-row .pc .v{font-size:22px;font-weight:800;color:var(--red)}
.cb-row .pc .t{font-size:13.5px;font-weight:700;color:var(--red-d)}
.cb-row .cb-btn{margin-top:8px;width:100%}
.cb-rel{padding:36px 0 46px;background:#fff}
.cb-rel ul{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.cb-rel a{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:12px;color:var(--ink);transition:border-color .16s,box-shadow .16s}
.cb-rel a:hover{border-color:var(--red);box-shadow:0 10px 22px -16px rgba(181,18,59,.6)}
.cb-rel .ic{flex:none;width:40px;height:40px;border-radius:10px;background:var(--red-bg);color:var(--red);display:grid;place-items:center}
.cb-rel .ic .i{font-size:20px}
.cb-rel b{display:block;font-size:15px;color:var(--navy)}
.cb-rel small{display:block;font-size:12.5px;color:var(--muted)}
.cb-rel a>.i{margin-left:auto;color:var(--muted)}
@container pg (max-width:991px){
  .cb-row{grid-template-columns:200px minmax(0,1fr)}
  .cb-row .pc{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;justify-content:space-between;border-left:0;border-top:1px dashed var(--line-2)}
  .cb-row .cb-btn{width:auto;margin:0;padding:0 18px}
}
@container pg (max-width:767px){
  .cb-row{grid-template-columns:minmax(0,1fr)}
  .cb-row .ph{min-height:0;aspect-ratio:16/10}
  .ck.two ul{grid-template-columns:1fr}
  .cb-row .pc .cb-btn{width:100%}
}

/* ======================================================================== */
/*  TRANG VE CHUNG TOI (/ve-chung-toi/)                                     */
/* ======================================================================== */
.ab{background:#fff;color:var(--ink)}
.ab a.ln{color:var(--red);font-weight:700;border-bottom:1px solid rgba(181,18,59,.3)}
.ab a.ln:hover{border-bottom-color:var(--red)}
.ab-hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#0B2259 0%,#123A8F 62%,#1C4DB3 100%);color:#fff}
.ab-hero::after{content:"";position:absolute;right:-120px;top:-160px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.12),rgba(255,255,255,0) 68%);pointer-events:none}
.ab-hero .wc{position:relative;z-index:1;padding-top:18px;padding-bottom:46px}
.ab-crumb ol{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px 8px;font-size:13.5px;color:#BFD0F3}
.ab-crumb a{color:#BFD0F3}.ab-crumb a:hover{color:#fff}
.ab-crumb [aria-current]{color:#fff;font-weight:600}
.ab-hero h1{margin-top:18px;display:flex;align-items:center;gap:14px;font-size:40px;line-height:1.15;font-weight:800;letter-spacing:-.02em}
.ab-hero h1::before{content:"";flex:none;width:6px;height:38px;border-radius:3px;background:var(--red)}
.ab-sum{margin-top:16px;max-width:860px;font-size:19px;line-height:1.65;color:#E6EDFB}
.ab-sum a{color:#fff;border-bottom:1px solid rgba(255,214,107,.7)}
.ab-sum a:hover{color:var(--gold)}
.ab-intro{padding:34px 0 10px}
.ab-intro p{max-width:900px;font-size:17px;line-height:1.8;color:var(--text)}
.ab-intro strong{color:var(--ink)}
.ab-intro .hi{color:var(--red)}
.ab-sec{padding:44px 0}
.ab-sec+.ab-sec{border-top:1px solid var(--line)}
.ab-sec.sky{background:var(--sky);border-top:0}
.ab-h2{display:flex;align-items:center;gap:12px;font-size:28px;line-height:1.25;font-weight:800;letter-spacing:-.015em;color:var(--navy);text-wrap:balance}
.ab-h2::before{content:"";flex:none;width:5px;height:28px;border-radius:3px;background:var(--red)}
.ab-h2 a{color:var(--red)}
.ab-lead{margin-top:12px;max-width:860px;font-size:16.5px;line-height:1.7;color:var(--text)}
.ab-lead strong{color:var(--ink)}
.ab-note{margin-top:16px;font-size:16px;line-height:1.7;color:var(--text)}
.ab-two{margin-top:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ab-box{padding:22px 24px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--sh-sm)}
.ab-box p{font-size:15.5px;line-height:1.6;font-weight:600;color:var(--ink)}
.ab-box ul{margin-top:12px;display:grid;gap:10px}
.ab-box li{display:flex;align-items:flex-start;gap:10px;font-size:15.5px;line-height:1.55;color:var(--text)}
.ab-box li .i{flex:none;margin-top:3px;font-size:17px;color:var(--red)}
.ab-eco{margin-top:20px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.ab-eco li{display:flex}
.ab-tile{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-height:76px;padding:18px 16px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);font-size:15.5px;line-height:1.45;font-weight:600}
.ab-tile .ic{flex:none;width:44px;height:44px;border-radius:12px;background:linear-gradient(150deg,#C8164A 0%,#A00F33 100%);color:#fff;display:grid;place-items:center}
.ab-tile .ic .i{font-size:22px}
.ab-tile a{color:var(--navy);border-bottom:1px solid var(--line-2)}
.ab-tile a:hover{color:var(--red);border-bottom-color:var(--red)}
.ab-vals{margin-top:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ab-val{display:flex;flex-direction:column;gap:10px;padding:24px 22px;border-radius:16px;background:#fff;border:1px solid var(--sky-2)}
.ab-val .ic{width:50px;height:50px;border-radius:14px;background:var(--navy);color:var(--gold);display:grid;place-items:center}
.ab-val .ic .i{font-size:25px}
.ab-val h3{font-size:19px;line-height:1.3;font-weight:800;color:var(--navy)}
.ab-val p{font-size:15.5px;line-height:1.6;color:var(--text)}
.ab-commit{background:var(--navy);background-image:radial-gradient(circle at 92% -30%,rgba(255,255,255,.14),rgba(255,255,255,0) 42%);color:#fff}
.ab-commit .wc{padding-top:48px;padding-bottom:52px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.ab-commit .ab-h2{color:#fff}
.ab-commit p{font-size:16.5px;line-height:1.6;color:#D3DCF0}
.ab-commit p a{color:#fff;font-weight:700;border-bottom:1px solid rgba(255,214,107,.7)}
.ab-tag{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 14px;margin:6px 0 4px}
.ab-tag span{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.28);font-size:19px;font-weight:800;color:var(--gold)}
.ab-dir{margin-top:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ab-dir li{display:flex;align-items:flex-start;gap:12px;padding:18px;border-radius:14px;background:var(--sky);font-size:15.5px;line-height:1.55;font-weight:600;color:var(--ink)}
.ab-dir .ic{flex:none;width:38px;height:38px;border-radius:10px;background:#fff;color:var(--red);display:grid;place-items:center;box-shadow:var(--sh-sm)}
.ab-dir .ic .i{font-size:20px}
.ab-co{margin-top:20px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:24px 26px;border:1.5px solid var(--line-2);border-radius:18px;background:#fff}
.ab-co .nm{font-size:18px;line-height:1.4;font-weight:800;color:var(--navy)}
.ab-co .nm em{font-weight:700;color:var(--text)}
.ab-co .nm a{color:var(--red)}
.ab-co .cp{margin-top:4px;font-size:16px;font-weight:800;color:var(--ink)}
.ab-co dl{margin:14px 0 0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 14px;font-size:15.5px;line-height:1.55}
.ab-co dt{font-weight:700;color:var(--ink)}
.ab-co dd{margin:0;color:var(--text);overflow-wrap:anywhere}
.ab-co dd strong{color:var(--ink)}
.ab-co .logo{width:120px;height:120px}
@container pg (max-width:1199px){.ab-eco{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container pg (max-width:991px){
  .ab-eco{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ab-vals,.ab-dir{grid-template-columns:minmax(0,1fr)}
  .ab-co{grid-template-columns:minmax(0,1fr)}
  .ab-co .logo{display:none}
}
@container pg (max-width:767px){
  .ab-hero .wc{padding-top:12px;padding-bottom:30px}
  .ab-hero h1{font-size:30px;margin-top:14px}.ab-hero h1::before{height:30px}
  .ab-sum{font-size:16.5px}
  .ab-intro{padding-top:24px}
  .ab-intro p{font-size:15.5px}
  .ab-sec{padding:32px 0}
  .ab-h2{font-size:22px}.ab-h2::before{height:24px}
  .ab-lead,.ab-note{font-size:15px}
  .ab-two{grid-template-columns:minmax(0,1fr);gap:12px}
  .ab-box{padding:18px}
  .ab-eco{grid-template-columns:minmax(0,1fr);gap:10px}
  .ab-tile{flex-direction:row;align-items:center;gap:14px;padding:14px;font-size:15px}
  .ab-tag span{font-size:16px;min-height:42px;padding:0 16px}
  .ab-commit .wc{padding-top:34px;padding-bottom:38px}
  .ab-co{padding:18px}
  .ab-co dl{grid-template-columns:minmax(0,1fr);gap:2px}
  .ab-co dd{margin-bottom:8px}
}

/* ---- Khung "Khach san trong combo" (the combo de xuat) ---- */
.cb-ht{margin:14px 18px 0;padding:14px;border:1px solid #DCE5F6;border-radius:12px;background:#F4F7FD}
.cb-ht .k{font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--red-d)}
.cb-ht .nm{margin-top:6px;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:16px;font-weight:800;color:var(--navy)}
.cb-ht .nm .dh-st .i{font-size:13px}
.cb-ht .ad{margin-top:4px;display:flex;align-items:flex-start;gap:5px;font-size:13px;line-height:1.45;color:var(--muted)}
.cb-ht .ad .i{margin-top:2px;color:var(--red)}
.cb-ht ul{margin-top:8px;display:flex;flex-direction:column;gap:5px}
.cb-ht li{display:flex;align-items:flex-start;gap:6px;font-size:13.5px;line-height:1.45;color:var(--text)}
.cb-ht li .i{flex:none;margin-top:2px;font-size:14px;color:var(--red)}
.cb-ht a{margin-top:8px;display:inline-flex;align-items:center;gap:2px;font-size:13.5px;font-weight:700;color:var(--red-d)}
.cb-ht a:hover{text-decoration:underline}

.cb-ht li span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ======================================================================== */
/*  DANH SACH KHACH SAN (/khach-san/, /khach-san/sapa/, tim kiem)           */
/* ======================================================================== */
.hl-list{margin-top:22px;display:flex;flex-direction:column;gap:16px}
.hl{display:grid;grid-template-columns:260px minmax(0,1fr) 200px;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:box-shadow .2s,border-color .2s}
.hl:hover{border-color:#E8A3B5;box-shadow:0 18px 30px -20px rgba(6,19,54,.55)}
.hl .ph{position:relative;display:block;min-height:210px;background:var(--sky-2);overflow:hidden}
.hl .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.hl:hover .ph img{transform:scale(1.04)}
.hl .rib{left:0;top:12px}
.hl .off{position:absolute;right:10px;top:10px;padding:4px 9px;border-radius:6px;background:var(--red);color:#fff;font-size:12.5px;font-weight:800}
.hl .bd{min-width:0;padding:16px 18px;display:flex;flex-direction:column;gap:8px}
.hl h3{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:18px;line-height:1.35;font-weight:800}
.hl h3 a{color:var(--navy)}
.hl h3 a:hover{color:var(--red)}
.hl h3 .dh-st .i{font-size:14px}
.hl .ad{display:flex;align-items:flex-start;gap:6px;font-size:14px;line-height:1.45;color:var(--muted)}
.hl .ad .i{margin-top:2px;color:var(--red)}
.hl .sm{font-size:14px;line-height:1.6;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hl .fc{display:flex;flex-wrap:wrap;gap:6px}
.hl .fc li{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#F6F8FC;font-size:12.5px;color:var(--text)}
.hl .fc i{color:var(--navy)}
.hlx summary{display:inline-flex;align-items:center;gap:4px;font-size:13.5px;font-weight:700;color:var(--red-d);cursor:pointer;list-style:none}
.hlx summary::-webkit-details-marker{display:none}
.hlx[open] summary .i{transform:rotate(180deg)}
.hlx .ck{margin-top:8px}
.hl .pc{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:16px;border-left:1px dashed var(--line-2);text-align:center}
.hl .pc .l{font-size:13px;color:var(--muted)}
.hl .pc s{font-size:13px;color:var(--muted)}
.hl .pc .v{font-size:22px;font-weight:800;color:var(--red)}
.hl .cb-btn{margin-top:8px;width:100%}
.hl-sec .cb-tabs button{min-height:40px}
.pg{margin-top:24px;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.pg a,.pg span{min-width:40px;min-height:40px;padding:0 12px;border:1px solid var(--line-2);border-radius:8px;display:inline-grid;place-items:center;font-weight:700;color:var(--navy)}
.pg a:hover{border-color:var(--red);color:var(--red)}
.pg span[aria-current]{background:var(--red);border-color:var(--red);color:#fff}
.vl-intro .cb-intro .content,.vl-intro .cb-intro{color:var(--text)}
@container pg (max-width:991px){
  .hl{grid-template-columns:200px minmax(0,1fr)}
  .hl .pc{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;justify-content:space-between;border-left:0;border-top:1px dashed var(--line-2)}
  .hl .cb-btn{width:auto;margin:0;padding:0 18px}
}
@container pg (max-width:767px){
  .hl{grid-template-columns:minmax(0,1fr)}
  .hl .ph{min-height:0;aspect-ratio:16/10}
  .hl .pc .cb-btn{width:100%}
  .hl-sec .cb-tabs{margin-top:10px}
}

/* ======================================================================== */
/*  BLOG (/blogs/, chuyen muc, chi tiet, tim kiem)                          */
/* ======================================================================== */
.nw-hd{padding-bottom:10px}
.nw-grid{margin-top:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
article.nw{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:box-shadow .2s,border-color .2s,transform .2s}
article.nw:hover{border-color:#E8A3B5;box-shadow:0 18px 30px -20px rgba(6,19,54,.55);transform:translateY(-2px)}
article.nw .ph{position:relative;display:block;aspect-ratio:16/10;background:var(--sky-2);overflow:hidden}
article.nw .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
article.nw:hover .ph img{transform:scale(1.04)}
article.nw .bd{flex:1;display:flex;flex-direction:column;gap:8px;padding:16px}
article.nw .dt{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted)}
article.nw h3{font-size:17px;line-height:1.4;font-weight:800}
article.nw h3 a{color:var(--navy)}
article.nw h3 a::after{content:"";position:absolute;inset:0}
article.nw:hover h3 a{color:var(--red)}
article.nw .sm{font-size:14px;line-height:1.6;color:var(--text);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
article.nw .go{margin-top:auto;display:inline-flex;align-items:center;gap:2px;font-size:14px;font-weight:700;color:var(--red-d)}
.nw-pg ul{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none}
.nw-pg li{display:contents}
.nw-pg .active a,.nw-pg .active span,.nw-pg .current{background:var(--red);border-color:var(--red);color:#fff}
.nd{padding:18px 0 40px;background:#fff}
.nd-in{width:min(820px,100%);margin-inline:auto;padding-inline:15px}
.nd h1{margin-top:16px;font-size:34px;line-height:1.25;font-weight:800;letter-spacing:-.015em;color:var(--navy);text-wrap:balance}
.nd-meta{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13.5px;color:var(--muted)}
.nd-meta span{display:inline-flex;align-items:center;gap:6px}
.nd-lead{margin-top:18px;padding:16px 18px;border-left:4px solid var(--red);border-radius:0 12px 12px 0;background:#F6F8FC;font-size:16.5px;line-height:1.7;font-weight:600;color:var(--ink)}
.nd-lead p{margin:0}
.nd-body{margin-top:22px;font-size:17px;line-height:1.8}
.nd-body img{display:block;margin:16px auto;border-radius:12px}
.nd-body h2{font-size:24px}.nd-body h3{font-size:20px}
.nd-cta{margin-top:30px;padding:20px;border-radius:14px;background:linear-gradient(135deg,#0F2D73,#0B2259);color:#D3DCF0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.nd-cta strong{color:#fff}
.nd-cta .cd-req{margin:0}
.nd-sim{border-top:1px solid var(--line)}
@container pg (max-width:991px){.nw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container pg (max-width:767px){
  .nw-grid{grid-template-columns:minmax(0,1fr);gap:16px}
  .nd h1{font-size:25px}
  .nd-body{font-size:16px}
  .nd-cta .cd-req{width:100%}
}

/* ---- Khach san theo dia diem: the de xuat + cot gia (theo mau tham khao) ---- */
.vl-fc .hs{margin:6px 18px 0}
.vl-fc .hs .i{font-size:14px}
.vl-fc .hh{margin:10px 18px 0;display:flex;flex-direction:column;gap:6px}
.vl-fc .hh li{display:flex;align-items:flex-start;gap:7px;font-size:13.5px;line-height:1.45;color:var(--text)}
.vl-fc .hh li .i{flex:none;margin-top:2px;color:var(--red)}
.vl-fc .hh li span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vl-fc .pc .l s{margin-left:4px;color:var(--muted)}
.vl-fc .pc .v small,.hl .pc .v small{font-size:13px;font-weight:600;color:var(--muted)}
.vl-fc .b2{background:var(--red);color:#fff}
.hl .pc{background:#FFF6F8}
.hl .pc .l s{margin-left:3px}
.hl .pc .l b{margin-left:4px;padding:1px 6px;border-radius:5px;background:var(--red);color:#fff;font-size:11.5px}
.hl-cb{border-top:1px solid var(--line);background:#fff}
.hl-cb .vl-ah .btn-o{min-height:40px}
.hl-other{padding:40px 0 30px;background:#fff}



/* ---- Lam sang cac khoi nen xanh + gia "Gia tu" ---- */
.vd-price,.hd-check,.rv-s,.nd-cta{background:linear-gradient(135deg,#1E52BE,#1645A6)!important}
.ab-hero{background:linear-gradient(115deg,#1645A6 0%,#1E56C4 62%,#2A66D6 100%)!important}
.ab-commit{background-color:#1645A6!important}
.dh-pr .val .gt,.hl .pc .v .gt,.vl-fc .pc .v .gt,.hd-side .pb .v .gt{font-size:12.5px;font-weight:600;color:var(--muted);letter-spacing:0}
.dh-pr .val{font-size:19px}


/* ---- Khach san theo dia diem: ban gon (tieu de giua, doan gioi thieu full ngang, the co danh gia) ---- */
.cb-intro{max-width:none}
.hl .rt{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text)}
.hl .rt .pt{min-width:40px;padding:4px 8px;border-radius:8px;background:var(--navy);color:#fff;font-size:14px;font-weight:800;text-align:center}
.hl .rt b{color:var(--ink)}
.hl .rt .ds{color:var(--muted)}
.rq-q{position:relative;margin:2px 0 0;padding:2px 0 0 30px;font-size:14px;line-height:1.55;color:var(--text)}
.rq-q::before{content:"\201C";position:absolute;left:0;top:-8px;font-size:40px;line-height:1;font-weight:800;color:var(--line-2);font-family:Georgia,serif}
.rq-q p{margin:0;font-style:italic;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rq-q footer{margin-top:4px;font-size:13px;color:var(--muted)}
.rq-q footer::after{content:" \201D";font-family:Georgia,serif;font-weight:800;color:var(--line-2)}
.hl-sec .vl-ah{align-items:center}
@container pg (max-width:767px){
  .vl-intro .cb-h1{justify-content:center;text-align:center}
  .vl-intro .cb-intro{text-align:center}
  .vl-intro .cb-more{display:flex;margin-inline:auto}
  .hl{margin:0 -2px;border-radius:16px;box-shadow:0 6px 18px -10px rgba(10,30,80,.35)}
  .hl .ph{margin:10px 10px 0;border-radius:12px;aspect-ratio:16/11}
  .hl .bd{padding:14px 14px 10px}
  .hl h3{font-size:19px}
}

.vl-intro .cb-intro p,.vl-intro .cb-intro div{max-width:none}

/* ======================================================================== */
/*  KHACH SAN THEO DIA DIEM – bo cuc nhu trang cu (gioi thieu, Top 10, DS)  */
/* ======================================================================== */
.tp-intro{padding:28px 0 6px;background:#fff}
.tp-intro .cb-intro{margin:0;max-height:240px;font-size:15.5px}
.tp-intro .cb-intro blockquote,.tp-intro .cb-intro .box{margin:10px 0;padding:12px 16px;border-left:4px solid var(--red);border-radius:0 10px 10px 0;background:#FFF6F8}
.tp-more{display:flex;margin:14px auto 0;min-height:42px;padding:0 24px;border:0;border-radius:999px;background:var(--red);color:#fff;font-weight:800;align-items:center}
.tp-more:hover{background:var(--red-d)}
.tp{padding:30px 0 40px;background:#fff}
.tp-h{display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;font-size:30px;line-height:1.25;font-weight:800;color:var(--navy)}
.tp-h .i{font-size:26px;color:var(--red)}
.tp-grid{margin-top:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.tp-c{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 6px 18px -12px rgba(10,30,80,.4);transition:transform .2s,box-shadow .2s}
.tp-c:hover{transform:translateY(-3px);box-shadow:0 20px 34px -22px rgba(10,30,80,.6)}
.tp-c .ph{position:relative;display:block;aspect-ratio:4/3;background:var(--sky-2);overflow:hidden}
.tp-c .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.tp-c:hover .ph img{transform:scale(1.04)}
.tp-c .bd{flex:1;display:flex;flex-direction:column;gap:8px;padding:14px 16px 16px}
.tp-c h2{font-size:18px;line-height:1.35;font-weight:800}
.tp-c h2 a{color:var(--navy)}
.tp-c h2 a:hover{color:var(--red)}
.tp-c .dh-st .i{font-size:14px}
.tp-c .ad{display:flex;align-items:flex-start;gap:6px;font-size:14px;line-height:1.45;color:var(--muted)}
.tp-c .ad .i{margin-top:2px;color:var(--red)}
.tp-c .ft2{margin-top:auto;padding-top:10px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
.tp-c .ft2 .v{font-size:18px;font-weight:800;color:var(--red)}
.tp-c .ft2 .v small{font-size:12px;font-weight:600;color:var(--muted)}
.tp-c .ft2 .v .gt{display:block}
.tp-c .cb-btn{min-height:40px;padding:0 16px;margin-left:auto}
.tp + .hl-sec{padding-top:10px}
@container pg (max-width:991px){.tp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container pg (max-width:767px){
  .tp-h{font-size:22px}
  .tp-grid{grid-template-columns:minmax(0,1fr);gap:16px}
  .tp-intro .cb-intro{font-size:14.5px}
}

.tp-desc{font-size:15.5px;line-height:1.75;color:var(--text)}
.tp-desc .hotel-intro-wrap{margin-bottom:6px;color:var(--text)}
.tp-desc .hotel-intro-box h2{color:var(--navy)}
.tp-desc a{color:var(--red-d);font-weight:700;text-decoration:none}
.tp-desc .hotel-btn{min-height:42px;padding:0 24px!important;background:var(--red)!important;color:#fff!important;font-weight:800;font-family:inherit}
.tp-desc .hotel-btn:hover{background:var(--red-d)!important}
/* blog card scoped to article.nw */
/* Deal Hot: tieu de can giua, mau do */
#deal-noi-bat .dh-head,#tat-ca-deal .dh-head{justify-content:center;text-align:center}
#h-rec,#h-all{color:var(--red)}#h-rec{display:inline-block;background:#fff;padding:8px 26px;border-radius:999px;box-shadow:0 10px 24px -14px rgba(6,19,54,.6)}
@container pg (max-width:767px){#h-rec{padding:6px 18px}}@container pg (max-width:767px){#h-rec{font-size:21px;border-radius:16px}#h-all{font-size:23px}}
/* Mobile: Top 10 thanh dai vuot ngang, tieu de gon; goi y vuot cho Deal Hot */
@container pg (max-width:767px){
  .tp{padding:22px 0 28px}
  .tp-h{display:block;font-size:22px;line-height:1.3}
  .tp-h .i{font-size:20px;vertical-align:-3px;margin-right:6px}
  .tp-grid{display:flex;gap:12px;margin:16px -16px 0;padding:0 16px 10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 16px;scrollbar-width:none}
  .tp-grid::-webkit-scrollbar{display:none}
  .tp-c{flex:0 0 84%;scroll-snap-align:start}
  .tp-c:hover{transform:none}
  .tp-c .ph{aspect-ratio:16/10}
  .tp-c .bd{padding:12px 14px 14px;gap:7px}
  .tp-c h2{font-size:17px}
  .tp-c .cb-btn{width:100%;justify-content:center}
  #deal-noi-bat .dh-head{flex-direction:column;align-items:center}
  .hl .ph{aspect-ratio:16/9}
  .hl h3{font-size:18px}
}@container pg (max-width:767px){.tp-h .i{display:inline-block;width:1em;height:1em}}@container pg (max-width:767px){.hl-sec .cb-tabs{gap:6px}.hl-sec .cb-tabs button{min-height:36px;padding:0 12px;font-size:13.5px}}
/* Mobile Deal Hot: chu nho gon hon */
@container pg (max-width:767px){
  #h-rec{font-size:18px;padding:6px 16px}
  #h-all{font-size:19px}
  .dh-loc,.dh-promo .pt{font-size:12.5px}
  .dh-hd h3{font-size:14.5px;line-height:1.35}
  .dh-ad{font-size:12.5px}
  .dh-sec .rv-rt,.dh-sec .rv-rt .pt{font-size:12.5px}
  .dh-sec .rq-q p{font-size:12.5px}
  .dh-sec .rq-q footer{font-size:12px}
  .dh-sec .pc .old{font-size:12px}
  .dh-sec .pc .val{font-size:16.5px}
  .dh-sec .pc .val small{font-size:11px}
}@container pg (min-width:520px) and (max-width:767px){.dh-grid:not(.dh-rec){grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Chi tiet KS: tien ich dang chip nho */
.hd-fac{display:flex;flex-wrap:wrap;gap:8px}
.hd-fac li{flex-direction:row;gap:6px;padding:6px 12px;border-radius:999px;background:#F6F8FC;border-color:transparent;font-size:13.5px;text-align:left}
.hd-fac i{font-size:16px}
/* Diem check-in dep: bam moi mo */
.hd-acc{border:1px solid var(--line);border-radius:12px;background:#fff}
.hd-acc summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;cursor:pointer;list-style:none}
.hd-acc summary::-webkit-details-marker{display:none}
.hd-acc summary .vd-h{margin:0;font-size:19px}
.hd-acc summary>.i{flex:none;font-size:18px;color:var(--red);transition:transform .2s}
.hd-acc[open] summary>.i{transform:rotate(180deg)}
.hd-acc .content{padding:0 16px 16px}
/* Hoi dap / danh gia: nut xem them */
.hd-all{display:flex;margin:12px auto 0}
.rv .hd-all{grid-column:2}
@container pg (max-width:767px){
  .hd-fac li{font-size:13px;padding:5px 10px}
  .hd-acc summary .vd-h{font-size:17px}
  .hd-check{gap:8px;padding:12px}
  .hd-check .dt{padding:7px 10px;gap:4px}
  .hd-check .dt span{font-size:11px}
  .hd-check input{font-size:14px}
  .hd-check .hd-go{grid-column:1/-1;min-height:44px}
  .hd-check .n{font-size:12.5px;text-align:center}
  .qa{gap:10px}
  .qa li,.rv-l li{padding:12px 14px}
  .qa .tx,.rv-l .tx{font-size:14px;line-height:1.55}
  .qa .rep{margin:10px 0 0 6px;padding-left:10px}
  .rv{gap:12px}
  .rv-s{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:14px;padding:14px 16px;text-align:left}
  .rv-s .sc{grid-row:span 2;font-size:36px}
  .rv-s .ds{margin:0;font-size:15px}
  .rv-s .ct{margin:0}
  .rv-s button{grid-column:1/-1;margin-top:12px;min-height:40px}
  .rv .hd-all{grid-column:auto}
}@container pg (max-width:767px){.hd-acc summary{padding:12px 14px}.hd-acc summary .vd-h{font-size:16px;line-height:1.35}.hd-acc .content{padding:0 14px 14px}}
/* Voucher: bo cuc nhu trang cu - tieu de giua, luoi 4 cot */
.vc{padding:24px 0 48px}
.vc-h{margin-top:18px;text-align:center;font-size:32px;line-height:1.2;font-weight:800;color:var(--red)}
.vc-s{margin:8px auto 0;max-width:720px;text-align:center;font-size:15px;line-height:1.6;color:var(--muted)}
.vc-s a{font-weight:800;color:var(--red);white-space:nowrap}
.vc .vl-grid{margin-top:24px;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.vl-off{position:absolute;top:10px;right:10px;padding:4px 9px;border-radius:6px;background:var(--red);color:#fff;font-size:12.5px;font-weight:800}
.vl-card .bd{gap:8px}
.vl-card h3{font-size:16px;font-weight:800;color:var(--navy)}
.vl-card:hover h3{color:var(--red)}
.vl-card .bd>.du{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:var(--muted)}
.vl-card .vf{align-items:flex-end}
.vl-card .pz{display:flex;flex-direction:column;line-height:1.25}
.vl-card .pz s{font-size:13px;color:var(--muted)}
.vl-card .pr{font-size:18px}
@container pg (max-width:1199px){.vc .vl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container pg (max-width:991px){.vc .vl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container pg (max-width:767px){
  .vc{padding:16px 0 32px}
  .vc-h{font-size:24px;margin-top:12px}
  .vc-s{font-size:13.5px}
  .vc .vl-grid{margin-top:18px;gap:14px}
  .vl-card .bd{padding:12px 12px 14px}
  .vl-card h3{font-size:14.5px}
  .vl-card .pr{font-size:16px}
  .vl-card .go{font-size:13px}
}
@container pg (max-width:520px){.vc .vl-grid{grid-template-columns:minmax(0,1fr)}}
/* Combo: Top ban chay 4 cot */
.cb-topsec{padding:24px 0 36px;background:#fff}
.cb-topsec .cb-top{margin-top:22px;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.cb-topsec+.vl-all{padding-top:28px;background:#F6F8FC}
@container pg (max-width:1199px){.cb-topsec .cb-top{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container pg (max-width:991px){.cb-topsec .cb-top{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container pg (max-width:767px){.cb-topsec{padding:16px 0 26px}.cb-topsec .cb-top{gap:14px;margin-top:16px}}
@container pg (max-width:520px){.cb-topsec .cb-top{grid-template-columns:minmax(0,1fr)}}
/* Combo mobile: Top = dai vuot ngang, danh sach = hang ngang gon */
@container pg (max-width:767px){
  .cb-topsec .cb-top{display:flex;gap:12px;margin:16px -16px 0;padding:0 16px 10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 16px;scrollbar-width:none}
  .cb-topsec .cb-top::-webkit-scrollbar{display:none}
  .cb-topsec .cb-top>.cb-card{flex:0 0 82%;scroll-snap-align:start}
  .cb-topsec .cb-top .ck,.cb-topsec .cb-top .k{display:none}
  #combo-list .cb-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  #combo-list .cb-card{display:grid;grid-template-columns:118px minmax(0,1fr);align-items:stretch}
  #combo-list .cb-card .ph{aspect-ratio:auto;height:100%;min-height:150px}
  #combo-list .cb-card .ph .rt,#combo-list .cb-card .ph .du{display:none}
  #combo-list .cb-card .off{top:6px;right:6px;left:auto;font-size:11.5px;padding:2px 6px}
  #combo-list .cb-card .bd{padding:10px 12px;gap:6px}
  #combo-list .cb-card h3{font-size:14.5px;line-height:1.35}
  #combo-list .cb-card .k,#combo-list .cb-card .ck{display:none}
  #combo-list .cb-card .pf{margin-top:auto;font-size:12.5px}
  #combo-list .cb-card .pf .v{font-size:16px}
  #combo-list .cb-card .cb-btn{min-height:34px;padding:0 12px;font-size:13px;align-self:flex-start;width:auto}
}@container pg (max-width:767px){#combo-list .cb-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:10px -16px 0;padding:0 16px 4px;gap:6px}#combo-list .cb-tabs::-webkit-scrollbar{display:none}#combo-list .cb-tabs>*{flex:none;white-space:nowrap;min-height:36px;padding:0 14px;font-size:13.5px}}
/* Combo: mot danh sach nhu ban goc */
.cbl{padding:22px 0 44px}
.cbl-h{margin-top:16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px}
.cbl-h h1{font-size:30px;line-height:1.2;font-weight:800;color:var(--red)}
.cbl-dest{display:flex;flex-wrap:wrap;gap:8px}
.cbl-dest a{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border:1px solid #E8A3B5;border-radius:999px;background:#fff;font-size:14px;font-weight:700;color:var(--red-d)}
.cbl-dest a:hover{background:var(--red);border-color:var(--red);color:#fff}
.cb-row .bd .k{margin-top:2px;font-size:12.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--red-d)}
.cb-row .bd .ck{font-size:14px}
.cb-row .bd .ck li:nth-child(n+5){display:none}
.cb-row .rib{position:absolute;left:10px;top:10px;padding:4px 9px;border-radius:6px;background:var(--navy);color:#fff;font-size:12.5px;font-weight:700}
@container pg (max-width:767px){
  .cbl{padding:14px 0 30px}
  .cbl-h{flex-direction:column;align-items:center;text-align:center}
  .cbl-h h1{font-size:24px}
  .cbl-dest{justify-content:center}
  .cbl-dest a{min-height:32px;padding:0 12px;font-size:13px}
  .cb-row .bd .ck li:nth-child(n+4){display:none}
}
.cbl-dest button{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border:1px solid #E8A3B5;border-radius:999px;background:#fff;font:inherit;font-size:14px;font-weight:700;color:var(--red-d);cursor:pointer}
.cbl-dest button:hover{border-color:var(--red);color:var(--red)}
.cbl-dest button[aria-pressed="true"]{background:var(--red);border-color:var(--red);color:#fff}
#search-hotel-result.loading{opacity:.5;pointer-events:none;transition:opacity .2s}
#search-hotel-result .cb-empty{margin-top:20px;text-align:center;color:var(--muted)}
@container pg (max-width:767px){.cbl-dest button{min-height:32px;padding:0 12px;font-size:13px}}
/* Ve chung toi: bo nen xanh, text binh thuong full man */
.ab-hero{background:#fff!important;color:var(--text);padding:22px 0 6px!important}
.ab-hero::before,.ab-hero::after{display:none!important}
.ab-hero .ab-crumb,.ab-hero .ab-crumb a{color:var(--muted)}
.ab-hero .ab-crumb [aria-current]{color:var(--ink)}
.ab-hero h1{color:var(--navy)}
.ab-hero .ab-sum{max-width:none;color:var(--text)}
.ab-hero .ab-sum a,.ab-hero .ab-sum strong{color:var(--ink);text-decoration:none;border:0}
.ab-hero .ab-sum a:hover strong{color:var(--red)}
.ab-intro{padding-top:12px!important}
.ab-intro p{max-width:none}.ab-sec p{max-width:none}.ab-hero{padding-bottom:0!important}.ab-intro{padding-top:14px!important}.ab-hero .ab-sum strong.hi{color:var(--red)}.ab-hero{padding-bottom:10px!important}.ab-co{grid-template-columns:minmax(0,1fr)!important}
/* Trang chu mobile: gia Deal Hot khong bi nut che */
.hp2 .pr{min-width:0;flex:1 1 auto}
@container pg (max-width:767px){
  .hp2{gap:8px;align-items:flex-end}
  .hp2 .now{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:4px}
  .hp2 .now .gt{flex-basis:100%}
  .hp2 .now .u{flex-basis:100%}
  .hp2 .view{flex:none;width:40px;height:40px;min-height:0;padding:0;justify-content:center;border-radius:10px;font-size:0;gap:0}
  .hp2 .view .i{font-size:18px}
}
/* ======================================================================== */
/*  MAU PHU XANH NGOC: giam do. Do chi giu cho gia, % giam, nut dat/gui     */
/*  yeu cau, hotline va cac tieu de khach chon do                           */
/* ======================================================================== */
:root{--teal:#0B7F78;--teal-d:#08655F;--teal-bg:#E7F5F3;--teal-ln:#9FD6CF}
/* nut phu: Xem chi tiet, mui ten, Xem them */
.cb-btn,.hd-go,.hotel-btn,.dh-btn:not(.light),.view,.dh-goc,.arr{background:var(--teal)!important;border-color:var(--teal)!important;color:#fff!important}
.cb-btn:hover,.hd-go:hover,.hotel-btn:hover,.dh-btn:not(.light):hover,.dh-card:hover .dh-goc,.hc:hover .view,.arr:hover{background:var(--teal-d)!important;border-color:var(--teal-d)!important}
.btn-o,.hd-tog{border-color:var(--teal)!important;color:var(--teal)!important;background:#fff!important}
.btn-o:hover,.hd-tog:hover{background:var(--teal)!important;color:#fff!important}
/* vach tieu de, o bieu tuong */
.tt{border-left-color:var(--teal)!important}
.vd-h{border-left-color:var(--teal)!important}
.vd-h::before{background:var(--teal)!important}
.q{background:var(--teal)!important;box-shadow:0 4px 10px -4px rgba(11,127,120,.55)!important}
/* nhan, tab, link */
.rib,.vl-tag{background:var(--teal)!important}
.dh-promo .pi{background:var(--teal)!important}
.cb-tabs button[aria-pressed="true"],.cbl-dest button[aria-pressed="true"]{background:var(--teal)!important;border-color:var(--teal)!important;color:#fff!important}
.cb-tabs button,.cb-tabs a,.cbl-dest button{border-color:var(--teal-ln)!important}
.ln,.ab-hero .ab-sum a:hover strong{color:var(--teal)!important}
.qa .av.a{background:var(--teal)!important}
.rv-s button{color:var(--teal)!important}
.hd-acc summary>.i{color:var(--teal)!important}
.rm-more{color:var(--teal)!important}
.hd-tabs a[aria-current],.hd-tabs a.on,.hd-tabs a.is-on,.hd-tabs a.active{color:var(--teal)!important;border-bottom-color:var(--teal)!important}
.hd-tabs a:hover{color:var(--teal)!important}
/* Mau phu = xanh duong thuong hieu (chi 2 mau: xanh + do) */
:root{--teal:#1E52BE;--teal-d:#153F96;--teal-bg:#EAF0FB;--teal-ln:#A9BEE8}
.q{box-shadow:0 4px 10px -4px rgba(30,82,190,.5)!important}
.hd-check .hd-go{background:#fff!important;border-color:#fff!important;color:var(--navy)!important;font-weight:800}
.hd-check .hd-go:hover{background:#EAF0FB!important;border-color:#EAF0FB!important}
/* Nhan uu dai + icon 4 o dau trang giu mau do */
.rib,.vl-tag,.dh-promo .pi{background:var(--red)!important}

/* Dai 15 nam + 4 o Deal Hot/Combo/Voucher/Tour: chu do */
.hv-15 .t1,.hv-15 .t1 b,.hv-15 .t2,.hv-pts span{color:var(--red)!important}
/* go mau .qt */
/* Deal Hot noi bat: nen xanh nhat cho web sang hon */
.dh-sec.dh-deep{background:linear-gradient(180deg,#EAF1FF 0%,#DDE8FC 100%)!important;color:var(--ink)}
.dh-deep::before,.dh-deep::after{display:none!important}
#h-rec{box-shadow:0 8px 20px -12px rgba(21,63,150,.35)}
/* Deal Hot: thu gon khoang trong giua 2 nhom */
#deal-noi-bat{padding:34px 0 30px!important}
#tat-ca-deal{padding:30px 0 44px!important}
#deal-noi-bat .dh-head,#tat-ca-deal .dh-head{margin-bottom:20px!important}
@container pg (max-width:767px){
  #deal-noi-bat{padding:22px 0 18px!important}
  #tat-ca-deal{padding:22px 0 30px!important}
  #deal-noi-bat .dh-head,#tat-ca-deal .dh-head{margin-bottom:14px!important}
}
/* The combo: tren anh chi so ngay (do); ten xanh dam; gia gon */
.cb-card .ph .du{position:absolute;left:10px;top:10px;right:auto;bottom:auto;display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:7px;background:var(--red)!important;color:#fff;font-size:13px;font-weight:800;box-shadow:0 4px 10px -4px rgba(0,0,0,.35)}
.cb-card .ph .du .i{font-size:14px}
.cb-card h3{font-size:17px;line-height:1.38;font-weight:800}
.cb-card h3 a{color:var(--navy)}
.cb-card h3 a:hover{color:var(--red)}
.cb-card .rt2{display:flex;align-items:flex-start;gap:6px;margin-top:-2px;font-size:14px;color:var(--muted)}
.cb-card .rt2 .i{margin-top:2px;color:var(--red)}
.cb-card .k{font-size:12px;letter-spacing:.05em;color:var(--muted)}
.cb-card .pf2{margin-top:auto;padding-top:12px;border-top:1px solid #E9EEF7;display:flex;flex-direction:column;gap:2px;line-height:1.3}
.cb-card .pf2 .o{font-size:13px;color:var(--muted)}
.cb-card .pf2 .o b{margin-left:4px;padding:1px 6px;border-radius:5px;background:var(--red);color:#fff;font-size:11.5px}
.cb-card .pf2 .v{font-size:21px;font-weight:800;color:var(--red)}
.cb-card .pf2 .v small{font-size:13px;font-weight:600;color:var(--muted)}
@container pg (max-width:767px){
  .cb-card h3{font-size:15.5px}
  .cb-card .rt2{font-size:13px}
  .cb-card .pf2 .v{font-size:18px}
  #combo-list .cb-card .rt2{display:none}
  #combo-list .cb-card .pf2{padding-top:6px;border-top:0}
  #combo-list .cb-card .pf2 .v{font-size:16px}
  #combo-list .cb-card .ph .du{display:inline-flex!important;left:6px;top:6px;padding:3px 7px;font-size:11.5px}
  #combo-list .cb-card .ph .du .i{display:none}
}
/* ======================================================================== */
/*  XANH SANG HON TOAN SITE (giu nguyen menu ngang tren cung .hdr)          */
/* ======================================================================== */
:root{--navy:#1F5CC8;--navy-d:#1A4FB0;--navy-dd:#2253BA;--teal:#2E6BDB;--teal-d:#2459C4;--teal-bg:#EEF4FF;--teal-ln:#B7CCF2}
.hdr{background:linear-gradient(180deg,#1E52BE,#1645A6)!important}
.ft{background:linear-gradient(180deg,#2A60CC 0%,#2253BA 100%)!important;color:#E3EBFA!important}
.ft a,.ft p,.ft li,.ft dd,.ft span{color:#E3EBFA}
.vd-price,.hd-check,.rv-s,.nd-cta{background:linear-gradient(135deg,#3B7BE6,#2E6BDB)!important}
.q{box-shadow:0 4px 10px -4px rgba(46,107,219,.5)!important}

/* Chi tiet blog: noi dung rong bang cac khoi khac (khong con cot hep 820px) */
.nd-in{width:min(1200px,100%)!important;padding-inline:15px}


/* ======================================================================== */
/*  TRANG TRONG: o tim kiem nam tren anh banner (.hv-hero) + duong dan SEO   */
/* ======================================================================== */
.hv-hero{position:relative}
.hv-hero:has(.bn) .sf{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);margin:0;width:min(860px,calc(100% - 48px));padding:12px 12px 12px 22px;border-radius:16px;background:rgba(255,255,255,.97);box-shadow:0 18px 40px -12px rgba(5,16,50,.45)}
.hv-hero .sf .sf-t{position:absolute;width:1px;height:1px;margin:0;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hv-hero .sf form{gap:16px}
.hv-hero .sf-f .i{font-size:34px}
.hv-hero .sf-b{height:52px;min-width:170px;border-radius:12px}
@container pg (max-width: 991px){
  .hv-hero:has(.bn) .sf{bottom:18px;width:calc(100% - 40px)}
  .hv-hero .sf-b{min-width:140px}
}
@container pg (max-width: 767px){
  .hv-hero:has(.bn) .sf{position:relative;left:auto;bottom:auto;transform:none;width:calc(100% - 30px);margin:-30px auto 0;padding:10px 10px 10px 14px;border-radius:14px}
  .hv-hero .sf form{flex-direction:row;align-items:center;gap:10px}
  .hv-hero .sf-f{flex:1 1 auto}
  .hv-hero .sf-f .i{font-size:26px}
  .hv-hero .sf-f .lb{font-size:11.5px}
  .hv-hero .sf-f input{font-size:15px}
  .hv-hero .sf-b{flex:0 0 auto;width:auto;min-width:0;height:46px;padding:0 18px;font-size:16px}
}

/* Duong dan (breadcrumb) - hv_breadcrumb() trong v2/icons.php */
.hv-bc{margin:0 0 14px}
.hv-bcw{padding-top:18px}
.hv-bc .bc{display:flex;flex-wrap:nowrap;align-items:center;gap:0;margin:0;padding:0;list-style:none;font-size:14px;line-height:1.4;color:var(--muted);overflow-x:auto;scrollbar-width:none;white-space:nowrap}
.hv-bc .bc::-webkit-scrollbar{display:none}
.hv-bc .bc li{display:inline-flex;align-items:center;flex:0 0 auto;min-width:0}
.hv-bc .bc li+li::before{content:"";flex:0 0 auto;width:6px;height:6px;margin:0 10px 0 8px;border-top:1.6px solid #9AA6C0;border-right:1.6px solid #9AA6C0;transform:rotate(45deg)}
.hv-bc .bc a{display:inline-flex;align-items:center;gap:6px;color:var(--navy);font-weight:500;text-decoration:none;border-radius:6px}
.hv-bc .bc a:hover,.hv-bc .bc a:focus-visible{color:var(--red);text-decoration:underline;text-underline-offset:3px}
.hv-bc .bc .i{font-size:16px;flex:0 0 auto}
.hv-bc .bc li[aria-current="page"]{flex:0 1 auto;color:var(--ink);font-weight:600}
.hv-bc .bc li[aria-current="page"] span{overflow:hidden;text-overflow:ellipsis}
@container pg (max-width: 767px){
  .hv-bc .bc{font-size:13px}
  .hv-bcw{padding-top:14px}
  .hv-bc .bc li[aria-current="page"]{max-width:62vw}
}