/* Desktop Product mega menu: hidden until .is-megamenu-open (see family-nav-megamenu.js) */
.family-megamenu-shell {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.15s ease, visibility 0.15s ease;
}

[data-family-nav-group].is-megamenu-open .family-megamenu-shell {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

[data-family-nav-group].is-megamenu-open [data-family-nav-chevron] {
    transform: rotate(180deg);
}

[data-family-nav-trigger] {
    font: inherit;
    letter-spacing: inherit;
}

@media (prefers-reduced-motion: reduce) {
    .family-megamenu-shell {
        transition: none;
    }
}