/* =============================================================================
   SWM — Product mega menu hover preview

   Head:
     <link rel="stylesheet" href="https://swm-js-dev.4u-d6a.workers.dev/nav-mega-hover.css">
     <script>document.documentElement.classList.add('nmh-js');</script>
   ========================================================================== */

html.nmh-js .nav_desktop_wrap .nav_dropdown_mega_layout .nav_menu_right_wrap {
  position: relative;
}

html.nmh-js .nav_desktop_wrap .nav_dropdown_mega_layout .nav_menu_right_absolute {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    opacity 180ms ease,
    visibility 180ms ease;
}

html.nmh-js .nav_desktop_wrap .nav_dropdown_mega_layout .nav_menu_right_wrap:not(.is-ready) > .nav_menu_right_absolute:first-child,
html.nmh-js .nav_desktop_wrap .nav_dropdown_mega_layout .nav_menu_right_absolute.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

html.nmh-js .nav_desktop_wrap .nav_dropdown_mega_layout .nav_dropdown_link-2.is-active {
  color: var(--swatch--brand-600);
}

@media (prefers-reduced-motion: reduce) {
  html.nmh-js .nav_desktop_wrap .nav_dropdown_mega_layout .nav_menu_right_absolute {
    transition: none;
  }
}