/* WV Header – watch.vn */
.wvh{
	--wvh-p:#053199;--wvh-p2:#0b44c6;--wvh-red:#e4402b;--wvh-tx:#111827;--wvh-mu:#6b7280;--wvh-bd:#e6e9f0;--wvh-bg:#fff;--wvh-soft:#eef3fc;
	--wvh-w:1332px;--wvh-gut:16px;
	--wvh-f:Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
	--wvh-fn:"Roboto Condensed",Roboto,Arial,sans-serif;
	--wvh-top-bg:var(--wvh-p);--wvh-top-tx:#fff;--wvh-top-h:34px;--wvh-top-fs:13px;
	--wvh-mh:78px;--wvh-mh-m:56px;--wvh-logo-h:50px;--wvh-logo-h-m:28px;--wvh-mh-fix:62px;--wvh-fix-scale:.86;
	--wvh-s-h:46px;--wvh-s-maxw:640px;--wvh-s-bg:#f5f7fb;--wvh-s-bd:#dde3ee;--wvh-s-bw:1.5px;--wvh-s-r:10px;--wvh-s-btn-bg:var(--wvh-p);--wvh-s-btn-tx:#fff;--wvh-hl:var(--wvh-p);
	--wvh-ic-bg:var(--wvh-soft);--wvh-ic-tx:var(--wvh-p);--wvh-act-tx:var(--wvh-tx);--wvh-act-sub:var(--wvh-mu);--wvh-badge-bg:var(--wvh-red);
	--wvh-nav-bg:#fff;--wvh-nav-tx:#1b2232;--wvh-nav-hover:var(--wvh-p);--wvh-nav-line:var(--wvh-p);--wvh-nav-h:48px;--wvh-nav-fs:15.5px;--wvh-nav-fw:700;--wvh-nav-tt:uppercase;--wvh-nav-px:14px;--wvh-nav-align:space-between;--wvh-nav-bt:1px;
	--wvh-mega-bg:#fff;--wvh-mega-r:16px;--wvh-mega-sh:0 28px 48px -16px rgba(5,25,80,.24);--wvh-card-bd:var(--wvh-bd);--wvh-card-r:12px;--wvh-img-bg:#f4f5f8;
	--wvh-fix-sh:0 6px 24px rgba(5,25,80,.12);
	--wvh-dr-w:360px;--wvh-dr-bg:#fff;
	position:relative;font-family:var(--wvh-f);color:var(--wvh-tx);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;
}
.wvh *,.wvh *::before,.wvh *::after{box-sizing:border-box}
.wvh.wvh a{color:inherit;text-decoration:none}
.wvh button,.wvh button:hover,.wvh button:focus{background:none;border:0;border-radius:0;box-shadow:none;color:inherit;font:inherit;letter-spacing:normal;margin:0;padding:0;text-transform:none;cursor:pointer;line-height:1.2;min-height:0;width:auto}
.wvh ul{list-style:none;margin:0;padding:0}
.wvh img{max-width:100%;border:0;border-radius:0;box-shadow:none}
.wvh .wvh-i{width:20px;height:20px;fill:currentColor;flex:none;display:block}
.wvh-in{max-width:var(--wvh-w);margin:0 auto;padding:0 var(--wvh-gut);position:relative}

/* ---------- Khung dính ---------- */
.wvh-bar{position:relative;z-index:990;background:var(--wvh-bg);width:100%}
.wvh.is-fixed .wvh-bar{position:fixed;left:0;right:0;top:var(--wvh-adm,0px);box-shadow:var(--wvh-fix-sh);animation:wvh-drop .28s ease backwards;transition:transform .28s cubic-bezier(.2,.7,.2,1)}
.wvh.is-fixed.is-hide .wvh-bar{transform:translateY(calc(-100% - 12px))}
.wvh.is-fixed .wvh-top{display:none}
.wvh.is-fixed .wvh-main .wvh-in{height:var(--wvh-mh-fix)}
.wvh.is-fixed .wvh-logo img{height:calc(var(--wvh-logo-h) * var(--wvh-fix-scale))}
@keyframes wvh-drop{from{transform:translateY(-100%)}to{transform:none}}

/* ---------- Thanh thông báo ---------- */
.wvh-top{background:var(--wvh-top-bg);color:var(--wvh-top-tx);font-size:var(--wvh-top-fs)}
.wvh-top .wvh-in{display:flex;align-items:center;gap:20px;height:var(--wvh-top-h)}
.wvh-msgs{position:relative;flex:1;height:100%;overflow:hidden;min-width:0}
.wvh-msgs span{position:absolute;inset:0;display:flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translateY(70%);transition:opacity .4s,transform .4s;pointer-events:none}
.wvh-msgs span.is-on{opacity:1;transform:none;pointer-events:auto}
.wvh-msgs span.is-out{opacity:0;transform:translateY(-70%)}
.wvh-msgs span::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.55;margin-right:10px;flex:none}
.wvh-tl{display:flex;align-items:center;flex:none}
.wvh.wvh .wvh-tl a{color:var(--wvh-top-tx);padding:0 12px;opacity:.92;transition:opacity .2s;position:relative;white-space:nowrap}
.wvh .wvh-tl a+a::before{content:"";position:absolute;left:0;top:50%;height:12px;margin-top:-6px;width:1px;background:currentColor;opacity:.35}
.wvh.wvh .wvh-tl a:hover{opacity:1;text-decoration:underline;text-underline-offset:3px}
.wvh .wvh-tl a:last-child{padding-right:0}

