/* =========================================================
   AIO RESISPAR · ISOLAMENTO DO MEGA MENU
   Impede painel/overlay invisível de cobrir produtos da Home.
   ========================================================= */

@media (min-width:768px){

    .aio-mega-nav{
        isolation:isolate!important;
    }

    /*
     * hidden é a trava principal.
     * Mesmo que algum CSS legado use :hover, o painel fechado
     * deixa de existir na área clicável.
     */
    .aio-mega-panel[hidden]{
        display:none!important;
        pointer-events:none!important;
        visibility:hidden!important;
        opacity:0!important;
    }

    .aio-main-categories:not(.is-open) > .aio-mega-panel{
        display:none!important;
        pointer-events:none!important;
        visibility:hidden!important;
        opacity:0!important;
    }

    .aio-main-categories.is-open > .aio-mega-panel:not([hidden]){
        display:grid!important;
        pointer-events:auto!important;
        visibility:visible!important;
        opacity:1!important;
    }

    /*
     * Desativa definitivamente a antiga camada que ocupava
     * toda a página abaixo do menu.
     */
    .aio-mega-overlay{
        display:none!important;
        width:0!important;
        height:0!important;
        pointer-events:none!important;
    }

    /*
     * O próprio menu só recebe eventos na altura visual dele.
     * Nada de área transparente descendo sobre vitrines.
     */
    .aio-mega-nav,
    .aio-mega-container,
    .aio-main-menu{
        pointer-events:auto;
    }

    .aio-mega-nav{
        height:auto!important;
        min-height:0!important;
    }
}