/* Unified navigation overlay. The original React panel controls opening/closing; only inner visuals are replaced. */
.hm-menu__panel{position:fixed!important;top:0!important;bottom:0!important;left:0!important;height:100dvh!important;overflow:hidden!important}
.hm-menu__panel > .hmng20-shell{position:absolute!important;inset:0!important;z-index:2147483000!important;background:#000!important;color:#fff!important;display:block!important;box-sizing:border-box!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:96px 40px 32px!important;font-family:NokiaExpanded,"Nokia Expanded",sans-serif!important;font-size:15px!important;line-height:1.35!important;scrollbar-width:thin!important}
.hmng20-shell,.hmng20-shell *{box-sizing:border-box!important}
.hmng20-shell .hmng20-close{position:absolute!important;top:24px!important;left:28px!important;width:44px!important;height:44px!important;background:transparent!important;border:0!important;padding:0!important;color:#fff!important;font:normal 48px/40px Arial,sans-serif!important;cursor:pointer!important;z-index:2!important}
.hmng20-shell .hmng20-nav{display:block!important;width:100%!important;margin:0!important;padding:0!important;background:#000!important;text-align:left!important}
.hmng20-shell .hmng20-row{display:block!important;position:relative!important;margin:0!important;padding:0!important;border-bottom:1px solid #383838!important;color:#fff!important;background:#000!important;list-style:none!important;min-height:59px!important}
.hmng20-shell .hmng20-link,.hmng20-shell summary{font-family:NokiaExpanded,"Nokia Expanded",sans-serif!important;font-size:15px!important;font-weight:700!important;line-height:1.35!important;letter-spacing:0!important;text-transform:uppercase!important;color:#fff!important;display:flex!important;align-items:center!important;min-height:59px!important;padding:17px 0!important;width:100%!important;text-decoration:none!important;background:transparent!important;border:0!important;cursor:pointer!important;list-style:none!important}
.hmng20-shell summary{justify-content:space-between!important}
.hmng20-shell summary::-webkit-details-marker{display:none!important}
.hmng20-shell summary:after{content:'⌄';font:normal 18px Arial,sans-serif!important;color:#fff;margin-left:10px;transition:transform .2s}
.hmng20-shell details[open]>summary:after{transform:rotate(180deg)}
.hmng20-shell .hmng20-submenu{padding-left:28px!important;margin:0!important;display:block!important}
.hmng20-shell .hmng20-sub-link{font-family:NokiaExpanded,"Nokia Expanded",sans-serif!important;font-size:13px!important;font-weight:700!important;line-height:1.3!important;letter-spacing:0!important;text-transform:uppercase!important;color:#fff!important;display:block!important;text-decoration:none!important;padding:15px 0!important;border-bottom:1px solid #303030!important}
.hmng20-shell .hmng20-sub-link:last-child{border-bottom:0!important}
.hmng20-shell a:hover,.hmng20-shell summary:hover,.hmng20-shell a:focus-visible,.hmng20-shell summary:focus-visible{color:#f00!important}
.hmng20-no-facebook,.hmng20-no-solutions{display:none!important}
@media(max-width:600px){.hm-menu__panel>.hmng20-shell{padding:88px 24px 28px!important}.hmng20-shell .hmng20-link,.hmng20-shell summary{font-size:14px!important;min-height:54px!important}.hmng20-shell .hmng20-row{min-height:54px!important}}

/* v2.1: keep the whole panel fixed while the document scrolls; only the central list scrolls */
.hm-menu__panel > .hmng20-shell{height:100%!important;max-height:100%!important;overscroll-behavior:contain!important;}
.hmng20-shell .hmng20-nav{font-family:NokiaExpanded,"Nokia Expanded",sans-serif!important;}

.hm-menu__panel:has(> .hmng20-shell) > :not(.hmng20-shell){visibility:hidden!important;pointer-events:none!important;}

/* v2.2: fixed visibility fallback for pages where the hero hamburger scrolls away. */
.hmng22-burger-proxy{position:fixed!important;top:24px!important;left:28px!important;z-index:2147482999!important;width:54px!important;height:43px!important;display:flex!important;flex-direction:column!important;justify-content:space-around!important;align-items:stretch!important;background:transparent!important;border:0!important;padding:2px!important;cursor:pointer!important;}
.hmng22-burger-proxy[hidden]{display:none!important;}
.hmng22-burger-proxy span{height:5px!important;background:#000!important;border-radius:12px!important;display:block!important;}
@media(max-width:600px){.hmng22-burger-proxy{top:18px!important;left:16px!important;width:36px!important;height:32px!important}.hmng22-burger-proxy span{height:4px!important}}

/* v2.3: white circular hamburger for both the native menu trigger and scroll proxy.
   Only triggers receive the class via JS; close buttons and the actual menu are untouched. */
button.hmng23-circled-burger, .hmng22-burger-proxy{
  width:62px!important;height:62px!important;min-width:62px!important;min-height:62px!important;
  border:1px solid #151515!important;border-radius:50%!important;
  background:#fff!important;box-shadow:0 1px 5px rgba(0,0,0,.12)!important;
  padding:15px!important;color:#000!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
}
button.hmng23-circled-burger span, button.hmng23-circled-burger i, .hmng22-burger-proxy span{
  color:#000!important;border-color:#000!important;
}
.hmng22-burger-proxy{flex-direction:column!important;justify-content:space-between!important;align-items:stretch!important;padding:17px 15px!important}
.hmng22-burger-proxy span{width:100%!important;height:4px!important;background:#000!important;border-radius:8px!important;flex:0 0 4px!important}
@media(max-width:600px){
  button.hmng23-circled-burger,.hmng22-burger-proxy{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;padding:12px!important}
  .hmng22-burger-proxy{padding:14px 12px!important}
  .hmng22-burger-proxy span{height:3px!important;flex-basis:3px!important}
}
button.hmng23-circled-burger svg{stroke:#000!important;color:#000!important}
button.hmng23-circled-burger svg line,button.hmng23-circled-burger svg path{stroke:#000!important}
button.hmng23-circled-burger [class*="line"],button.hmng23-circled-burger [class*="bar"]{background-color:#000!important;border-color:#000!important}

/* v2.3.1: draw the same visible three black lines on both trigger variants. */
button.hmng23-circled-burger,button.hmng22-burger-proxy{isolation:isolate!important;background-color:#fff!important;color:#000!important;border:1px solid #151515!important;border-radius:999px!important;}
button.hmng23-circled-burger > *,button.hmng22-burger-proxy > *{visibility:hidden!important;opacity:0!important;}
button.hmng23-circled-burger::after,button.hmng22-burger-proxy::after{content:""!important;display:block!important;position:absolute!important;width:28px!important;height:4px!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;padding:0!important;border:0!important;border-radius:5px!important;background:#000!important;box-shadow:0 -9px 0 #000,0 9px 0 #000!important;opacity:1!important;visibility:visible!important;pointer-events:none!important;}
@media(max-width:600px){button.hmng23-circled-burger::after,button.hmng22-burger-proxy::after{width:24px!important;height:3px!important;box-shadow:0 -8px 0 #000,0 8px 0 #000!important;}}
