.mobile-menu {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
        visibility: hidden;
    }

    .mobile-menu.active {
        max-height: 500px;
        visibility: visible;
    }

    /* Header nav links — turn red on hover */
    nav.fixed a.nav-link:hover {
        color: #C8102E !important;
    }

    /* "Book a Consultation" CTA — turn red on hover, matching nav links */
    nav.fixed a[href="/bookings/appointment"]:hover {
        background-color: #C8102E !important;
        color: #ffffff !important;
    }