/* Mobile navigation is a stationary surface, outside the sticky page header. */
.mobile-menu{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;padding:0;border:0;background:var(--paper);color:var(--ink);overflow:hidden;overscroll-behavior:none;font-family:var(--font);box-sizing:border-box}
.mobile-menu:not([open]){display:none}
.mobile-menu[open]{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}
.mobile-menu::backdrop{background:var(--paper)}
.mobile-menu [hidden]{display:none!important}
.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px;padding:env(safe-area-inset-top,0px) max(22px,env(safe-area-inset-right,0px)) 0 max(22px,env(safe-area-inset-left,0px));border-bottom:1px solid var(--line)}
.mobile-menu-brand{display:flex;align-items:center;min-height:44px}
.mobile-menu-brand img{width:100.707px;height:25.11px;object-fit:contain}
.mobile-menu-close{display:grid;place-items:center;width:44px;height:44px;padding:10px;background:transparent;color:var(--ink);flex-shrink:0}
.mobile-menu-close .icon{width:24px;height:24px}
.mobile-menu-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding-inline:22px}
.mobile-menu-toolbar h2{font:500 18px/1.4 var(--font);letter-spacing:0;margin:0}
.mobile-menu-toolbar h2:focus{outline:none}
.mobile-menu-toolbar [data-mobile-back]{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 8px 0 0;font:400 14px/1.4 var(--font);background:transparent;color:var(--muted)}
.mobile-menu-toolbar [data-mobile-back] .icon{width:18px;height:18px;transform:rotate(180deg)}
.mobile-menu-scroll{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--line) var(--paper);padding:0 max(22px,env(safe-area-inset-right,0px)) 24px max(22px,env(safe-area-inset-left,0px));overflow-anchor:none}
.mobile-menu-root>a,.mobile-menu-root>button{display:flex;align-items:center;justify-content:space-between;gap:22px;width:100%;min-height:64px;border:0;border-bottom:1px solid var(--line);padding:14px 0;background:transparent;text-align:left;font:400 23px/1.35 var(--font);color:var(--ink);letter-spacing:-.02em}
.mobile-menu-root>.icon,.mobile-menu-root :is(a,button)>.icon{width:20px;height:20px;flex-shrink:0;color:var(--blue)}
.mobile-menu-company{padding-top:22px}
.mobile-menu-company a{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:10px 0;font-size:17px;line-height:1.4}
.mobile-menu .product-menu-columns{display:grid;grid-template-columns:1fr;gap:26px;padding:6px 0 0}
.mobile-menu .product-menu-group{min-width:0}
.mobile-menu .product-menu-group h3{font:400 13px/1.5 var(--font);letter-spacing:0;margin:0;padding:0 0 8px;color:var(--muted)}
.mobile-menu .product-menu-group>div{display:block}
.mobile-menu .product-menu-group a,.mobile-menu .product-overview{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:50px;padding:12px 0;border-bottom:1px solid var(--line);font:400 16px/1.5 var(--font);overflow-wrap:anywhere}
.mobile-menu .product-menu-group strong{font-weight:400;min-width:0}
.mobile-menu .product-overview{margin-bottom:24px;border-top:1px solid var(--line);color:var(--blue)}
.mobile-menu .product-overview strong{font-weight:500;font-size:16px}
.mobile-menu a[aria-current="page"]{color:var(--blue);font-weight:500}
.mobile-menu a[aria-current="page"] strong{font-weight:500}
.mobile-menu-actions{display:flex;align-items:center;gap:20px;padding:18px max(22px,env(safe-area-inset-right,0px)) max(18px,env(safe-area-inset-bottom,0px)) max(22px,env(safe-area-inset-left,0px));border-top:1px solid var(--line);background:var(--warm)}
.mobile-menu-actions .btn{flex:1;display:flex;justify-content:space-between;min-height:48px;font-size:15px;line-height:1.3;padding:12px 16px;transform:none}
.mobile-menu-language{display:flex;align-items:center;justify-content:center;min-height:48px;min-width:64px;font-size:14px;line-height:1.4;text-decoration:underline;text-underline-offset:4px}
.mobile-menu :is(a,button):focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
.mobile-menu :is(a,button):active{color:var(--blue)}
.mobile-menu-actions .btn:active{background:var(--blue);color:var(--paper)}
@media(hover:hover){.mobile-menu :is(a,button):hover{color:var(--blue)}.mobile-menu-actions .btn:hover{color:var(--paper);background:var(--blue)}}
@media(max-width:930px){
 .site-header .menu-toggle{width:44px;height:44px;flex:0 0 44px;padding:8px 10px;margin-left:0}
 html.mobile-navigation-ready .site-header .lang-link{display:none}
 .site-header .nav-wrap{gap:14px}
 .site-header .brand{margin-right:0}
 .site-header .nav-cta{max-width:none;flex:0 1 auto;padding-inline:14px;font-size:12px}
 html.mobile-navigation-ready .site-footer .footer-menu{display:none}
 html:not(.mobile-navigation-ready) .site-header .menu-toggle{display:none}
 .site-footer .footer-currency{padding-block:22px}
}
@media(min-width:720px) and (max-width:930px){.mobile-menu-scroll,.mobile-menu-toolbar,.mobile-menu-header,.mobile-menu-actions{padding-inline:var(--gutter)}}
@media(max-width:360px){.mobile-menu-actions{gap:12px}.mobile-menu-actions .btn{font-size:14px;gap:12px;padding-inline:12px;white-space:nowrap}}
@media(max-height:500px){
 .mobile-menu-header{min-height:56px}
 .mobile-menu-toolbar{min-height:44px}
 .mobile-menu-actions{padding-block:10px max(10px,env(safe-area-inset-bottom,0px))}
 .mobile-menu-root>a,.mobile-menu-root>button{min-height:52px;padding-block:10px;font-size:20px}
}
@media(prefers-reduced-motion:no-preference){.mobile-menu[open]{animation:mobile-menu-appear 140ms cubic-bezier(.16,1,.3,1)}}
@keyframes mobile-menu-appear{from{opacity:.9}to{opacity:1}}
@media print{.mobile-menu{display:none!important}}