/* Keep the active and hover underline below the menu label on every page. */
.main-nav>li>a:after{top:calc(100% + 10px);bottom:auto}

/* Open nested product categories beside their parent item on desktop. */
@media (min-width:821px){
  .main-nav .sub-menu>li{position:relative}
  .main-nav .sub-menu .sub-menu{
    top:-10px;
    left:calc(100% - 9px);
    margin:0;
  }
}