/* Beta header typography and spacing, confined to company chrome. */
@font-face{font-family:Figtree;src:url('/assets/fonts/Figtree-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Figtree;src:url('/assets/fonts/Figtree-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Figtree;src:url('/assets/fonts/Figtree-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
.cpo-company-header,.cpo-company-header a,.cpo-company-header input,.cpo-company-header button,.cpo-company-mobile,.cpo-company-mobile a,.cpo-company-mobile input,.cpo-company-mobile button{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important;font-synthesis:none;-webkit-text-size-adjust:100%}
.cpo-company-header .top_header,.cpo-company-header .b2-company-top{background:#3583c1!important;padding:0!important}
.cpo-company-header .top_header>.wrapper,.cpo-company-header .b2-company-top>.b2-wrap{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:24px;box-sizing:border-box;width:100%!important;max-width:1280px!important;padding:4px 32px!important;margin:0 auto!important;min-height:36px}
.cpo-company-header .tleft,.cpo-company-header .b2-company-tagline{display:flex!important;width:auto!important;max-width:none!important;flex:none;gap:8px;font:600 14px/20px ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important;letter-spacing:.35px;color:white}
.cpo-company-header .tleft img,.cpo-company-header .b2-company-tagline img{width:20px!important;height:20px!important;object-fit:contain;margin:0!important}
.cpo-company-header .tright{display:flex!important;width:auto!important;max-width:none!important;justify-content:flex-end!important}
.cpo-header-controls{display:flex!important;align-items:center;justify-content:flex-end;gap:16px;white-space:nowrap;min-width:0;color:#fff}
.cpo-header-controls .cpo-header-action{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;padding:2px 0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important;color:#fff!important;text-decoration:none!important;font:400 14px/20px ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important;letter-spacing:0!important;text-transform:none!important;min-height:28px;white-space:nowrap}
.cpo-header-controls .cpo-header-action:hover span{text-decoration:underline;text-underline-offset:3px}
.cpo-header-controls .cpo-header-icon{display:block;flex:none;width:22px!important;height:22px!important;margin:0!important;overflow:visible}
.cpo-header-vat{display:flex;align-items:center;gap:8px;white-space:nowrap;font:600 14px/20px ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important;color:#fff}
.cpo-header-controls .cpo-header-switch{position:relative;display:block;flex:none;box-sizing:border-box;width:48px!important;height:24px!important;min-height:0!important;margin:0!important;padding:0!important;border:1px solid #fff!important;border-radius:9999px!important;background:rgba(209,213,219,.9)!important;box-shadow:none!important;cursor:pointer;appearance:none}
.cpo-header-controls .cpo-header-switch>span{position:absolute;top:3px;left:3px;display:block;width:16px;height:16px;background:white;border-radius:9999px;box-shadow:0 1px 2px #0002;transition:transform .15s ease}
.cpo-header-controls .cpo-header-switch[aria-checked=true]>span{transform:translateX(22px)}
.cpo-header-controls a:focus-visible,.cpo-header-controls button:focus-visible{outline:2px solid white!important;outline-offset:4px!important;border-radius:3px}
.cpo-old-header-actions,.cpo-company-header .np-site-vat,.cpo-company-mobile .np-site-vat{display:none!important}
.cpo-company-header .header_second_row{background:white;padding:24px 0!important}
.cpo-company-header .header-grid,.cpo-company-header .b2-company-main{display:grid!important;grid-template-columns:280px minmax(180px,1fr) 300px;align-items:center;gap:16px!important;box-sizing:border-box;width:100%!important;max-width:1280px!important;margin:0 auto!important;padding:0 32px!important}
.cpo-company-header .b2-company-main{padding-block:24px!important}
.cpo-company-header .header-logo img,.cpo-company-header .b2-company-logo img{display:block;width:auto!important;max-width:280px!important;height:auto!important;max-height:56px!important}
.cpo-company-header .header-search input,.cpo-company-header .b2-company-search input{width:100%!important;box-sizing:border-box;border:1px solid #d1d5db!important;border-radius:6px!important;background:white!important;padding:10px 40px 10px 16px!important;font:400 14px/20px ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important;min-height:42px!important;box-shadow:none!important}
.cpo-company-header .header-contact,.cpo-company-header .b2-company-contact{display:flex!important;flex-direction:column;align-items:flex-end!important;gap:0;text-align:right}
.cpo-company-header .header-contact a,.cpo-company-header .b2-company-contact a{font:400 14px/20px ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important;color:#1f2937!important;text-decoration:none!important}
.cpo-company-header .header-contact a[href^=tel],.cpo-company-header .b2-company-contact a[href^=tel]{font-size:18px!important;font-weight:600!important;line-height:28px!important;color:#111827!important}
.cpo-company-header .main-menu>li>a{font:500 14px/20px Figtree,Arial,sans-serif!important;letter-spacing:.14px}
.cpo-company-header{overflow:visible!important}
.cpo-company-header .menu-container{min-width:0!important;height:auto!important;background:#fff!important;box-shadow:none!important;border-bottom:1px solid #d1d5db}
.cpo-company-header .menu-container nav{box-sizing:border-box;width:100%!important;max-width:1280px!important;min-width:0!important;padding:0 32px}
.cpo-company-header .main-menu{width:100%;height:auto}
.cpo-company-header .main-menu>li{flex:1}
.cpo-company-header .main-menu>li>a{min-height:44px;padding:12px 8px!important;color:#1f2937!important;white-space:nowrap}
.cpo-company-header .main-menu>li:hover{background:#eef7ff!important}
.cpo-company-header .main-menu>li>a:hover{color:#3583c1!important}
.cpo-company-header .mega-dropdown,.cpo-company-header .mega-dropdown a{font-family:Figtree,Arial,sans-serif!important}
.sos-banner,.b2-company-sos{display:none!important}
@media(max-width:1100px) and (min-width:769px){.cpo-company-header .top_header>.wrapper{padding-inline:20px!important;gap:12px}.cpo-company-header .tleft{font-size:11px!important;letter-spacing:0}.cpo-company-header .header-grid{grid-template-columns:240px minmax(180px,1fr) 260px;padding-inline:20px!important}.cpo-header-controls{gap:12px}}
/* Mobile keeps the product VAT switch and basket icon beside the company logo. */
.cpo-company-mobile .mobile_menu.menu{background:#3583c1!important}
.cpo-company-mobile .mobile_menu .menu_open{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-height:50px!important;gap:12px!important;padding:8px 16px!important}
.cpo-company-mobile .sidemenu{display:flex!important;align-items:center!important;gap:12px!important;width:auto!important;flex:1;min-width:0;margin:0!important}
.cpo-company-mobile .custom-hamburger{flex:none;margin:0!important}
.cpo-company-mobile .logo-container{position:static!important;transform:none!important;width:100%!important;min-width:0;max-width:240px!important;padding:0!important;margin:0 auto!important}
.cpo-company-mobile .logo-container a{display:block!important;line-height:0}
.cpo-company-mobile .logo-container .logo{display:block!important;width:100%!important;max-width:240px!important;height:auto!important;margin:0!important;transform:none!important}
.cpo-company-mobile .cpo-header-controls{flex:none;gap:10px}
.cpo-company-mobile .cpo-header-vat{flex-direction:column-reverse;gap:2px;font-size:10px!important;line-height:12px!important}
.cpo-company-mobile .cpo-header-vat[hidden]{display:none!important}
.cpo-company-mobile .cpo-header-action{min-width:28px;min-height:40px}
.cpo-company-mobile .cpo-header-switch{width:42px!important;height:24px!important}
.cpo-company-mobile .cpo-header-switch[aria-checked=true]>span{transform:translateX(16px)}
.cpo-company-mobile .search-bar{background:white!important}
.cpo-company-mobile .search-bar input{font:400 16px/22px ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important;border-radius:6px!important}
@media(max-width:768px){
 body:has(.cpo-company-mobile){padding-top:var(--cpo-header-bottom,100px)!important}
 body.new-product-page:has(.cpo-company-mobile) #product-content{margin-top:0!important}
 .cpo-category-mobile-spacer{height:var(--cpo-header-bottom,100px)!important}
 body:has(.cpo-category-mobile) {padding-top:0!important}
 .cpo-company-header .top_header>.wrapper,.cpo-company-header .b2-company-top>.b2-wrap{justify-content:center!important;padding:6px 16px!important}
 .cpo-company-header .tleft,.cpo-company-header .b2-company-tagline{display:none!important}
 .cpo-company-header .cpo-header-controls{gap:12px;flex-wrap:wrap;justify-content:center}
 .cpo-company-header .header-grid,.cpo-company-header .b2-company-main{grid-template-columns:1fr;padding:12px 16px!important}
}
@media(prefers-reduced-motion:reduce){.cpo-header-switch>span{transition:none!important}}

/* Desktop mega menus follow the actual menu baseline and available width. */
@media(min-width:1201px){
 .cpo-company-header .main-menu>li{position:static!important}
 .cpo-company-header .main-menu>li:hover{background:#f5f5f5!important}
 .cpo-company-header .main-menu>li>.mega-dropdown{box-sizing:border-box;top:100%!important;left:0!important;right:0!important;width:100%!important;min-width:0!important;max-width:none!important;margin-top:0!important;transform:none!important;align-items:stretch;background:#f5f5f5!important;border-radius:0 0 10px 10px!important;transition:opacity .15s}
 .cpo-company-header .main-menu>li>.mega-dropdown:has(>.mega-submenu:nth-child(2):last-child){left:50%!important;right:auto!important;width:min(720px,100%)!important;transform:translateX(-50%)!important}
 .cpo-company-header .main-menu>li>.mega-dropdown>.mega-submenu{box-sizing:border-box;flex:1 1 0!important;width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;padding:10px 20px!important}
 .cpo-company-header .main-menu>li>.mega-dropdown>.mega-submenu:has(img){flex:0 0 240px!important;width:240px!important;padding:10px 20px!important}
 .cpo-company-header .main-menu>li>.mega-dropdown>.mega-submenu:has(img) a:has(img){display:block;padding-left:0!important;padding-right:0!important}
 .cpo-company-header .main-menu>li>.mega-dropdown>.mega-submenu img{display:block;width:200px!important;max-width:100%!important;height:auto;padding:0!important;margin:0 auto!important}
 .cpo-company-header .main-menu>li>.mega-dropdown>.mega-submenu a{box-sizing:border-box;max-width:100%;overflow-wrap:anywhere}
}