/* Mobile Navbar Emergency Fix */
@media (max-width: 768px) {
    .pandit-navbar {
        height: 100px !important;
        background: transparent !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 1001 !important;
        box-shadow: none !important;
    }
    
    /* Only show background when scrolled */
    .pandit-navbar.scrolled {
        background: rgba(245, 223, 186, 0.95) !important;
        backdrop-filter: blur(10px) !important;
        -webkit-backdrop-filter: blur(10px) !important;
        box-shadow: none !important;
        border: none !important;
        border-bottom: none !important;
        border-top: none !important;
    }
    
    .navbar-container {
        height: 100px !important;
        padding: 8px 1rem !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        margin: 0 !important;
    }
    
    .navbar-logo {
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .navbar-logo img {
        height: 65px !important;
        width: auto !important;
    }
    
    .navbar-actions {
        display: flex !important;
        align-items: center !important;
        gap: 15px !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .whatsapp-btn {
        padding: 10px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    .hamburger-menu {
        width: 45px !important;
        height: 45px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 5px !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .line {
        width: 28px !important;
        height: 3px !important;
        background: #fff !important;
        display: block !important;
    }
    
    .pandit-navbar.scrolled .line {
        background: #9B773B !important;
    }
}

@media (max-width: 480px) {
    .pandit-navbar {
        height: 80px !important;
    }
    
    .navbar-container {
        height: 80px !important;
        padding: 8px 15px !important;
    }
    
    .navbar-logo img {
        height: 60px !important;
    }
}