@media (max-width: 860px) {
    .main-nav {
        max-height: calc(100svh - var(--header-offset) - 14px);
        overflow-y: auto;
    }

    .main-nav > a,
    .nav-dropdown > button {
        min-height: 44px;
        flex: 0 0 44px;
    }

    .nav-dropdown.is-open {
        display: block;
        flex: 0 0 auto;
    }

    .nav-dropdown .dropdown-panel {
        display: none !important;
        max-height: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        opacity: 0 !important;
    }

    .nav-dropdown.is-open .dropdown-panel {
        display: block !important;
        max-height: 150px !important;
        margin: 4px 0 8px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        opacity: 1 !important;
        border-left: 3px solid var(--lime) !important;
        scrollbar-width: thin;
        scrollbar-color: rgba(6, 47, 47, .32) transparent;
    }

    .nav-dropdown.is-open .mega-service-card {
        min-height: 40px !important;
        padding-inline: 14px !important;
        font-size: 13px !important;
    }
}