/* Mobile drawer: interaction layer (stacking + touch) */
@media (max-width: 1024px) {
    .navbar-right .menu-toggle {
        position: relative;
        z-index: 1002;
        touch-action: manipulation;
    }
}

/* Helpers solo para la vista demo del kit (no usar body sin clase en producción) */
body.megamenu-demo {
    margin: 0;
    padding-top: 6.5rem;
    background: #f5f5f0;
}

body.megamenu-demo .demo-header,
body.megamenu-demo .demo-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}