.bn-public .site-header{display:flex;min-height:80px;padding:12px 4%;gap:22px;flex-wrap:nowrap;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);position:relative;z-index:50}
.bn-public .site-header .brand,.bn-public .site-header .brand img{width:156px;min-width:156px}.bn-public .site-header .brand small{display:none}
.bn-public .site-header #primary-nav{display:flex;position:static;flex-direction:row;gap:25px;padding:0;background:none;border:0;margin:auto}
.bn-public .site-header #primary-nav>a{font-size:12px;font-weight:550;letter-spacing:.055em;text-transform:uppercase;padding:10px 0}
.bn-public .site-header .mobile-toggle,.bn-public .site-header .listen-live{display:none}
.bn-public .site-header .header-tools{width:auto;margin:0;gap:5px}.bn-public .site-header .theme-menu{margin:0}
.bn-public .site-header .theme-menu>summary{border-radius:10px;background:var(--panel);font-size:12px;font-weight:500;box-shadow:none}
.bn-shop-menu{position:relative;align-self:center}
.bn-shop-menu>summary{display:flex;align-items:center;gap:8px;list-style:none;padding:10px 0;font-size:12px;font-weight:750;letter-spacing:.055em;text-transform:uppercase;cursor:pointer;color:inherit}
.bn-shop-menu>summary::-webkit-details-marker{display:none}.bn-shop-menu>summary>span{display:none}
.bn-shop-menu[open]>summary{color:var(--accent-bright)}
.bn-shop-panel{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-35%);width:min(640px,90vw);max-height:min(650px,calc(100dvh - 130px));overflow:auto;padding:22px;border:3px solid var(--accent-bright);border-radius:14px;background:var(--bg,#071019);color:var(--text,#fff);box-shadow:0 0 24px color-mix(in srgb,var(--accent-bright) 35%,transparent),0 24px 65px #0009;z-index:70}
.bn-shop-quick,.bn-shop-links{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px}.bn-shop-links a,.bn-shop-links a>span{min-width:0;overflow-wrap:anywhere;white-space:normal!important}.bn-shop-links small{flex-shrink:0}
.bn-shop-panel a{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0!important;padding:12px!important;min-height:44px;border:1px solid color-mix(in srgb,var(--accent-bright) 35%,transparent);border-radius:7px;background:color-mix(in srgb,var(--accent-bright) 7%,var(--bg));font-size:14px!important;font-weight:750!important;line-height:1.35;letter-spacing:0!important;text-transform:none!important;color:var(--text)!important;text-decoration:none}
.bn-shop-panel a:hover,.bn-shop-panel a:focus-visible{border-color:var(--accent-bright);background:color-mix(in srgb,var(--accent-bright) 18%,var(--bg));color:var(--accent-bright)!important}
.bn-shop-panel .bn-shop-quick a{background:var(--accent-bright);color:#071019!important;border-color:var(--accent-bright);font-size:15px!important}
.bn-menu-heading{margin:22px 0 10px;font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:750;color:var(--accent-bright)}
.bn-shop-panel small{font-size:11px;opacity:.7;font-weight:600}
@media(max-width:900px){.bn-public .site-header #primary-nav.open{max-height:calc(100dvh - 90px);overflow:auto;justify-content:flex-start}.bn-public .site-header #primary-nav.open>*{flex-shrink:0}.bn-shop-menu{width:100%;margin:0}.bn-shop-panel{position:static;transform:none;width:100%;max-height:55dvh;padding:14px;margin:8px 0 12px}.bn-shop-panel a{padding:10px!important;font-size:13px!important}.bn-shop-quick{grid-template-columns:1fr}.bn-shop-panel .bn-shop-quick a{font-size:14px!important}}

/* One transparent, scrolling navigation across every public page. */
.bn-public .site-header{position:absolute;inset:0 0 auto;min-height:92px;background:transparent;border:0;box-shadow:none;backdrop-filter:none;align-items:center}
.bn-public #main{padding-top:96px}
.bn-public.page-home #main,.bn-public:has(#main>.hero) #main{padding-top:0}
.bn-public #main>.hero:not(.home-hero){padding-top:140px!important}
.bn-public .site-header #primary-nav{align-items:center}
.bn-public .site-header #primary-nav>a,.bn-public .site-header #primary-nav>.bn-shop-menu>summary{font-size:12px;font-weight:650;line-height:20px;min-height:44px;padding:12px 0;letter-spacing:.055em;border:0;box-shadow:none;margin:0}
.bn-public .site-header #primary-nav>.bn-shop-menu{margin:0;padding:0;border:0;align-self:center}
.bn-public .site-header #primary-nav>.mobile-account{display:none}
.bn-public .site-header .theme-panel{z-index:80}
@media(min-width:901px){
 .bn-shop-menu{position:static}
 .bn-shop-panel{top:calc(100% - 2px);left:50%;transform:translateX(-50%);width:min(1280px,92vw);max-height:calc(100dvh - 112px);padding:20px}
 .bn-shop-panel .bn-shop-links{grid-template-columns:repeat(4,minmax(0,1fr))}
 .bn-shop-panel .bn-shop-links:first-of-type{grid-template-columns:repeat(5,minmax(0,1fr))}
 .bn-shop-panel a{padding:10px!important}
 .bn-menu-heading{margin:16px 0 8px}
}
@media(min-width:1400px){.bn-shop-panel .bn-shop-links{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:900px){
 .bn-public .site-header{min-height:72px;padding:10px 4%;gap:10px}
 .bn-public .site-header .brand,.bn-public .site-header .brand img{width:132px;min-width:132px}
 .bn-public .site-header .mobile-toggle{display:inline-flex;order:3;margin:0;width:36px;min-width:36px}
 .bn-public .site-header .header-tools{margin-left:auto;gap:2px}
 .bn-public .site-header #primary-nav{display:none}
 .bn-public .site-header #primary-nav.open{display:flex;position:absolute;top:100%;left:0;right:0;background:var(--bg);padding:20px 5%;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}
 .bn-public .site-header #primary-nav>.mobile-account{display:block}
 .bn-public .site-header .theme-menu>summary{padding:8px;font-size:11px}
 .bn-public .site-header .theme-panel{position:fixed;top:78px;left:16px;right:16px;width:auto;max-height:calc(100dvh - 96px);overflow:auto}
 .bn-public #main{padding-top:82px}.bn-public #main>.hero:not(.home-hero){padding-top:110px!important}
}
@media(max-width:600px){.bn-public .site-header .brand,.bn-public .site-header .brand img{width:112px;min-width:112px}.bn-public .site-header .header-tools>a[aria-label="Search products"],.bn-public .site-header .header-tools>a[aria-label="My account"]{display:none}}