/* ---------- Hàng logo ---------- */
.wvh-main{background:var(--wvh-bg)}
.wvh-main .wvh-in{display:flex;align-items:center;gap:24px;height:var(--wvh-mh);transition:height .2s}
.wvh .wvh-logo{display:flex;align-items:center;flex:none}
.wvh .wvh-logo img{height:var(--wvh-logo-h);width:auto;max-width:none;display:block;transition:height .2s}
.wvh .wvh-logo b{font:700 26px/1 var(--wvh-fn);color:var(--wvh-p);letter-spacing:.5px}
.wvh.wvh .wvh-burger,.wvh.wvh .wvh-act.wvh-sopen{display:none}

/* Tìm kiếm */
.wvh .wvh-search{position:relative;flex:1;max-width:var(--wvh-s-maxw);display:flex;align-items:center;height:var(--wvh-s-h);background:var(--wvh-s-bg);border:var(--wvh-s-bw) solid var(--wvh-s-bd);border-radius:var(--wvh-s-r);margin:0 auto 0 8px;transition:border-color .2s,box-shadow .2s,background .2s}
.wvh .wvh-search:focus-within,.wvh .wvh-search.is-open{border-color:var(--wvh-p);background:#fff;box-shadow:0 0 0 4px rgba(5,49,153,.1)}
.wvh .wvh-s-ic{color:var(--wvh-mu);padding:0 2px 0 14px;display:flex}
.wvh .wvh-s-ic .wvh-i{width:19px;height:19px}
.wvh .wvh-search .wvh-s-in{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;box-shadow:none;padding:0 10px;margin:0;font:400 14.5px/1 var(--wvh-f);color:var(--wvh-tx);-webkit-appearance:none;appearance:none;border-radius:0}
.wvh .wvh-search .wvh-s-in:focus{border:0;box-shadow:none;outline:0}
.wvh .wvh-s-in::placeholder{color:#8a92a3;opacity:1}
.wvh .wvh-s-in::-webkit-search-cancel-button,.wvh .wvh-s-in::-webkit-search-decoration{-webkit-appearance:none}
.wvh .wvh-search .wvh-s-x{display:none;width:28px;height:28px;border-radius:50%;align-items:center;justify-content:center;color:var(--wvh-mu);margin-right:4px}
.wvh .wvh-search .wvh-s-x:hover{background:#e9edf5;color:var(--wvh-tx)}
.wvh .wvh-s-x .wvh-i{width:16px;height:16px}
.wvh .wvh-search.has-q .wvh-s-x{display:flex}
.wvh .wvh-s-kbd{font:600 11px/1 var(--wvh-f);color:var(--wvh-mu);border:1px solid #cfd5e1;border-bottom-width:2px;border-radius:5px;padding:3px 6px;margin-right:8px;background:#fff}
.wvh .wvh-search:focus-within .wvh-s-kbd,.wvh .wvh-search.has-q .wvh-s-kbd{display:none}
.wvh .wvh-search .wvh-s-btn{display:flex;align-items:center;gap:6px;height:calc(100% - 8px);margin:4px;padding:0 18px;border-radius:calc(var(--wvh-s-r) - 3px);background:var(--wvh-s-btn-bg);color:var(--wvh-s-btn-tx);font:600 14px/1 var(--wvh-f);transition:filter .2s,transform .1s;white-space:nowrap}
.wvh .wvh-search .wvh-s-btn:hover{background:var(--wvh-s-btn-bg);color:var(--wvh-s-btn-tx);filter:brightness(1.12)}
.wvh .wvh-search .wvh-s-btn:active{transform:scale(.97)}
.wvh .wvh-s-btn .wvh-i{width:17px;height:17px}

/* Kết quả tìm kiếm */
.wvh-sr{position:absolute;left:-2px;top:calc(100% + 8px);width:max(calc(100% + 4px),700px);background:#fff;border:1px solid var(--wvh-bd);border-radius:14px;box-shadow:0 24px 56px -12px rgba(5,25,80,.28);z-index:30;overflow:hidden;animation:wvh-fade .16s ease both}
.wvh-sr[hidden]{display:none}
@keyframes wvh-fade{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.wvh-sr-cols{display:grid;grid-template-columns:210px minmax(0,1fr);max-height:min(70vh,560px)}
.wvh-sr-side{background:#f8f9fc;border-right:1px solid var(--wvh-bd);padding:14px 10px;overflow:auto}
.wvh-sr-main{padding:14px 12px;overflow:auto;min-width:0}
.wvh-sr-h{font:700 11.5px/1 var(--wvh-f);text-transform:uppercase;letter-spacing:.07em;color:var(--wvh-mu);margin:2px 6px 10px;display:flex;justify-content:space-between;align-items:center}
.wvh-sr-h button{font-size:11.5px;text-transform:none;letter-spacing:0;color:var(--wvh-p);font-weight:500}
.wvh.wvh .wvh-sr-cat{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;font-size:14px;color:var(--wvh-tx)}
.wvh .wvh-sr-cat small{color:var(--wvh-mu);font-size:12px;flex:none}
.wvh.wvh .wvh-sr-cat:hover,.wvh.wvh .wvh-sr-cat.is-act{background:#fff;color:var(--wvh-p);box-shadow:0 1px 0 var(--wvh-bd)}
.wvh.wvh .wvh-sr-it{display:flex;align-items:center;gap:12px;padding:7px 8px;border-radius:10px;color:var(--wvh-tx)}
.wvh.wvh .wvh-sr-it:hover,.wvh.wvh .wvh-sr-it.is-act{background:var(--wvh-soft)}
.wvh-sr-im{position:relative;width:52px;height:52px;border-radius:8px;background:var(--wvh-img-bg);flex:none;overflow:hidden}
.wvh-sr-im img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.wvh-sr-tx{flex:1;min-width:0}
.wvh-sr-tx b{display:block;font-weight:500;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wvh .wvh-sr mark{background:none;color:var(--wvh-hl);font-weight:700;padding:0}
.wvh-sr-tx small{display:block;color:var(--wvh-mu);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wvh-sr-pz{text-align:right;flex:none;line-height:1.25}
.wvh-sr-pz ins{display:block;text-decoration:none;color:var(--wvh-red);font-weight:700;font-size:14px}
.wvh-sr-pz del{display:block;color:var(--wvh-mu);font-size:12px}
.wvh-sr-pz i{font-style:normal;display:inline-block;background:#fdecea;color:var(--wvh-red);font-size:11px;font-weight:700;padding:1px 5px;border-radius:4px;margin-left:4px}
.wvh-sr-oos{color:var(--wvh-mu);font-size:11.5px}
.wvh.wvh .wvh-sr-all{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;border-top:1px solid var(--wvh-bd);font-weight:600;color:var(--wvh-p);font-size:14px;background:#fff}
.wvh.wvh .wvh-sr-all:hover,.wvh.wvh .wvh-sr-all.is-act{background:var(--wvh-soft)}
.wvh-sr-all .wvh-i{width:16px;height:16px}
.wvh-sr-empty{padding:28px 20px;text-align:center;color:var(--wvh-mu)}
.wvh-sr-empty b{display:block;color:var(--wvh-tx);font-size:15px;margin-bottom:4px}
.wvh-sr-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 6px 16px}
.wvh.wvh .wvh-sr-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#f1f4f9;font-size:13px;color:var(--wvh-tx);border:1px solid transparent}
.wvh.wvh .wvh-sr-chip:hover,.wvh.wvh .wvh-sr-chip.is-act{border-color:var(--wvh-p);color:var(--wvh-p);background:#fff}
.wvh-sr-chip .wvh-i{width:14px;height:14px;opacity:.6}
.wvh-sr-pop{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 8px}
.wvh-sr-load{padding:24px;text-align:center;color:var(--wvh-mu)}

/* Nút hotline / cửa hàng / giỏ */
.wvh-acts{display:flex;align-items:center;gap:20px;flex:none}
.wvh.wvh .wvh-act{display:flex;align-items:center;gap:10px;color:var(--wvh-act-tx)}
.wvh-act-ic{position:relative;width:42px;height:42px;border-radius:50%;background:var(--wvh-ic-bg);color:var(--wvh-ic-tx);display:flex;align-items:center;justify-content:center;flex:none;transition:background .2s,color .2s}
.wvh-act-ic .wvh-i{width:21px;height:21px}
.wvh .wvh-act:hover .wvh-act-ic{background:var(--wvh-ic-tx);color:#fff}
.wvh-act-tx{display:flex;flex-direction:column;line-height:1.25}
.wvh-act-tx small{font-size:12px;color:var(--wvh-act-sub)}
.wvh-act-tx b{font-size:14.5px;font-weight:700;white-space:nowrap}
.wvh .wvh-act:hover .wvh-act-tx b{color:var(--wvh-p)}
.wvh--ring .wvh-hot .wvh-act-ic::before,.wvh--ring .wvh-hot .wvh-act-ic::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--wvh-ic-tx);opacity:0;animation:wvh-ring 2.4s ease-out infinite}
.wvh--ring .wvh-hot .wvh-act-ic::after{animation-delay:1.2s}
.wvh--ring .wvh-hot .wvh-act-ic .wvh-i{animation:wvh-shake 2.4s ease-in-out infinite}
@keyframes wvh-ring{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.65);opacity:0}}
@keyframes wvh-shake{0%,60%,100%{transform:none}64%{transform:rotate(-14deg)}70%{transform:rotate(12deg)}76%{transform:rotate(-8deg)}82%{transform:rotate(4deg)}}
.wvh-cart-n{position:absolute;top:-4px;right:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--wvh-badge-bg);color:#fff;font:700 11px/16px var(--wvh-f);text-align:center;border:2px solid #fff}
.wvh-cart-n[data-n="0"]{display:none}
.wvh-cart-n.is-pop{animation:wvh-pop .5s ease}
@keyframes wvh-pop{0%{transform:scale(1)}40%{transform:scale(1.4)}100%{transform:scale(1)}}

/* ---------- Thanh menu ---------- */
.wvh-nav{background:var(--wvh-nav-bg);border-top:var(--wvh-nav-bt) solid var(--wvh-bd);border-bottom:1px solid var(--wvh-bd);position:relative}
.wvh .wvh-menu{display:flex;justify-content:var(--wvh-nav-align);height:var(--wvh-nav-h);margin:0 calc(var(--wvh-nav-px) * -1)}
.wvh-li{display:flex;position:static}
.wvh-li.has-dd{position:relative}
.wvh.wvh .wvh-a{display:flex;align-items:center;gap:6px;height:100%;padding:0 var(--wvh-nav-px);font-family:var(--wvh-fn);font-size:var(--wvh-nav-fs);font-weight:var(--wvh-nav-fw);text-transform:var(--wvh-nav-tt);color:var(--wvh-nav-tx);letter-spacing:.2px;white-space:nowrap;position:relative;transition:color .2s;line-height:1}
.wvh .wvh-a::after{content:"";position:absolute;left:var(--wvh-nav-px);right:var(--wvh-nav-px);bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--wvh-nav-line);transform:scaleX(0);transition:transform .22s ease}
.wvh.wvh .wvh-li:hover>.wvh-a,.wvh.wvh .wvh-li.is-open>.wvh-a,.wvh.wvh .wvh-li.is-cur>.wvh-a{color:var(--wvh-nav-hover)}
.wvh .wvh-li:hover>.wvh-a::after,.wvh .wvh-li.is-open>.wvh-a::after,.wvh .wvh-li.is-cur>.wvh-a::after{transform:scaleX(1)}
.wvh .wvh-a .wvh-i{width:16px;height:16px;transition:transform .2s;opacity:.7}
.wvh .wvh-li.is-open>.wvh-a>.wvh-i:last-child{transform:rotate(180deg)}
.wvh.wvh .wvh-li.is-hot>.wvh-a{color:var(--wvh-red)}
.wvh .wvh-li.is-hot>.wvh-a::after{background:var(--wvh-red)}
.wvh .wvh-li.is-hot>.wvh-a>.wvh-i:first-child{opacity:1;width:17px;height:17px;animation:wvh-flick 1.6s ease-in-out infinite}
@keyframes wvh-flick{0%,100%{transform:scale(1)}50%{transform:scale(1.15) rotate(-6deg)}}
.wvh-badge{font:700 10px/1 var(--wvh-f);font-style:normal;background:var(--wvh-red);color:#fff;padding:3px 5px;border-radius:4px;letter-spacing:.3px;animation:wvh-blink 1.4s ease-in-out infinite;transform:translateY(-1px)}
@keyframes wvh-blink{50%{opacity:.55}}

/* Dropdown nhỏ */
.wvh .wvh-dd{position:absolute;top:100%;left:0;min-width:230px;background:var(--wvh-mega-bg);border-radius:0 0 12px 12px;box-shadow:var(--wvh-mega-sh);padding:8px;border-top:1px solid var(--wvh-bd);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s,transform .18s,visibility 0s .18s;z-index:6}
.wvh-li.is-open>.wvh-dd{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.wvh.wvh .wvh-dd a{display:block;padding:10px 12px;border-radius:8px;font-size:14.5px;color:var(--wvh-tx)}
.wvh.wvh .wvh-dd a:hover{background:var(--wvh-soft);color:var(--wvh-p)}

/* Mega */
.wvh-mega{position:absolute;left:0;right:0;top:100%;background:var(--wvh-mega-bg);border-top:1px solid var(--wvh-bd);border-radius:0 0 var(--wvh-mega-r) var(--wvh-mega-r);box-shadow:var(--wvh-mega-sh);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility 0s .2s;z-index:5;max-height:calc(100vh - 150px);overflow:auto;overscroll-behavior:contain}
.wvh-li.is-open>.wvh-mega,.wvh:not(.is-js) .wvh-li:hover>.wvh-mega,.wvh:not(.is-js) .wvh-li:hover>.wvh-dd{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.wvh-mega>.wvh-in{padding-top:22px;padding-bottom:24px}
.wvh-h{font:700 12px/1 var(--wvh-f);text-transform:uppercase;letter-spacing:.07em;color:var(--wvh-mu);margin:4px 0 14px;display:flex;justify-content:space-between;align-items:center}
.wvh-h small{text-transform:none;letter-spacing:0;font-weight:500;font-size:12px}

.wvh-mb{display:grid;grid-template-columns:230px 1fr;gap:28px}
.wvh-mb-tabs{display:flex;flex-direction:column;gap:4px;padding-right:20px;border-right:1px solid var(--wvh-bd)}
.wvh.wvh .wvh-mb-tab{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;border:1px solid transparent;color:var(--wvh-tx);transition:background .15s,border-color .15s}
.wvh-mb-logo{flex:0 0 100px;height:30px;display:flex;align-items:center}
.wvh-mb-logo img{max-height:28px;max-width:100px;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply}
.wvh-mb-logo b{font:700 16px var(--wvh-fn)}
.wvh-mb-tab small{flex:1;text-align:right;color:var(--wvh-mu);font-size:12px}
.wvh-mb-tab .wvh-i{width:16px;height:16px;color:#b3b9c6;transition:transform .15s,color .15s}
.wvh.wvh .wvh-mb-tab.is-on{background:var(--wvh-soft);border-color:rgba(5,49,153,.14)}
.wvh-mb-tab.is-on .wvh-i{color:var(--wvh-p);transform:translateX(2px)}
.wvh.wvh .wvh-mb-alltab{display:flex;align-items:center;gap:4px;margin-top:8px;padding:10px 12px;font-weight:600;color:var(--wvh-p);font-size:14px}
.wvh-mb-alltab .wvh-i{width:16px;height:16px}
.wvh-mb-pane{display:none}
.wvh-mb-pane.is-on{display:block;animation:wvh-fade .2s ease both}
.wvh-mb-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding-bottom:14px;margin-bottom:18px;border-bottom:1px solid var(--wvh-bd)}
.wvh-mb-head b{display:block;font:700 24px/1.1 var(--wvh-fn);text-transform:uppercase;color:var(--wvh-p);letter-spacing:.3px}
.wvh-mb-head span{display:block;color:var(--wvh-mu);font-size:13px;margin-top:4px}
.wvh.wvh .wvh-all{display:inline-flex;align-items:center;gap:4px;font-weight:600;font-size:14px;color:var(--wvh-p);white-space:nowrap;padding:8px 14px;border-radius:999px;background:var(--wvh-soft);transition:background .2s,color .2s}
.wvh.wvh .wvh-all:hover{background:var(--wvh-p);color:#fff}
.wvh-all .wvh-i{width:16px;height:16px}
.wvh-mb-body{display:grid;grid-template-columns:190px 1fr;gap:28px}
.wvh-mb-body.has-series{grid-template-columns:190px 1fr 280px}
.wvh.wvh .wvh-mb-links a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;border-radius:8px;font-size:14.5px;color:var(--wvh-tx);transition:background .15s,color .15s}
.wvh-mb-links small{font-size:12px;color:var(--wvh-mu)}
.wvh.wvh .wvh-mb-links a:hover{background:var(--wvh-soft);color:var(--wvh-p)}

/* Nút Đóng tìm kiếm (chỉ điện thoại) */
.wvh.wvh .wvh-s-cancel{display:none;align-items:center;height:100%;padding:0 14px 0 6px;font:600 15px/1 var(--wvh-f);color:var(--wvh-p);white-space:nowrap}

/* Tab các dòng trong mega Thương hiệu */
.wvh-st-tabs{display:flex;gap:6px;margin:-4px 0 12px;flex-wrap:wrap}
.wvh.wvh .wvh-st-tab{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:#f1f4f9;font-size:13px;font-weight:600;color:var(--wvh-tx);border:1px solid transparent;transition:background .15s,color .15s}
.wvh-st-tab small{font-size:11px;font-weight:700;color:var(--wvh-mu);background:#fff;border-radius:999px;padding:1px 6px}
.wvh.wvh .wvh-st-tab.is-on,.wvh.wvh .wvh-st-tab:hover{background:var(--wvh-p);color:#fff}
.wvh-st-tab.is-on small,.wvh-st-tab:hover small{color:var(--wvh-p)}
.wvh .wvh-st-pan{display:none}
.wvh .wvh-st-pan.is-on{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;animation:wvh-fade .18s ease both}
.wvh.wvh .wvh-st .wvh-sc{gap:7px;padding:5px 6px 5px 5px}
.wvh .wvh-st .wvh-sc-im{width:34px;height:34px;border-radius:6px}
.wvh .wvh-st .wvh-sc-tx b{font-size:14px}
.wvh .wvh-st .wvh-sc-tx small{font-size:11px}

/* Gợi ý sản phẩm đổi theo rê chuột */
.wvh .wvh-best .wvh-h{min-height:14px}
.wvh-best-h{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wvh.wvh .wvh-shuf{display:inline-flex;align-items:center;gap:4px;font:600 12px/1 var(--wvh-f);text-transform:none;letter-spacing:0;color:var(--wvh-p);padding:5px 9px;border-radius:999px;background:var(--wvh-soft);flex:none}
.wvh.wvh .wvh-shuf:hover{background:var(--wvh-p);color:#fff}
.wvh .wvh-shuf[hidden]{display:none}
.wvh .wvh-shuf .wvh-i{width:13px;height:13px}
.wvh-best-list{animation:wvh-fade .2s ease both}
.wvh [data-pk].wvh-sc:hover,.wvh .wvh-mb-links a[data-pk]:hover{cursor:pointer}

/* Logo vuông: cắt dải giữa */
.wvh .wvh-mb-logo img.wvh-sq{width:100px;height:30px;max-height:none;max-width:none;object-fit:cover}
.wvh .wvh-gb-logo img.wvh-sq{width:78px;height:24px;max-height:none;max-width:none;object-fit:cover}
.wvh .wvh-dr-brands img.wvh-sq{width:96px;height:26px;max-height:none;max-width:none;object-fit:cover}

/* Ô dòng sản phẩm */
.wvh-sgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.wvh-sgrid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.wvh.wvh .wvh-sc{position:relative;display:flex;align-items:center;gap:10px;padding:6px 10px 6px 6px;border:1px solid var(--wvh-card-bd);border-radius:var(--wvh-card-r);background:#fff;color:var(--wvh-tx);transition:border-color .15s,box-shadow .15s,transform .15s}
.wvh.wvh .wvh-sc:hover{border-color:var(--wvh-p);box-shadow:0 6px 16px -8px rgba(5,49,153,.35);transform:translateY(-1px)}
.wvh-sc-im{width:42px;height:42px;border-radius:8px;background:var(--wvh-img-bg);overflow:hidden;flex:none;display:block}
.wvh-sc-im img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;display:block}
.wvh-sc-tx{min-width:0;line-height:1.2}
.wvh-sc-tx b{display:block;font:700 15px/1.15 var(--wvh-fn);letter-spacing:.2px}
.wvh-sc-tx small{display:block;color:var(--wvh-mu);font-size:11.5px;margin-top:2px}
.wvh-sc:hover .wvh-sc-tx b{color:var(--wvh-p)}
.wvh-new{position:absolute;top:-7px;right:8px;font:700 9.5px/1 var(--wvh-f);font-style:normal;background:var(--wvh-red);color:#fff;padding:3px 5px;border-radius:4px;letter-spacing:.3px}
.wvh-noimg{display:block;width:100%;height:100%;background:linear-gradient(135deg,#eef1f6,#f7f8fb)}

/* Sản phẩm */
.wvh.wvh .wvh-pr{display:flex;align-items:center;gap:12px;padding:6px;border-radius:10px;color:var(--wvh-tx);transition:background .15s}
.wvh.wvh .wvh-pr:hover{background:var(--wvh-soft)}
.wvh-pr+.wvh-pr{margin-top:2px}
.wvh-pr-im,.wvh-pc-im{position:relative;display:block;background:var(--wvh-img-bg);border-radius:8px;overflow:hidden;flex:none}
.wvh-pr-im{width:60px;height:60px}
.wvh-pr-im img,.wvh-pc-im img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;display:block}
.wvh-pr-im em,.wvh-pc-im em{position:absolute;top:4px;left:4px;font:700 10px/1 var(--wvh-f);font-style:normal;background:var(--wvh-red);color:#fff;padding:3px 4px;border-radius:4px}
.wvh-pr-tx{min-width:0;flex:1}
.wvh-pr-tx b{display:block;font-weight:500;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wvh-pr-pz{display:block;margin-top:2px}
.wvh-pr-pz ins{text-decoration:none;color:var(--wvh-red);font-weight:700;font-size:14px}
.wvh-pr-pz del{color:var(--wvh-mu);font-size:12px;margin-left:6px}
.wvh-pgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.wvh.wvh .wvh-pc{display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid var(--wvh-card-bd);border-radius:var(--wvh-card-r);color:var(--wvh-tx);transition:border-color .15s,box-shadow .15s,transform .15s}
.wvh.wvh .wvh-pc:hover{border-color:var(--wvh-p);box-shadow:0 10px 24px -14px rgba(5,49,153,.45);transform:translateY(-2px)}
.wvh-pc-im{aspect-ratio:1/1;width:100%}
.wvh-pc b{font-weight:500;font-size:13.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
.wvh-pc .wvh-pr-pz del{display:block;margin:0}

/* Mega Nam/Nữ */
.wvh-mg{display:grid;grid-template-columns:250px 1fr 290px;gap:30px}
.wvh-mg.no-series{grid-template-columns:250px 1fr}
.wvh.wvh .wvh-gb{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--wvh-card-bd);border-radius:var(--wvh-card-r);color:var(--wvh-tx);margin-bottom:8px;transition:border-color .15s,background .15s}
.wvh.wvh .wvh-gb:hover{border-color:var(--wvh-p);background:var(--wvh-soft)}
.wvh-gb-logo{flex:0 0 78px;height:24px;display:flex;align-items:center}
.wvh-gb-logo img{max-height:22px;max-width:78px;object-fit:contain;mix-blend-mode:multiply}
.wvh-gb-tx{flex:1;min-width:0;line-height:1.25}
.wvh-gb-tx b{display:block;font-weight:600;font-size:14px}
.wvh-gb-tx small{color:var(--wvh-mu);font-size:12px}
.wvh-gb .wvh-i{width:16px;height:16px;color:#b3b9c6}
.wvh-gb:hover .wvh-i{color:var(--wvh-p)}
.wvh-gx{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.wvh.wvh .wvh-gx a{padding:6px 11px;border-radius:999px;background:#f1f4f9;font-size:13px;color:var(--wvh-tx);transition:background .15s,color .15s}
.wvh.wvh .wvh-gx a:hover{background:var(--wvh-p);color:#fff}

/* ---------- Menu mobile ---------- */
.wvh-scrim{position:fixed;inset:0;background:rgba(8,16,40,.5);z-index:2147483000;opacity:0;transition:opacity .25s;-webkit-tap-highlight-color:transparent}
.wvh-scrim[hidden]{display:none}
.wvh.is-dr .wvh-scrim{opacity:1}
.wvh-drawer{position:fixed;top:0;bottom:0;left:0;width:min(var(--wvh-dr-w),88vw);background:var(--wvh-dr-bg);z-index:2147483001;transform:translateX(-102%);transition:transform .3s cubic-bezier(.2,.7,.2,1),visibility 0s .3s;visibility:hidden;display:flex;flex-direction:column;box-shadow:12px 0 40px rgba(8,16,40,.18)}
.wvh.is-dr .wvh-drawer{transform:none;visibility:visible;transition-delay:0s}
.wvh-dr-hd{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 12px 16px;border-bottom:1px solid var(--wvh-bd)}
.wvh .wvh-dr-hd .wvh-logo img{height:var(--wvh-logo-h-m)}
.wvh .wvh-dr-x{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f1f4f9}
.wvh-dr-bd{flex:1;overflow:auto;overscroll-behavior:contain;padding:6px 0 16px}
.wvh-dr-li{border-bottom:1px solid #f0f2f6}
.wvh.wvh .wvh-dr-a{display:flex;align-items:center;gap:8px;width:100%;padding:14px 16px;font:700 15.5px/1.2 var(--wvh-fn);text-transform:var(--wvh-nav-tt);color:var(--wvh-nav-tx);text-align:left}
.wvh .wvh-dr-a span{flex:1}
.wvh .wvh-dr-a .wvh-i{width:18px;height:18px;opacity:.6;transition:transform .2s}
.wvh .wvh-dr-li.is-open>.wvh-dr-a{color:var(--wvh-p)}
.wvh .wvh-dr-li.is-open>.wvh-dr-a>.wvh-i:last-child{transform:rotate(180deg)}
.wvh.wvh .wvh-dr-li.is-hot>.wvh-dr-a{color:var(--wvh-red)}
.wvh .wvh-dr-li.is-hot>.wvh-dr-a>.wvh-i:first-child{opacity:1;width:17px;height:17px}
.wvh-dr-pan{display:none;padding:0 16px 14px}
.wvh-dr-li.is-open>.wvh-dr-pan{display:block;animation:wvh-fade .2s ease both}
.wvh-dr-brands{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.wvh.wvh .wvh-dr-brands a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:68px;border:1px solid var(--wvh-bd);border-radius:10px;padding:8px;color:var(--wvh-tx)}
.wvh-dr-brands img{max-height:22px;max-width:90%;object-fit:contain;mix-blend-mode:multiply}
.wvh-dr-brands small{font-size:11.5px;color:var(--wvh-mu)}
.wvh.wvh .wvh-dr-sub a{display:flex;justify-content:space-between;padding:10px 12px;border-radius:8px;font-size:15px;color:var(--wvh-tx);background:#f7f8fb;margin-bottom:4px}
.wvh-dr-sub small{color:var(--wvh-mu);font-size:12px}
.wvh-dr-h{font:700 11.5px/1 var(--wvh-f);text-transform:uppercase;letter-spacing:.07em;color:var(--wvh-mu);margin:14px 0 8px}
.wvh-dr-chips{display:flex;flex-wrap:wrap;gap:6px}
.wvh.wvh .wvh-dr-chips a{position:relative;padding:7px 11px;border:1px solid var(--wvh-bd);border-radius:8px;font:700 14px/1 var(--wvh-fn);color:var(--wvh-tx)}
.wvh-dr-chips .wvh-new{top:-6px;right:-4px}
.wvh.wvh .wvh-dr-all{display:flex;align-items:center;gap:4px;margin-top:10px;font-weight:600;color:var(--wvh-p);font-size:14px}
.wvh-dr-all .wvh-i{width:16px;height:16px}
.wvh-dr-tl{display:flex;flex-direction:column;padding:12px 16px 0}
.wvh.wvh .wvh-dr-tl a{padding:10px 0;color:var(--wvh-mu);font-size:14px}
.wvh.wvh .wvh-dr-call{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 16px calc(12px + env(safe-area-inset-bottom));height:48px;border-radius:12px;background:var(--wvh-p);color:#fff;font-weight:700;font-size:16px}
.wvh-dr-call .wvh-i{width:20px;height:20px}

/* ---------- Tablet / điện thoại ---------- */
@media (max-width:1180px){
	.wvh{--wvh-nav-px:10px;--wvh-nav-fs:14.5px}
	.wvh .wvh-store .wvh-act-tx{display:none}
	.wvh-acts{gap:14px}
	.wvh .wvh-s-kbd{display:none}
}
@media (max-width:1024px){
	.wvh-top .wvh-in{justify-content:center;height:30px}
	.wvh-top{font-size:12px}
	.wvh-tl,.wvh-nav{display:none}
	.wvh-msgs span{justify-content:center}
	.wvh-main .wvh-in{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"bg lg ac" "sr sr sr";column-gap:8px;row-gap:0;height:auto;padding-top:6px;padding-bottom:10px}
	.wvh.wvh .wvh-burger{display:flex;grid-area:bg;width:40px;height:40px;align-items:center;justify-content:center;margin-left:-8px;color:var(--wvh-tx)}
	.wvh .wvh-burger .wvh-i{width:24px;height:24px}
	.wvh .wvh-logo{grid-area:lg;height:var(--wvh-mh-m);min-width:0}
	.wvh .wvh-logo img,.wvh.is-fixed .wvh-logo img{height:var(--wvh-logo-h-m);max-width:100%;object-fit:contain;object-position:left center}
	.wvh-sr-tx b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}
	.wvh-sr-tx small{display:none}
	.wvh-sr-tx small.wvh-sr-oos{display:block}
	.wvh-acts{grid-area:ac;gap:4px}
	.wvh .wvh-act-tx{display:none}
	.wvh.wvh .wvh-store{display:none}
	.wvh .wvh-act-ic{width:40px;height:40px;background:transparent;color:var(--wvh-tx)}
	.wvh .wvh-act:hover .wvh-act-ic{background:transparent;color:var(--wvh-p)}
	.wvh--ring .wvh-hot .wvh-act-ic::before,.wvh--ring .wvh-hot .wvh-act-ic::after{display:none}
	.wvh .wvh-hot .wvh-act-ic{color:var(--wvh-p)}
	.wvh .wvh-cart-n{top:0;right:-1px}
	.wvh .wvh-search{grid-area:sr;max-width:none;margin:0;height:44px}
	/* Bảng tìm kiếm phủ kín phần dưới màn hình, cuộn riêng; trang phía sau bị khoá */
	html.wvh-lock,html.wvh-lock body{overflow:hidden!important;overscroll-behavior:none}
	.wvh .wvh-sr{left:0;right:0;bottom:0;top:var(--wvh-sr-top,120px);width:auto;max-height:none;border-radius:0;border-width:1px 0 0;box-shadow:0 -1px 0 var(--wvh-bd);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;animation:none}
	.wvh .wvh-sr-cols{display:block;max-height:none}
	.wvh .wvh-sr-side,.wvh .wvh-sr-main{overflow:visible}
	.wvh .wvh-sr-all{position:sticky;bottom:0;box-shadow:0 -6px 16px -10px rgba(0,0,0,.25)}
	.wvh.wvh .wvh-search.is-open .wvh-s-btn{display:none}
	.wvh.wvh .wvh-search.is-open .wvh-s-cancel{display:flex}
	.wvh.is-slock .wvh-bar{transform:none!important;animation:none!important}
	/* iOS tự phóng to khi chữ trong ô nhập < 16px -> giữ 16px */
	.wvh .wvh-search .wvh-s-in{font-size:16px}
	.wvh-sr-cols,.wvh-sr{overscroll-behavior:contain}
	.wvh .wvh-search,.wvh .wvh-sr{touch-action:manipulation}
	.wvh .wvh-search .wvh-s-btn{padding:0 12px}
	.wvh .wvh-s-btn span{display:none}
	.wvh-sr{position:fixed;left:var(--wvh-gut);right:var(--wvh-gut);width:auto;top:var(--wvh-sr-top,120px)}
	.wvh-sr-cols{grid-template-columns:1fr;max-height:calc(100vh - var(--wvh-sr-top,120px) - 70px)}
	.wvh-sr-side{border-right:0;border-bottom:1px solid var(--wvh-bd);padding:10px}
	.wvh-sr-side .wvh-sr-cats{display:flex;flex-wrap:wrap;gap:6px}
	.wvh.wvh .wvh-sr-side .wvh-sr-cat{background:#fff;border:1px solid var(--wvh-bd);padding:6px 10px;border-radius:999px;font-size:13px}
	.wvh-sr-pop{grid-template-columns:1fr}
	.wvh.is-fixed .wvh-main .wvh-in{height:auto;padding-bottom:6px}
	.wvh.is-fixed .wvh-logo{height:48px}
	.wvh.is-fixed .wvh-search{display:none}
	.wvh.is-fixed.is-sopen .wvh-search{display:flex;margin-top:2px}
	.wvh.wvh.is-fixed .wvh-act.wvh-sopen{display:flex}
}
@media (max-width:420px){
	.wvh-sr-pz del{display:none}
}
@media (prefers-reduced-motion:reduce){
	.wvh *,.wvh *::before,.wvh *::after{animation:none!important;transition:none!important}
}
/* Trình chỉnh sửa Elementor: không dính */
.elementor-editor-active .wvh.is-fixed .wvh-bar{position:relative;top:0;transform:none;box-shadow:none;animation:none}