/* Keep the mobile product menus visible and place them below the tapped item. */
@media (max-width: 800px) {
    .main-navigation {
        height: auto;
        min-height: 44px;
        justify-content: center;
        align-content: center;
        flex-wrap: wrap;
        overflow: visible;
        gap: 0 24px;
    }

    .main-navigation > .nav-link,
    .main-navigation > .nav-dropdown {
        height: 44px;
    }
}

@media (max-width: 600px) {
    .main-navigation {
        column-gap: 14px;
    }
}