/* Vá header hvsc.vn 03/11/2026 – chỉ áp khi body.hvp (xem inc/hv-header-patch.php) */
/* 1. Menu ngắn (8 mục): căn giữa giữa logo và cụm icon cho cân */
@media (min-width:1100px){
.hvp .hh2.hh2.hh2{grid-template-columns:1fr auto 1fr}
.hvp .hh2 .brand{margin-right:0;justify-self:start}
.hvp .hh2__list{justify-content:center}
.hvp .hh2 .hh2__act{justify-self:end}
}
/* 2. Icon không viền */
.hvp .hh2-ib,.hvp .hh2-ib:hover,.hvp .hh2-ib[aria-expanded=true],.hvp .hh2-ib--acc,.hvp .hh2-ib--search,.hvp .hh2-accw:hover .hh2-ib--acc,.hvp .hh2-accw:focus-within .hh2-ib--acc{border-color:transparent!important}
/* 3. Chỉ Tìm kiếm + Tài khoản (+ "…") luôn hiện; cờ, đèn, nhạc nằm trong "…" */
@media (min-width:1100px){
.hvp .hh2.hh2 .hh2__act .hv-rd-wrap{display:none!important}
.hvp .hh2-ib--more,.hvp .hh2-pop--more{display:none!important}
.hvp .hh2 ~ .hh2-pop--more:not([hidden]),.hvp .hh2-pop--more:not([hidden]){display:grid!important}
.hvp .hh2-pop--more[hidden]{display:none!important}
}
/* 4. Giỏ hàng: ẩn mặc định; hiện khi giỏ có hàng hoặc đang ở trang giỏ/thanh toán */
.hvp .hh2-ib--cart{display:none!important}
.hvp.hvp-cartpg .hh2-ib--cart,.hvp-cart-has .hh2-ib--cart{display:inline-flex!important}
/* 5. Mega Dịch vụ: mỗi cột chạy dọc, không zigzag */
.hvp .hh2-gl.hvp-main{display:grid;grid-template-columns:1fr;gap:2px}
.hvp .hh2-g--air .hh2-gl--2{display:block;column-count:2;column-gap:10px}
.hvp .hh2-g--air .hh2-gl--2 li{break-inside:avoid}
.hvp-more{margin-top:6px}
.hvp-more>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:10px;font-weight:700;font-size:13.5px;color:var(--ink-2,#555)}
.hvp-more>summary::-webkit-details-marker{display:none}
.hvp-more>summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.hvp-more[open]>summary::after{transform:rotate(-135deg)}
.hvp-more>summary:hover,.hvp-more>summary:focus-visible{background:var(--veil,rgba(18,19,22,.06))}
.hvp-more .hh2-gl{margin-top:4px;display:grid;grid-template-columns:1fr;gap:2px}
/* 6. Mega Video chỉ còn 1 cột */
.hvp #hh2-m-vd{width:auto!important;min-width:340px;max-width:420px}
.hvp .tn-mega--vid .tn-mega__in{grid-template-columns:1fr}
/* Cờ ngôn ngữ luôn hiện, không viền */
.hvp .hh2.hh2 .hh2__act .hh2-ib--lang{display:inline-flex!important;border:0!important;background:transparent!important;box-shadow:none!important}
/* Mega một mảng: gọn, vừa nội dung */
.hvp .hh2-mega.hvp-one{width:auto!important;min-width:300px;max-width:440px}
.hvp #hh2-m-dv.hvp-one{max-width:520px}
.hvp .hvp-one .hh2-g--air .hh2-gl--2{column-count:2}
/* Nhạc + Sáng/Tối ra ngoài, không viền; bỏ nút "…" */
.hvp .hh2.hh2 .hh2__act .hvt-btn,.hvp .hh2.hh2 .hh2__act .hh2-ib--music{display:inline-flex!important;border:0!important;background:transparent!important;box-shadow:none!important}
/* Bảng nhạc: góc phải dưới thanh menu, kéo thả được */
.hvp .hvm-mini{left:auto;right:16px;bottom:auto;top:72px;touch-action:none;cursor:grab}
.hvp .hvm-mini.hvp-drag{cursor:grabbing;user-select:none}
.hvp .hvm-mini .hvm-trk,.hvp .hvm-mini button{cursor:pointer}
@media(max-width:480px){.hvp .hvm-mini{right:8px;top:64px;max-width:calc(100vw - 16px)}}
/* Vé máy bay: 7 dịch vụ chính đậm vừa phải, phần còn lại dịu hơn */
.hvp #hh2-m-dv .hh2-gl a{font-weight:400;opacity:.8}
.hvp #hh2-m-dv .hh2-gl a:is([href$="/quoc-te/"],[href$="/noi-dia/"],[href$="/thuong-gia/"],[href*="veduhoc.vn"],[href$="/canh-ve/"],[href$="/san-ve-re/"],[href$="/bang-dien-tu/"],[href$="/doanh-nghiep-b2b/"]){font-weight:600;opacity:1}
.hvp #hh2-m-dv .hh2-gl a:hover,.hvp #hh2-m-dv .hh2-gl a:focus-visible{opacity:1}
/* Công nghệ + Marketing: dịch vụ chính đậm vừa, nhóm bổ trợ dịu hơn (cùng kiểu Vé máy bay) */
.hvp #hh2-m-tech .hvp-main a,.hvp #hh2-m-mkt .hvp-main a{font-weight:600}
.hvp #hh2-m-tech .hvp-more a,.hvp #hh2-m-mkt .hvp-more a{font-weight:400;opacity:.8}
.hvp #hh2-m-tech .hvp-more a:hover,.hvp #hh2-m-mkt .hvp-more a:hover,.hvp #hh2-m-tech .hvp-more a:focus-visible,.hvp #hh2-m-mkt .hvp-more a:focus-visible{opacity:1}
.hvp #hh2-m-tech .hvp-more[open] ul,.hvp #hh2-m-mkt .hvp-more[open] ul{column-count:2;column-gap:10px}
.hvp #hh2-m-tech .hvp-more[open] li,.hvp #hh2-m-mkt .hvp-more[open] li{break-inside:avoid}
.hvp #hh2-m-tech:has(.hvp-more[open]),.hvp #hh2-m-mkt:has(.hvp-more[open]){max-width:520px}
.hvp #hh2-m-tech .hvp-more[open] .hh2-gl,.hvp #hh2-m-mkt .hvp-more[open] .hh2-gl{grid-template-columns:1fr 1fr;column-gap:10px}
/* Mở "Dịch vụ bổ trợ": panel dãn xuống, không cuộn, thấy cả "Xem tất cả" */
.hvp #hh2-m-tech.hvp-one,.hvp #hh2-m-mkt.hvp-one{max-height:none!important;overflow:visible!important}
/* Trang Công nghệ + Marketing: bỏ thanh chip menu 2 (menu chính đã có mega dịch vụ) */
/* Menu 2: chính hiện sẵn, còn lại mở bằng nút ">" */
.hvp [data-hvp-x] .hvp-chip-x{display:none}
.hvp [data-hvp-x] .hvp-chip-x:has(.is-on),.hvp [data-hvp-x] .hvp-chip-x.is-on,.hvp [data-hvp-x].hvp-chips-open .hvp-chip-x{display:list-item}
.hvp [data-hvp-x] .hh2-arr--r{display:inline-flex!important}
.hvp [data-hvp-x] .hh2-arr--l{display:none!important}
.hvp [data-hvp-x] .hh2-arr--r svg{transition:transform .2s}
.hvp [data-hvp-x].hvp-chips-open .hh2-arr--r svg{transform:rotate(90deg)}
.hvp [data-hvp-x].hvp-chips-open .hh2__chiplist{flex-wrap:wrap;overflow:visible;-webkit-mask-image:none;mask-image:none}
.hvp [data-hvp-x].hvp-chips-open .hh2__chipnav{height:auto;max-height:none}
/* Bỏ số điện thoại trong mega menu cho gọn */
.hvp .hh2-mega a[href^="tel:"]{display:none!important}
/* Góp ý: icon gọn bên phải + popup */
.hvp .vfb-tab{writing-mode:horizontal-tb!important;transform:none!important;width:40px!important;height:40px!important;min-width:0!important;padding:0!important;border-radius:50%!important;font-size:0!important;line-height:0!important;overflow:hidden;right:12px!important;display:flex;align-items:center;justify-content:center}
.hvp .vfb-tab::before{content:"💬";font-size:18px;line-height:1}
#hvp-fb{position:fixed;right:60px;z-index:100000;display:flex;flex-direction:column;gap:4px;padding:6px;border-radius:12px;background:#12162a;border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 30px rgba(0,0,0,.4)}
#hvp-fb[hidden]{display:none}
#hvp-fb button{all:unset;cursor:pointer;padding:10px 14px;border-radius:8px;color:#fff;font:600 14px/1.2 inherit;white-space:nowrap;min-height:24px}
#hvp-fb button:hover,#hvp-fb button:focus-visible{background:rgba(255,255,255,.12)}
.hvp [data-hvp-x].hvp-chips-open{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
.hvp [data-hvp-x].hvp-chips-open .hh2__chips-in{height:auto!important;align-items:flex-start!important;padding-block:8px}
.hvp [data-hvp-x].hvp-chips-open .hh2__chiplist{row-gap:8px}