#mega-menu-popup {
    display: none;
    position: fixed;
    top: calc(150px + var(--drupal-displace-offset-top, 0px));
    left: 0;
    width: 100vw;
    height: calc(100vh - 150px - var(--drupal-displace-offset-top, 0px));
    background-color: #030928; /* Inheriting main menu background */
    z-index: 9999;
    overflow-y: auto;
}

@media screen and (max-width: 991.98px) {
    #mega-menu-popup {
        display: none;
    }
}

#mega-menu-popup.is-visible {
    display: block !important;
}

@media screen and (max-width: 991.98px) {
    #mega-menu-popup.is-visible {
        display: none !important;
    }
}

/* Ensure inner container logic works with absolute positioning */
#mega-menu-popup .container {
    height: 100%;
}