/* Mega Menu Styles */
li.has-mega-menu > ul.mega-menu {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background: white;
    z-index: 1000;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

li.has-mega-menu.active > ul.mega-menu {
    display: block;
}

li.has-mega-menu:hover > ul.mega-menu {
    display: block;
}

li.has-mega-menu > ul.mega-menu li {
    display: block;
    width: 100%;
}

li.has-mega-menu > ul.mega-menu > li > div {
    padding: 20px;
}