/* Native details keeps click, keyboard and outside-click handling unchanged. */
@supports selector(details::details-content){
  .desktop-nav .nav-category::details-content{
    opacity:0;
    transition:opacity 180ms ease,content-visibility 180ms allow-discrete;
  }
  .desktop-nav .nav-category[open]::details-content{opacity:1}
  .desktop-nav .nav-category .nav-submenu{
    transform-origin:top center;
    transform:translateX(-50%) translateY(-8px) scale(.98);
    transition:transform 180ms cubic-bezier(.22,1,.36,1);
    pointer-events:none;
  }
  .desktop-nav .nav-category[open] .nav-submenu{
    transform:translateX(-50%) translateY(0) scale(1);
    pointer-events:auto;
  }
  @starting-style{
    .desktop-nav .nav-category[open]::details-content{opacity:0}
    .desktop-nav .nav-category[open] .nav-submenu{transform:translateX(-50%) translateY(-8px) scale(.98)}
  }
  @media(prefers-reduced-motion:reduce){
    .desktop-nav .nav-category::details-content,.desktop-nav .nav-category .nav-submenu{transition:none}
    .desktop-nav .nav-category[open] .nav-submenu{transform:translateX(-50%)}
  }
}