.main-menu{
    display:flex;
    gap:20px;
    margin:0;
    padding:0;
}

.menu-item{
    position:relative;
    list-style:none;
}

.menu-link{
    display:block;
    padding:15px 10px;
    text-decoration:none;
}

.mega-menu{
    position:absolute;
    top:100%;
    right:0;
    min-width:300px;
    background:#fff;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    opacity:0;
    visibility:hidden;
    transition:.2s;
    z-index:999;
}

.menu-item:hover .mega-menu{
    opacity:1;
    visibility:visible;
}

.mega-submenu{
    margin:0;
    padding:15px;
    list-style:none;
}

.submenu-item{
    margin-bottom:10px;
}