/* Desktop navigation: preserve geometry while hover menus open and close. */
@media (min-width: 901px) {
    .ctn-main-nav.main-nav > a,
    .ctn-main-nav .ctn-mega-wrap > a,
    .ctn-main-nav .ctn-nav-dropdown > a,
    .ctn-quick-button {
        box-sizing: border-box;
        line-height: 1;
    }

    .ctn-main-nav.main-nav > a::before,
    .ctn-main-nav.main-nav > a::after,
    .ctn-main-nav .ctn-mega-wrap > a::before,
    .ctn-main-nav .ctn-mega-wrap > a::after,
    .ctn-main-nav .ctn-nav-dropdown > a::before,
    .ctn-main-nav .ctn-nav-dropdown > a::after {
        pointer-events: none;
    }

    .ctn-mega-menu.mega-menu,
    .ctn-corporate-menu.nav-dropdown-menu,
    .ctn-action-menu.nav-action-menu {
        pointer-events: none;
    }

    .ctn-mega-wrap.is-open .ctn-mega-menu,
    .ctn-nav-dropdown.is-open .ctn-corporate-menu,
    .ctn-action-dropdown.is-open .ctn-action-menu {
        opacity: 1;
        visibility: visible;
        transform: none;
        pointer-events: auto;
    }

    .ctn-main-nav .ctn-mega-wrap:hover > a svg,
    .ctn-main-nav .ctn-nav-dropdown:hover > a svg,
    .ctn-action-dropdown:hover .ctn-quick-button svg {
        transform: none;
    }

    /* The header already owns the separating rule; do not draw it twice on the mega menu. */
    .ctn-mega-menu.mega-menu {
        top: 123px;
        border-top: 0;
    }

    .ctn-site-header.is-scrolled .ctn-mega-menu.mega-menu {
        top: 89px;
    }

    .ctn-main-nav .ctn-mega-wrap.is-open > a svg,
    .ctn-main-nav .ctn-nav-dropdown.is-open > a svg,
    .ctn-action-dropdown.is-open .ctn-quick-button svg {
        transform: rotate(180deg);
    }
}