.nav-item{position:relative}.menu-button{background:none;border:none;cursor:pointer;font:inherit;display:flex;align-items:center;gap:4px;padding:10px 15px;font-weight:500}.submenu{position:absolute;top:100%;left:0;background:#fff;border-radius:8px;min-width:200px;box-shadow:0 4px 12px #0000001a;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s ease;z-index:999;padding:10px 0}.nav-item.open .submenu{opacity:1;visibility:visible;transform:translateY(0)}.submenu li{list-style:none}.submenu a{display:block;padding:10px 20px;color:#333;text-decoration:none;transition:background .2s ease}.submenu a:hover{background:#f5f5f5}
