@media (min-width:1051px){
  .mainbar{grid-template-columns:auto minmax(280px,1fr) auto;grid-template-rows:auto auto;padding-top:12px}
  .site-branding{grid-column:1;grid-row:1}
  .header-search{grid-column:2;grid-row:1}
  .header-actions{grid-column:3;grid-row:1}
  .main-navigation{grid-column:1/-1;grid-row:2;width:100%;border-top:1px solid var(--hs-line,#e3e5e5)}
  .main-navigation .menu{justify-content:space-between;gap:12px;min-height:48px}
  .main-navigation .menu>li{position:relative;display:flex;align-items:center;min-height:48px}
  .main-navigation .menu>li>a{font-size:.66rem;white-space:nowrap}
  .main-navigation .sub-menu{position:absolute;z-index:1000;top:100%;left:0;display:none;width:270px;margin:0;padding:9px 0;border:1px solid #e3e5e5;background:#fff;box-shadow:0 14px 30px rgba(0,0,0,.14);list-style:none}
  .main-navigation .sub-menu li{position:relative}
  .main-navigation .sub-menu a{display:block;padding:9px 34px 9px 16px;font-family:var(--hs-body,Arial,sans-serif);font-size:.75rem;line-height:1.35;text-transform:none}
  .main-navigation .sub-menu .sub-menu{top:-10px;left:100%}
  .main-navigation li:hover>.sub-menu,.main-navigation li:focus-within>.sub-menu{display:block}
  .main-navigation .menu>li:nth-last-child(-n+4) .sub-menu .sub-menu{right:100%;left:auto}
  .main-navigation .menu-item-has-children>a::after{content:"›";position:absolute;right:13px;font-size:1rem;line-height:1}
  .main-navigation .menu>li.menu-item-has-children>a{position:relative;padding-right:14px}
  .main-navigation .menu>li.menu-item-has-children>a::after{right:0;transform:rotate(90deg)}
  .submenu-toggle{display:none}
}

@media (max-width:1050px){
  .main-navigation{max-height:calc(100vh - 105px);overflow-y:auto}
  .main-navigation .menu{width:100%;gap:0}
  .main-navigation .menu li{position:relative;width:100%;border-bottom:1px solid #eceeee}
  .main-navigation .menu a{display:block;padding:11px 46px 11px 0}
  .main-navigation .sub-menu{display:none;margin:0;padding:0 0 7px 16px;list-style:none}
  .main-navigation .submenu-open>.sub-menu{display:block}
  .main-navigation .sub-menu li{border-bottom:0}
  .main-navigation .sub-menu a{padding-block:8px;font-family:var(--hs-body,Arial,sans-serif);font-size:.76rem;text-transform:none}
  .submenu-toggle{position:absolute;z-index:2;top:5px;right:0;width:36px;height:36px;padding:0;border:0;background:transparent;color:#222;font-size:1.25rem;line-height:1;cursor:pointer;transition:transform .2s ease}
  .submenu-open>.submenu-toggle{transform:rotate(180deg)}
}