/* V56 - Menu danh mục động cấp 1/cấp 2 + trang tất cả sản phẩm */
.mainnav{overflow:visible}
.mainnav-inner{width:min(1180px,92vw);height:42px;margin:auto;display:flex;align-items:center;justify-content:center;color:#fff}
.mainnav-inner>a,.nav-products>a{padding:0 16px;height:42px;display:flex;align-items:center;text-transform:uppercase;font-weight:700;font-size:11px;border-right:1px solid rgba(255,255,255,.12);color:#fff}
.mainnav-inner>a:hover,.nav-products:hover>a,.nav-products.open>a{background:rgba(255,255,255,.12)}
.nav-products{height:42px;display:flex;align-items:center;position:relative}
.nav-products>a{padding-right:8px}
.nav-products-toggle{width:28px;height:42px;border:0;border-right:1px solid rgba(255,255,255,.12);background:transparent;color:#fff;cursor:pointer;font-size:14px}
.nav-products-toggle:hover,.nav-products.open .nav-products-toggle{background:rgba(255,255,255,.12)}
.product-mega-menu{display:none;position:absolute;top:42px;left:50%;transform:translateX(-50%);width:min(860px,92vw);padding:16px;background:#fff;color:#26313d;border:1px solid #e2e7eb;border-top:3px solid #e6a52d;border-radius:0 0 12px 12px;box-shadow:0 18px 45px rgba(15,23,42,.18);z-index:100;white-space:normal}
.mainnav .product-mega-menu a{height:auto;border:0;text-transform:none}
.nav-products:hover .product-mega-menu,.nav-products:focus-within .product-mega-menu,.nav-products.open .product-mega-menu{display:block}
.product-mega-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 2px 12px;border-bottom:1px solid #edf0f2}
.product-mega-head b,.product-mega-head small{display:block}.product-mega-head b{font-size:15px;color:#162130}.product-mega-head small{font-size:10px;color:#87919e;margin-top:3px}
.product-mega-head>a{color:#16812d;font-size:10px;font-weight:900;padding:0}
.product-mega-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 16px;padding-top:13px;max-height:min(60vh,430px);overflow:auto}
.product-menu-group{min-width:0;padding:10px;border:1px solid #edf0f2;border-radius:9px;background:#fbfcfd}
.product-menu-root{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#0758a2;font-size:11px;font-weight:900;text-transform:uppercase!important}
.product-menu-root span{color:#65ad2c}.product-menu-children{display:grid;gap:1px;margin-top:7px}
.product-menu-children a{padding:6px 7px;border-radius:6px;color:#56616e;font-size:10px;font-weight:600}.product-menu-children a:hover{background:#edf7e8;color:#267b18}
.product-menu-group>small,.product-menu-empty{display:block;color:#9aa3ad;font-size:9px;margin-top:8px}.product-menu-empty{padding:22px;text-align:center}
.vf55-category-list a.level-2{padding-left:24px;background:#fbfcfb}.vf55-category-list a.level-2 .vf55-cat-left b:before{content:"↳";margin-right:5px;color:#75a27d}
.vf55-category-list a.level-1{font-weight:800}.vf55-catalog-note{font-size:10px;color:#6d7782;margin-top:8px}
.category-product-links{display:flex;align-items:center;gap:5px}.category-product-link{display:inline-flex;align-items:center;gap:4px;color:#2563eb;font-weight:800;text-decoration:none}.category-product-link:hover{text-decoration:underline}

@media(max-width:900px){
  .mainnav-inner{justify-content:flex-start;width:100%;padding:0 4px}
  .mainnav-inner>a,.nav-products>a{padding:0 10px;font-size:10px}
  .nav-products{position:static}
  .product-mega-menu{position:absolute;top:42px;left:8px;right:8px;transform:none;width:auto;max-height:calc(100vh - 55px);overflow:auto}
  .product-mega-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}
}
@media(max-width:560px){
  .mainnav-inner>a,.nav-products>a{padding:0 7px;font-size:9px}
  .nav-products-toggle{width:24px}
  .product-mega-menu{padding:11px}
  .product-mega-head{align-items:flex-start}.product-mega-head>a{white-space:nowrap}
  .product-mega-grid{grid-template-columns:1fr;gap:7px}
  .vf55-category-list a.level-2{padding-left:14px}
}