/* Hide the top navigation panel on mobile devices */
@media (max-width: 767px) {
    /* Completely remove the navbar */
    .navbar {
        display: none !important;
        height: 0 !important;
        visibility: hidden !important;
        overflow: hidden !important;
        opacity: 0 !important;
        position: absolute !important;
        pointer-events: none !important;
    }
    
    /* Adjust hero section to be at the very top */
    .hero {
        margin-top: 0 !important;
        padding-top: 10px !important;
        position: relative !important;
        top: 0 !important;
    }
    
    /* Ensure the hero content starts higher */
    .hero-content {
        padding-top: 10px !important;
        position: relative !important;
        top: 0 !important;
    }
    
    /* Make sure the logo is properly positioned without the navbar */
    .clean-logo-container {
        margin-top: 0 !important;
        padding-top: 10px !important;
    }
    
    /* Fix for any container that might push content down */
    body {
        padding-top: 0 !important;
    }
    
    /* Ensure no other elements try to take the navbar's place */
    body::before {
        display: none !important;
    }
}