/* Header danh mục cha/con */
.main-nav{position:relative;z-index:50}
.main-nav__inner{overflow:visible}
.nav-dropdown{position:relative;display:flex;align-items:stretch;flex:0 0 auto}
.nav-dropdown>.nav-parent-link{display:flex;align-items:center;gap:6px}
.nav-dropdown>.nav-parent-link:after{content:'▾';font-size:11px;opacity:.7;margin-top:1px}
.nav-submenu{display:none;position:absolute;top:100%;left:0;min-width:230px;background:#fff;border:1px solid rgba(120,72,32,.13);border-radius:14px;box-shadow:0 18px 42px rgba(55,35,18,.16);padding:8px;z-index:90}
.nav-dropdown:hover .nav-submenu,.nav-dropdown:focus-within .nav-submenu,.nav-dropdown.open .nav-submenu{display:grid;gap:2px}
.main-nav .nav-submenu a{display:block;padding:10px 12px;border:0;border-radius:10px;white-space:nowrap;color:#3e2817;text-decoration:none;font-weight:700;font-size:14px}
.main-nav .nav-submenu a:hover{background:#fff3e8;color:#8a4b1f;border:0}
.main-nav .nav-submenu__all{background:#f8efe6;color:#6f3f1e!important}
@media (max-width:768px){
  .main-nav__inner{overflow:visible}
  .nav-dropdown{display:block;width:100%}
  .nav-dropdown>.nav-parent-link{justify-content:space-between;width:100%;box-sizing:border-box}
  .nav-submenu{position:static;display:none;min-width:0;width:100%;box-shadow:none;border:0;border-radius:0;background:#fbf7f2;padding:2px 0 7px 14px;margin:0}
  .nav-dropdown:hover .nav-submenu{display:none}
  .nav-dropdown.open .nav-submenu,.nav-dropdown.open:hover .nav-submenu{display:grid}
  .main-nav .nav-submenu a{font-size:13px;padding:9px 12px;border-bottom:1px solid #f0e6dc;border-radius:8px;background:transparent}
  .main-nav .nav-submenu__all{background:#fff!important}
}