/* ≤1100px: row1 Home / Company / Product; row2 Support / Contact. Product submenus open on tap (see js/nav-mobile.js + .is-open). */
@media (max-width: 1100px) {
    .top-header .main-nav {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }
    .top-header .nav-links {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 10px 18px;
        width: 100%;
        min-width: 0;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 2px;
    }
    .top-header .nav-actions {
        margin-left: 0;
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
        gap: 10px 12px;
    }
    .top-header .nav-dropdown {
        position: relative;
        height: auto;
        flex-direction: column;
        align-items: flex-start;
    }
    .top-header .nav-dropdown > a {
        padding-right: 18px;
    }
    .top-header .nav-dropdown > a::after {
        display: block;
    }
    .top-header .nav-dropdown > a[aria-expanded="true"]::after {
        content: "▴";
    }
    .top-header .nav-dropdown .nav-dropdown-menu {
        position: static;
        min-width: 0;
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0;
        max-height: 0;
        overflow: hidden;
        list-style: none;
        opacity: 0;
        visibility: hidden;
        transform: none;
        border: 0;
        box-shadow: none;
        transition: max-height 0.22s ease, opacity 0.18s ease, margin 0.18s ease, padding 0.18s ease;
    }
    .top-header .nav-dropdown.is-open .nav-dropdown-menu {
        max-height: 360px;
        margin-top: 8px;
        padding: 10px 0;
        border: 1px solid #ececec;
        border-radius: 10px;
        background: #ffffff;
        opacity: 1;
        visibility: visible;
    }
    .top-header .nav-dropdown:hover:not(.is-open) .nav-dropdown-menu,
    .top-header .nav-dropdown:focus-within:not(.is-open) .nav-dropdown-menu {
        max-height: 0;
        margin: 0;
        padding: 0;
        border: 0;
        opacity: 0;
        visibility: hidden;
    }
}
