/* V3.9.4: bridge the physical gap between desktop nav label and mega-menu. */
@media (min-width:901px) and (hover:hover){
 .ht-home .ht-nav .ht-products-nav.ht394-menu-open .ht-mega-panel,
 .ht-home .ht-nav .ht-products-nav:hover .ht-mega-panel,
 .ht-home .ht-nav .ht-products-nav:focus-within .ht-mega-panel{
  opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;
 }
 .ht-home .ht-mega-panel::before{content:"";position:absolute;top:-46px;left:0;right:0;height:46px;background:transparent;pointer-events:auto;}
 .ht-home .ht-nav .ht-products-nav.ht394-menu-open>a{color:var(--red)}
 .ht-home .ht-nav .ht-products-nav.ht394-menu-open .ht-nav-chevron{transform:rotate(180deg)}
}