/* Mobile Navigation Fix */
#mobile-nav {
    position: fixed !important;
    inset: 0 !important;
    z-index: 9999 !important;
    background-color: white !important;
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out, visibility 0.3s !important;
    visibility: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    display: block !important;
    /* Ensure it's not display:none when hidden class is removed */
}

#mobile-nav.active {
    transform: translateX(0) !important;
    visibility: visible !important;
}

/* Ensure no conflicts */
.mobile-nav {
    position: fixed !important;
    inset: 0 !important;
    z-index: 9999 !important;
    background-color: white !important;
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out, visibility 0.3s !important;
    visibility: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
}

.mobile-nav.active {
    transform: translateX(0) !important;
    visibility: visible !important;
}