:root {
            --primary-color: #3498db;
            --secondary-color: #2980b9;
            --submenu-bg: #2c3e50;
        }
        
        .full-width-dropdown {
            position: static !important;
        }
        
        .full-width-dropdown .dropdown-menu {
            left: 0 !important;
            right: 0 !important;
            width: 100vw !important;
            max-width: 100vw !important;
            margin-top: 0 !important;
            background: var(--submenu-bg);
            border-radius: 0;
            border: none;
            padding: 2rem 0;
            transform: translateY(-20px);
            opacity: 0;
            display: block;
            visibility: hidden;
            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        }
        
        .full-width-dropdown:hover .dropdown-menu {
            transform: translateY(0);
            opacity: 1;
            visibility: visible;
        }
        
        .submenu-container {
            max-width: 1200px;
            margin: 0 auto;
        }
        
        .submenu-column {
            flex: 1 0 200px;
        }
        
        .submenu-link {
            color: #bdc3c7 !important;
            padding: 0.5rem 1rem !important;
            transition: all 0.2s;
        }
        
        .submenu-link:hover {
            color: white !important;
            transform: translateX(5px);
            background: rgba(255,255,255,0.1) !important;
        }
        
        .navbar {
            background: var(--primary-color) !important;
           /* padding: 0.5rem 1rem;*/
        }
        
        .nav-link {
            color: white !important;
            font-weight: 500;
            padding: 1rem 1.5rem !important;
        }
        
        .nav-item:hover {
            background: var(--secondary-color);
        }
        
        @media (max-width: 992px) {
            .full-width-dropdown .dropdown-menu {
                position: static !important;
                width: 100% !important;
                transform: none !important;
                opacity: 1 !important;
                visibility: visible !important;
                display: none !important;
                padding: 0.5rem 0;
            }
            
            .full-width-dropdown:hover .dropdown-menu {
                display: block !important;
            }
            
            .submenu-column {
                flex: 1 0 100% !important;
            }
        }