/* Ensures the menu sits over the page content */
        .z-mega {
            z-index: 999; 
        }

        /* Utility class for desktop navigation links */
        .nav-link {
            @apply text-lg text-gray-700 hover:text-brand-accent font-medium flex items-center px-2 transition-colors h-full;
        }

        /* --- DESKTOP Full-Width Menu Transitions --- */
        .mega-menu-content {
            opacity: 0;
            transform: translateY(-5px);
            transition: opacity 0.3s ease-out, transform 0.3s ease-out;
            pointer-events: none;
        }
        .mega-menu-content.active {
            opacity: 1;
            transform: translateY(0);
            pointer-events: auto;
            display: block !important;
        }

        /* --- MOBILE SIDEBAR STYLES --- */
        #mobileMenu {
            /* Full height, hidden off-screen to the left */
            transform: translateX(-100%);
            transition: transform 0.3s ease-in-out;
        }
        #mobileMenu.active {
            transform: translateX(0);
        }
        
        /* Mobile Solutions Dropdown (uses max-height for smooth open/close) */
        .mobile-dropdown-menu {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-in-out;
        }
        .mobile-dropdown-menu.active {
            /* Set to a size larger than content to ensure it opens fully */
            max-height: 500px; 
        }
        
        /* Dark overlay for mobile background */
        #mobileOverlay {
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease-in-out;
        }
        #mobileOverlay.active {
            opacity: 1;
            visibility: visible;
        }