/* Keep the pointer inside its menu while crossing the header's lower padding. */
.menu-hover-bridge{display:none}
@media(min-width:901px){
  .main-nav .dropdown{top:var(--desktop-menu-top,91px)}
  .nav-item:hover>.menu-hover-bridge,.nav-item:focus-within>.menu-hover-bridge{
    display:block;position:fixed;
    top:calc(var(--desktop-menu-top,91px) - var(--menu-hover-bridge,30px) + 2px);
    left:32px;right:32px;
    height:calc(var(--menu-hover-bridge,30px) + 50px);z-index:49;
  }
}