@media screen and (min-width: 991px) {
  /* open from trigger + keep open on panel hover */
  .nav-menu .dropdown-w > .nav-dropdown-link:hover + .dropdown-panel,
  .nav-menu .dropdown-w > .nav-dropdown-link:focus-within + .dropdown-panel,
  .nav-menu .dropdown-w > .dropdown-panel:hover,
  .nav-menu .dropdown-w > .dropdown-panel:focus-within {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate(-50%, 0) !important;
  }
    /* Arrow/icon animation */
  .nav-menu .dropdown-w > .nav-dropdown-link .dropdown-icon,
  .nav-menu .dropdown-w > .nav-dropdown-link .small-arrow {
    transition: transform 0.4s ease;
    transform-origin: 50% 50%;
  }

  /* Rotate while open */
  .nav-menu .dropdown-w > .nav-dropdown-link:hover .dropdown-icon,
  .nav-menu .dropdown-w > .nav-dropdown-link:focus-within .dropdown-icon,
  .nav-menu .dropdown-w:has(> .dropdown-panel:hover) > .nav-dropdown-link .dropdown-icon,
  .nav-menu .dropdown-w:has(> .dropdown-panel:focus-within) > .nav-dropdown-link .dropdown-icon,
  .nav-menu .dropdown-w > .nav-dropdown-link:hover .small-arrow,
  .nav-menu .dropdown-w > .nav-dropdown-link:focus-within .small-arrow,
  .nav-menu .dropdown-w:has(> .dropdown-panel:hover) > .nav-dropdown-link .small-arrow,
  .nav-menu .dropdown-w:has(> .dropdown-panel:focus-within) > .nav-dropdown-link .small-arrow {
    transform: rotate(-90deg);
  }
}