.mobile-only { display: none !important; }
        .desktop-only { display: flex !important; }
        @media (max-width: 768px) {
            .header-container {
                flex-direction: column !important;
                align-items: stretch !important;
                gap: 0 !important;
            }
            /* Row for logo and login */
            .header-top-mobile {
                display: flex !important;
                flex-direction: row !important;
                align-items: center !important;
                justify-content: space-between !important;
                width: 100% !important;
                margin-bottom: 12px !important;
            }
            .logo-container {
                position: static !important;
                margin: 0 !important;
                display: flex !important;
                justify-content: flex-start !important;
                width: 120px !important;
                left: unset !important;
                top: unset !important;
                box-shadow: none !important;
                background: transparent !important;
                z-index: 1 !important;
            }
            .login-container.desktop-only { display: none !important; }
            .login-container.mobile-only { display: flex !important; }
            .login-container {
                width: auto !important;
                margin-left: auto !important;
                order: 2 !important;
            }
            .login-container.mobile-only button {
                background: #007bff !important;
                color: #ffffff !important;
                border: 1px solid #007bff !important;
            }
            .login-container button {
                width: auto !important;
            }
            .header-bottom {
                display: flex !important;
                flex-direction: column !important;
                width: 100% !important;
                align-items: stretch !important;
                gap: 16px !important;
                margin-top: 0 !important;
            }
            .search-container {
                width: 100% !important;
                max-width: none !important;
                margin: 0 auto 12px auto !important;
                order: 2 !important;
            }
            .desktop-logo-space {
                display: none !important;
            }
        }