/* Phone menu and header helpers shared by the catalogue designs (see bb-mobile.js). The button takes the header's text colour. */
.bb-menu-btn{all:unset;box-sizing:border-box;display:none;position:relative;flex:none;width:44px;height:44px;margin-left:8px;border-radius:12px;border:1.5px solid currentColor;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.bb-menu-btn.bb-on{display:inline-block}
.bb-menu-btn--float{position:fixed;z-index:2147483050;margin:0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.bb-menu-btn span{position:absolute;left:12px;right:12px;height:2px;border-radius:2px;background:currentColor;transition:transform .2s ease,opacity .2s ease}
.bb-menu-btn span:nth-child(1){top:14px}
.bb-menu-btn span:nth-child(2){top:20px}
.bb-menu-btn span:nth-child(3){top:26px}
.bb-menu-btn[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.bb-menu-btn[aria-expanded="true"] span:nth-child(2){opacity:0}
.bb-menu-btn[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.bb-menu-btn:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.bb-menu{display:block;position:fixed;left:0;right:0;top:var(--bb-top,64px);z-index:2147483100;box-sizing:border-box;max-height:calc(100vh - var(--bb-top,64px));max-height:calc(100dvh - var(--bb-top,64px));overflow:auto;overscroll-behavior:contain;padding:6px 20px 20px;border-top:1px solid rgba(127,127,127,.28);box-shadow:0 24px 40px -18px rgba(0,0,0,.45);font-size:17px;line-height:1.3;text-align:left}
.bb-menu[hidden]{display:none}
.bb-menu a{display:flex;float:none;width:auto;height:auto;margin:0;background:none;align-items:center;min-height:52px;padding:0 4px;border-bottom:1px solid rgba(127,127,127,.25);color:inherit;text-decoration:none;font:inherit;font-weight:600;letter-spacing:normal;text-transform:none}
.bb-menu a:focus-visible{outline:2px solid currentColor;outline-offset:-2px;border-radius:6px}
.bb-menu a.bb-menu-own{justify-content:center;min-height:50px;margin-top:16px;border:0;border-radius:999px;font-weight:700}
html.bb-menu-open,html.bb-menu-open body{overflow:hidden}
.bb-dup{display:none!important}
@media (prefers-reduced-motion:no-preference){.bb-menu:not([hidden]){animation:bbMenuIn .18s ease-out}}
@keyframes bbMenuIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media print{.bb-menu,.bb-menu-btn{display:none!important}}