/* Shared service navigation: the catalog, existing static pages and new service pages. */
.b2b-service-navigation{--b2b-menu-ink:#d9e8f0;--b2b-menu-accent:#80e7df;display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px 14px;min-width:0;color:var(--b2b-menu-ink);font-family:inherit}
.b2b-service-navigation *{box-sizing:border-box}
.b2b-service-menu{position:relative;min-width:0;border:0;margin:0;padding:0;background:none}
.b2b-service-menu>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;padding:9px 13px;border:1px solid transparent;border-radius:10px;color:var(--b2b-menu-ink);font-size:12px;font-weight:700;line-height:1.3;list-style:none;cursor:pointer;user-select:none}
.b2b-service-menu>summary::-webkit-details-marker{display:none}
.b2b-service-menu>summary::marker{content:""}
.b2b-service-menu>summary:after{content:none!important}
.b2b-service-menu>summary svg{flex:0 0 12px;transition:transform .18s ease}
.b2b-service-menu[open]>summary,.b2b-service-menu>summary:hover{background:#79e5dd0a;border-color:#79e5dd35;color:var(--b2b-menu-accent)}
.b2b-service-menu[open]>summary svg{transform:rotate(180deg)}
.b2b-service-menu>summary:focus-visible,.b2b-service-menu-panel a:focus-visible{outline:3px solid #55cec8;outline-offset:3px}
.b2b-service-menu-panel{position:absolute;top:calc(100% + 6px);left:0;z-index:100;min-width:272px;max-width:min(370px,calc(100vw - 32px));padding:16px;border:1px solid #375164;border-radius:16px;background:#102331;box-shadow:0 18px 44px #020a1280;color:#eef8fb;text-align:left}
.b2b-service-menu-panel:before{position:absolute;content:"";inset:-8px 0 auto;height:8px}
.b2b-service-navigation--header .b2b-service-menu:last-child .b2b-service-menu-panel{left:auto;right:0}
.b2b-service-menu-caption{margin:0 0 9px!important;padding:0!important;color:#96b2c4!important;font-size:10px!important;font-weight:700;letter-spacing:.12em;line-height:1.5;text-transform:uppercase}
.b2b-service-menu-panel ul{list-style:none!important;display:block!important;max-height:min(50vh,360px);overflow:auto;padding:0!important;margin:0!important}
.b2b-service-menu-panel li{display:block!important;padding:0!important;margin:0!important}
.b2b-service-navigation .b2b-service-menu-panel a{display:flex!important;align-items:center;justify-content:space-between;gap:18px;min-height:44px;max-width:none;margin:0;padding:10px 12px!important;border:0!important;border-radius:9px;color:#f0f8fb!important;background:none;font-size:13px!important;font-weight:650;line-height:1.35!important;text-decoration:none;white-space:normal}
.b2b-service-navigation .b2b-service-menu-panel a:after{content:none!important}
.b2b-service-navigation .b2b-service-menu-panel a:hover{color:#9df7eb!important;background:#91e8e014}
.b2b-service-menu-panel a>span{flex-shrink:0;color:#81ddd4}
.b2b-service-navigation .b2b-service-menu-panel .b2b-service-menu-all{margin-top:10px;padding-top:13px!important;border-top:1px solid #ffffff17!important;border-radius:0;color:#8dece3!important}
.b2b-service-navigation--footer{gap:8px 18px}
.b2b-service-navigation--footer .b2b-service-menu>summary{padding-left:0}
.b2b-service-navigation--footer .b2b-service-menu-panel{top:auto;bottom:calc(100% + 6px)}
.b2b-service-navigation--footer .b2b-service-menu-panel:before{inset:auto 0 -8px;height:8px}
.b2b-service-bar{padding:0 24px;border-top:1px solid #ffffff0b}
.b2b-service-bar-inner{width:min(1240px,100%);margin:0 auto;min-height:44px;display:flex;align-items:center;justify-content:flex-end}
.b2b-service-footer-row{width:min(1240px,calc(100% - 48px));margin:24px auto 0;padding-top:18px;border-top:1px solid #ffffff17}
.b2b-has-service-navigation.site-header{height:auto}
.b2b-has-service-navigation.site-header>.header-inner{height:78px}
.b2b-has-service-navigation .b2b-service-navigation--mobile{display:none}
.b2b-has-service-navigation .mobile-menu{overflow:auto;padding-bottom:max(24px,env(safe-area-inset-bottom))}
.catalog-page .catalog-hero{padding-top:176px}
.legal-header .b2b-service-navigation,.legal-footer .b2b-service-navigation{--b2b-menu-ink:#d9e8f0;--b2b-menu-accent:#80e7df}
.legal-header .b2b-service-bar{border-top-color:#ffffff17}
.legal-footer .b2b-service-footer-row{border-top-color:#ffffff17}
.legal-footer-inner>div{display:flex;flex-wrap:wrap;gap:10px 16px;max-width:100%;min-width:0}
.legal-footer-inner>div>a{margin-right:0}
.company-service .service-header .b2b-service-bar-inner{min-height:44px}
@media(min-width:1241px){.b2b-has-service-navigation.site-header[data-header]~main .hero{padding-top:170px}}
@media(max-width:1240px){
 .b2b-has-service-navigation.site-header[data-header]>.b2b-service-bar{display:none}
 .b2b-has-service-navigation .mobile-menu .b2b-service-navigation--mobile{display:flex;flex-direction:column;gap:8px;margin:18px 0}
 .mobile-menu .b2b-service-menu{width:100%}
 .mobile-menu .b2b-service-menu>summary{min-height:48px;padding:12px 5px;font-size:17px;border-radius:0;border-bottom:1px solid #ffffff1a}
 .mobile-menu .b2b-service-menu-panel{position:static;min-width:0;max-width:none;margin:6px 0 10px;padding:12px;box-shadow:none}
 .mobile-menu .b2b-service-menu-panel:before{display:none}
}
@media(max-width:580px){
 .b2b-has-service-navigation.site-header>.header-inner{height:70px}
 .b2b-service-bar{padding:0 12px}
 .b2b-service-bar-inner{justify-content:flex-start}
 .b2b-service-bar .b2b-service-navigation{width:100%;flex-wrap:nowrap;gap:4px}
 .b2b-service-bar .b2b-service-menu{flex:1 1 50%}
 .b2b-service-bar .b2b-service-menu>summary{min-height:46px;padding:7px 7px;gap:7px;font-size:11px}
 .b2b-service-bar .b2b-service-menu:last-child .b2b-service-menu-panel{left:auto;right:0}
 .b2b-service-menu-panel{min-width:min(272px,calc(100vw - 32px))}
 .b2b-service-footer-row{width:calc(100% - 24px);margin-top:20px}
 .b2b-service-navigation--footer{flex-direction:column;gap:2px}
 .b2b-service-navigation--footer .b2b-service-menu-panel{min-width:min(272px,calc(100vw - 32px))}
 .catalog-page .catalog-hero{padding-top:152px}
}
@media(prefers-reduced-motion:reduce){.b2b-service-menu>summary svg{transition:none}}