/* Shared navigation for B&M Adapta, November 2026. */
html.bam-lock{overflow:hidden}
body :is(#cn-header,#site-header).bam-header{--bam-height:44px;position:sticky;top:0;height:var(--bam-height);width:100%;z-index:1000;background:#1d1d1f;color:#f5f5f7;border:0;isolation:isolate}
body :is(#cn-header,#site-header).bam-header,body :is(#cn-header,#site-header).bam-header *{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif!important;box-sizing:border-box}
body :is(#cn-header,#site-header).bam-header [hidden]{display:none!important}
body :is(#cn-header,#site-header).bam-header :is(a,button){color:inherit;text-decoration:none}
body :is(#cn-header,#site-header).bam-header button{appearance:none;cursor:pointer;border:0;border-radius:0;box-shadow:none;background:none;text-transform:none;letter-spacing:normal;margin:0}
body :is(#cn-header,#site-header).bam-header :is(a,button,input):focus-visible{outline:2px solid #2997ff;outline-offset:4px;border-radius:3px}
body :is(#cn-header,#site-header).bam-header .bam-bar{position:relative;z-index:3;background:rgba(29,29,31,.94);height:var(--bam-height);backdrop-filter:saturate(180%) blur(20px);transition:background .2s}
body :is(#cn-header,#site-header).bam-header.bam-open .bam-bar{background:#161617}
body :is(#cn-header,#site-header).bam-header .bam-nav{display:flex;align-items:center;gap:32px;max-width:980px;width:calc(100% - 44px);height:var(--bam-height);margin:0 auto;padding:0}
body :is(#cn-header,#site-header).bam-header .bam-brand{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;height:var(--bam-height);color:#f5f5f7}
body :is(#cn-header,#site-header).bam-header .bam-brand img{width:24px;height:24px;display:block;object-fit:contain;border-radius:50%;background:#f5f5f7}
body :is(#cn-header,#site-header).bam-header .bam-brand>span{display:flex;align-items:baseline;gap:5px;font-size:14px;line-height:1;font-weight:600;letter-spacing:-.4px;white-space:nowrap}
body :is(#cn-header,#site-header).bam-header .bam-brand small{font-size:10px;font-weight:400;color:#a1a1a6;letter-spacing:0}
body :is(#cn-header,#site-header).bam-header .bam-desktop{display:flex;align-items:center;justify-content:space-between;gap:24px;flex:1;height:100%;min-width:0}
body :is(#cn-header,#site-header).bam-header .bam-nav-link{display:inline-flex;align-items:center;justify-content:center;height:var(--bam-height);padding:0;font-size:12px;line-height:1.2;font-weight:400;letter-spacing:-.1px;white-space:nowrap;color:#d1d1d6;transition:color .2s}
body :is(#cn-header,#site-header).bam-header .bam-nav-link:hover,body :is(#cn-header,#site-header).bam-header .bam-nav-link[aria-expanded=true]{color:#fff}
body :is(#cn-header,#site-header).bam-header .bam-tools{display:flex;align-items:center;gap:12px;flex-shrink:0}
body :is(#cn-header,#site-header).bam-header .bam-tools:empty{display:none}
body :is(#cn-header,#site-header).bam-header .bam-icon{display:flex;align-items:center;justify-content:center;width:28px;height:var(--bam-height);padding:0;color:#d1d1d6;flex-shrink:0}
body :is(#cn-header,#site-header).bam-header .bam-icon svg{width:19px;height:19px}
body :is(#cn-header,#site-header).bam-header .bam-mobile-toggle,body :is(#cn-header,#site-header).bam-header .bam-back{display:none}
body :is(#cn-header,#site-header).bam-header .bam-backdrop{position:fixed;z-index:0;inset:var(--bam-height) 0 0;background:#0005;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
body :is(#cn-header,#site-header).bam-header .bam-panel{position:absolute;z-index:2;top:var(--bam-height);left:0;right:0;max-height:calc(100dvh - var(--bam-height));overflow:auto;overscroll-behavior:contain;background:#161617;color:#f5f5f7;animation:bam-reveal .22s ease-out both}
body :is(#cn-header,#site-header).bam-header .bam-panel-inner{display:flex;align-items:flex-start;gap:70px;max-width:980px;width:calc(100% - 44px);margin:0 auto;padding:38px 0 56px}
body :is(#cn-header,#site-header).bam-header .bam-column{min-width:0;flex:0 1 auto}
body :is(#cn-header,#site-header).bam-header .bam-column h2{font-size:12px;line-height:1.35;font-weight:400;color:#86868b;letter-spacing:0;margin:0 0 15px;padding:0}
body :is(#cn-header,#site-header).bam-header :is(.bam-column,.bam-search-inner) ul{list-style:none;margin:0;padding:0;display:block}
body :is(#cn-header,#site-header).bam-header :is(.bam-column,.bam-search-inner) li{list-style:none;margin:0;padding:0;display:block}
body :is(#cn-header,#site-header).bam-header .bam-column a{display:inline-block;font-size:12px;line-height:1.4;font-weight:600;color:#e8e8ed;padding:5px 0;letter-spacing:0}
body :is(#cn-header,#site-header).bam-header .bam-primary a{font-size:24px;line-height:1.2;font-weight:600;letter-spacing:-.55px;padding:5px 0}
body :is(#cn-header,#site-header).bam-header .bam-column a:hover{color:#fff}
body :is(#cn-header,#site-header).bam-header .bam-search-inner{max-width:980px;width:calc(100% - 44px);margin:0 auto;padding:38px 0 56px}
body :is(#cn-header,#site-header).bam-header .bam-search-field{display:flex;align-items:center;gap:14px;margin-bottom:34px}
body :is(#cn-header,#site-header).bam-header .bam-search-field>svg{width:28px;height:28px;color:#86868b;flex-shrink:0}
body :is(#cn-header,#site-header).bam-header .bam-search-field input{min-width:0;width:100%;border:0;border-radius:0;background:transparent;color:#f5f5f7;box-shadow:none;font-size:28px;line-height:1.3;font-weight:600;letter-spacing:-.5px;padding:8px 0}
body :is(#cn-header,#site-header).bam-header .bam-search-field input::placeholder{color:#86868b;opacity:1}
body :is(#cn-header,#site-header).bam-header .bam-search-field button{padding:12px;color:#a1a1a6;font-size:14px;line-height:1.3;font-weight:400}
body :is(#cn-header,#site-header).bam-header .bam-search-inner>p{font-size:12px;font-weight:400;color:#86868b;margin:0 0 10px}
body :is(#cn-header,#site-header).bam-header .bam-search-inner li a{display:inline-block;padding:6px 0;color:#e8e8ed;font-size:12px;font-weight:600;line-height:1.4}
body :is(#cn-header,#site-header).bam-header .bam-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes bam-reveal{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:901px) and (max-width:1100px){body :is(#cn-header,#site-header).bam-header .bam-nav{gap:22px}body :is(#cn-header,#site-header).bam-header .bam-desktop{gap:18px}body :is(#cn-header,#site-header).bam-header .bam-panel-inner{gap:45px}body :is(#cn-header,#site-header).bam-header .bam-primary a{font-size:22px}}
@media(max-width:900px){
 body :is(#cn-header,#site-header).bam-header{--bam-height:48px}
 body :is(#cn-header,#site-header).bam-header .bam-nav{width:100%;max-width:none;padding:0 16px;gap:14px;justify-content:space-between}
 body :is(#cn-header,#site-header).bam-header .bam-desktop{display:none}
 body :is(#cn-header,#site-header).bam-header .bam-tools{margin-left:auto;gap:10px}
 body :is(#cn-header,#site-header).bam-header .bam-icon{width:32px;height:48px}
 body :is(#cn-header,#site-header).bam-header .bam-icon svg{width:22px;height:22px}
 body :is(#cn-header,#site-header).bam-header .bam-mobile-toggle,body :is(#cn-header,#site-header).bam-header .bam-back:not([hidden]){display:flex}
 body :is(#cn-header,#site-header).bam-header.bam-child-open .bam-brand{display:none}
 body :is(#cn-header,#site-header).bam-header.bam-open .bam-search-toggle{display:none}
 body :is(#cn-header,#site-header).bam-header .bam-panel{position:fixed;top:48px;height:calc(100dvh - 48px);max-height:none;inset-inline:0;animation-duration:.18s}
 body :is(#cn-header,#site-header).bam-header .bam-panel-inner{display:flex;flex-direction:column;gap:34px;width:100%;max-width:600px;padding:24px 48px 58px}
 body :is(#cn-header,#site-header).bam-header .bam-mobile-inner{display:flex;flex-direction:column;gap:0;max-width:600px;padding:18px 48px 60px;margin:0 auto}
 body :is(#cn-header,#site-header).bam-header .bam-mobile-link{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:8px 0;text-align:left;font-size:28px;line-height:1.3;font-weight:600;letter-spacing:-.6px;color:#e8e8ed}
 body :is(#cn-header,#site-header).bam-header .bam-mobile-link svg{width:17px;height:17px;color:#86868b;flex-shrink:0}
 body :is(#cn-header,#site-header).bam-header .bam-column{width:100%}
 body :is(#cn-header,#site-header).bam-header .bam-column h2{font-size:12px;margin-bottom:13px}
 body :is(#cn-header,#site-header).bam-header .bam-column a{font-size:17px;line-height:1.3;font-weight:600;padding:6px 0}
 body :is(#cn-header,#site-header).bam-header .bam-primary a{font-size:24px;line-height:1.25;letter-spacing:-.55px;padding:6px 0}
 body :is(#cn-header,#site-header).bam-header .bam-search-inner{width:100%;max-width:600px;padding:24px 32px 50px}
 body :is(#cn-header,#site-header).bam-header .bam-search-field{gap:10px}
 body :is(#cn-header,#site-header).bam-header .bam-search-field input{font-size:23px}
 body :is(#cn-header,#site-header).bam-header .bam-search-field>svg{width:23px;height:23px}
 body :is(#cn-header,#site-header).bam-header .bam-search-field button{padding:8px 0;font-size:12px}
 body :is(#cn-header,#site-header).bam-header .bam-search-inner li a{font-size:17px;padding:10px 0}
}
@media(max-width:360px){body :is(#cn-header,#site-header).bam-header .bam-mobile-inner{padding-inline:32px}body :is(#cn-header,#site-header).bam-header .bam-panel-inner{padding-inline:32px}body :is(#cn-header,#site-header).bam-header .bam-mobile-link{font-size:26px}body :is(#cn-header,#site-header).bam-header .bam-primary a{font-size:22px}}
@media(prefers-reduced-motion:reduce){body :is(#cn-header,#site-header).bam-header *{animation:none!important;transition:none!important}}
