/* Invisible bridge keeps the Product mega menu open while the pointer crosses its visual gap. */
@media (min-width:801px){
  .products-menu{position:relative}
  .products-menu::after{
    content:"";
    position:absolute;
    z-index:58;
    top:100%;
    left:50%;
    width:min(960px,calc(100vw - 56px));
    height:18px;
    transform:translateX(-50%);
  }
  .products-menu>div.mega-panel{z-index:59;pointer-events:none}
  .products-menu:hover>div.mega-panel,
  .products-menu:focus-within>div.mega-panel{pointer-events:auto}
}