/* 06/11/2026 DMV FIX TỰ THU NHỎ/PHÓNG TO (WPCode: CSS Snippet · Site Wide Header)
   Gốc lỗi: khổ 769–1180px (máy tính bảng / điện thoại gập) dải #dmv-top, cụm Hotline-Tài khoản-Giỏ hàng và menu con
   tràn ngang → trang rộng 1264px trên màn 800px → trình duyệt tự thu nhỏ rồi phóng lại. Bản vá 14/07 chỉ phủ ≤768px. */
html,body{max-width:100%;overflow-x:clip}
@media (max-width:1180px){
  #dmv-top,#dmv-top .in,#dmv-custom-header,.dmv-main-header,.dmv-nav-bar{max-width:100vw!important}
  #dmv-top .in{overflow-x:auto}
  .dmv-main-header .dmv-header-inner{flex-wrap:wrap;gap:8px}
  .dmv-header-actions{flex-wrap:wrap;justify-content:flex-end;max-width:100%;min-width:0}
  .dmv-nav-bar>.dmv-container{max-width:100vw!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .dmv-nav-bar>.dmv-container::-webkit-scrollbar{display:none}
}
@media (min-width:769px) and (max-width:1024px){
  .dmv-search-box{order:3;flex-basis:100%;max-width:100%}
}
/* 06/11/2026 DMV MENU HÀNG HOÁ ĐỀU DÒNG (WPCode: CSS Snippet · Site Wide Header)
   Gốc lỗi: 5 mục có icon đậm 600, 4 mục hãng (Samsung/iPhone/Xiaomi/OPPO) mờ 0.85 + nét 500 + không icon → lệch hàng, lệch nét. */
.dmv-nav-inner{align-items:stretch}
.dmv-nav-inner>.dmv-nav-link,.dmv-nav-inner>div>.dmv-nav-link{font-weight:600!important;opacity:1!important;line-height:24px;min-height:44px;box-sizing:border-box;align-items:center}
.dmv-nav-link svg{width:16px;height:16px;flex:0 0 16px}
@media (min-width:1025px){ .dmv-nav-inner{justify-content:space-between} }
/* 06/11/2026 DMV LOGO NHẠC VIP 1 LỚP (WPCode: CSS Snippet · Site Wide Footer)
   Gốc lỗi: khi thu gọn, nút tròn 48px = nền xanh + viền vàng + bóng đen + vòng hào quang nhấp nháy + đĩa logo 26px lồng bên trong → 4–5 vòng chồng nhau.
   Đúng: thu gọn thì logo phủ trọn nút, 1 viền, 1 vòng hào quang mềm. */
#vip-mini-player.c{background:linear-gradient(135deg,#F59E0B,#fbbf24)!important;border:2px solid #0A2540!important;box-shadow:0 4px 12px rgba(0,0,0,.35)!important}
#vip-mini-player.c #vmp-logo{width:100%;height:100%;background:none;font-size:22px}
#vip-mini-player.c.need-click{animation:vmp-halo 1.8s infinite}
@keyframes vmp-halo{0%,100%{box-shadow:0 4px 12px rgba(0,0,0,.35),0 0 0 0 rgba(245,158,11,.55)}50%{box-shadow:0 4px 12px rgba(0,0,0,.35),0 0 0 10px rgba(245,158,11,0)}}
/* Nút tròn Menu VIP (#dmv-mvip, vòng màu đổi theo giờ) và Nhạc VIP cùng ghim góc trái-dưới: khi Nhạc VIP mở rộng (~190px) nó đè lên
   Menu VIP → nhiều lớp chồng. Đúng: Menu VIP luôn nằm TRÊN trình phát, cách 12px. */
#dmv-mvip{bottom:76px!important;transition:bottom .25s}
body:has(#vip-mini-player:not(.c)) #dmv-mvip{bottom:220px!important}
@media (max-width:480px){ body:has(#vip-mini-player:not(.c)) #dmv-mvip{bottom:214px!important} }
/* 06/11/2026 lưới «Sản phẩm nổi bật» bản live (dmv-noi-bat.js): luôn trọn hàng; bản tĩnh cũ chỉ ẩn khi bản live đã hiện */
#dmv-featured{display:none!important}  /* lưới tĩnh cũ: ẩn ngay từ đầu, không chen cạnh tiêu đề */
#dmv-noibat{box-sizing:border-box;width:100%;max-width:1240px;margin:18px auto 6px;padding:0 12px;flex:0 0 100%}
#dmv-noibat .hd{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#dmv-noibat h2{margin:0;font-size:21px;font-weight:800;color:#0A2540}
#dmv-noibat .tag{font-size:12px;font-weight:800;color:#0A2540;background:#FFD700;padding:3px 10px;border-radius:999px}
#dmv-noibat .sub{font-size:12.5px;color:#5b6b7c;margin:4px 0 12px}
#dmv-noibat .g{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
#dmv-noibat a.c{display:flex;flex-direction:column;background:#fff;border:1px solid #e2e6ec;border-radius:12px;overflow:hidden;text-decoration:none!important;color:#0A2540}
#dmv-noibat .ph{aspect-ratio:1/1;background:#f5f7fa;display:flex;align-items:center;justify-content:center}
#dmv-noibat .ph img{width:100%;height:100%;object-fit:contain}
#dmv-noibat .bd{padding:9px 10px 11px;display:flex;flex-direction:column;gap:5px;flex:1}
#dmv-noibat .nm{font-size:13px;font-weight:600;line-height:1.34;min-height:35px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#dmv-noibat .pr{font-size:16px;font-weight:800}
#dmv-noibat .old{font-size:11.5px;color:#94a0ad;text-decoration:line-through;margin-left:6px;font-weight:500}
#dmv-noibat .mt{display:flex;justify-content:space-between;gap:6px;font-size:11.5px;color:#5b6b7c;margin-top:auto;white-space:nowrap}
#dmv-noibat .stk{font-weight:700;color:#0f7b6c}
@media (max-width:480px){#dmv-noibat .g{grid-template-columns:repeat(2,1fr);gap:8px}}
/* 06/11/2026 trang chi tiết SP: khối «Lý do mua», mô tả thu gọn, thanh Gọi/Zalo đáy màn điện thoại (dmv-trang-sp.js) */
#dmv-ly-do-mua{margin:12px 0 14px;padding:12px 14px;border:1.5px solid #F59E0B;border-radius:12px;background:#FFFBEB;font-size:14px;line-height:1.5;color:#0A2540}
#dmv-ly-do-mua>div{margin:0 0 7px}
#dmv-ly-do-mua .tk b{color:#C62828;font-size:15px}
#dmv-ly-do-mua .qua{background:#fff;border:1px dashed #F59E0B;border-radius:9px;padding:8px 10px}
#dmv-ly-do-mua .qua small{display:block;color:#5b6b7c;font-size:12px;margin-top:3px}
#dmv-ly-do-mua .cam{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;margin:8px 0 0;padding:0;list-style:none;font-size:13px;color:#0f7b6c;font-weight:600}
.dmv-gon{max-height:900px;overflow:hidden;position:relative}
.dmv-gon::after{content:"";position:absolute;left:0;right:0;bottom:0;height:140px;background:linear-gradient(rgba(255,255,255,0),#fff)}
.dmv-xem-them{display:block;margin:10px auto 24px;padding:10px 22px;border:1.5px solid #1a73e8;border-radius:999px;background:#fff;color:#1a73e8;font-weight:700;cursor:pointer}
#dmv-thanh-mua{display:none}
@media (max-width:768px){
  #dmv-thanh-mua{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:99990;gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -4px 14px rgba(0,0,0,.15)}
  #dmv-thanh-mua a{flex:1;text-align:center;padding:12px 6px;border-radius:10px;font-weight:800;font-size:15px;text-decoration:none!important}
  #dmv-thanh-mua .goi{background:#F59E0B;color:#0A2540!important}
  #dmv-thanh-mua .zl{background:#1a73e8;color:#fff!important}
  body.dmv-co-thanh-mua{padding-bottom:72px}
  body.dmv-co-thanh-mua #vip-mini-player,body.dmv-co-thanh-mua #dmv-mvip,body.dmv-co-thanh-mua #vipChatBtn,body.dmv-co-thanh-mua #dmv-chat-widget,body.dmv-co-thanh-mua .back-to-top,body.dmv-co-thanh-mua #vipHello{margin-bottom:64px}
}