/* Mobile Menu Open/Close transitions */
#mobile-menu {
    transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
}
#mobile-menu.open {
    max-height: 500px; /* Adjust based on your menu content */
    opacity: 1;
}