/* Mobile Panel Fix CSS */
@media (max-width: 767px) {
    /* Hide off-canvas panel initially */
    .elementor-location-header .elementor-widget-nav-menu .elementor-nav-menu--dropdown {
        display: none; /* Force close */
        width: 100vw; /* Full width or correct alignment */
        left: 0;
        right: 0;
        transform: translateX(100%); /* Or whatever matches their animation structure to hide */
        transition: transform 0.3s ease-in-out;
    }

    /* Target generic off-canvas panels often used in headers that might be misaligned */
    .off-canvas-panel, .mobile-menu-panel, .elementor-popup-modal {
         max-width: 100vw;
         right: 0 !important;
         left: 0 !important;
         margin: 0 auto;
    }
    
    /* When active class is added by JS */
    .elementor-location-header .elementor-widget-nav-menu .elementor-nav-menu--dropdown.is-active,
    .mobile-menu-panel.is-active,
    .off-canvas-panel.is-active {
        display: block;
        transform: translateX(0);
    }
}