/* Transparent over the home hero; one continuous black bar while sticky or open. */
:root{--duke-header-bar-height:76px}
#brx-header .site-header,
#brx-header .site-header .header-inner{background:#000!important;color:#fff!important}
.home #brx-header .site-header:not(.is-scrolled):not(:has(.desktop-nav>[data-menu][aria-expanded="true"],.mobile-menu-toggle[aria-expanded="true"])),
.home #brx-header .site-header:not(.is-scrolled):not(:has(.desktop-nav>[data-menu][aria-expanded="true"],.mobile-menu-toggle[aria-expanded="true"])) .header-inner{background:transparent!important}
#brx-header .site-header{padding:0;pointer-events:auto;transform:none!important;will-change:auto;transition:background-color .28s ease-out}
#brx-header .site-header .header-inner{height:var(--duke-header-bar-height);min-height:var(--duke-header-bar-height);padding:0 var(--gutter);gap:24px;pointer-events:auto;max-width:none;transition:background-color .28s ease-out}
#brx-header .site-header :is(.brand,.desktop-nav,.header-tools,.mobile-menu-toggle){background:transparent!important;color:#fff!important;border-radius:0;box-shadow:none}
#brx-header .site-header .brand{width:148px;height:44px;margin-right:8px;flex-shrink:0;transition:none}
#brx-header .site-header .brand__wordmark{width:138px;filter:none!important}
#brx-header .site-header .brand__isologo{width:40px;left:0;filter:none!important}
#brx-header .site-header .desktop-nav{padding:0;gap:24px;font-size:15px;height:44px}
#brx-header .site-header .desktop-nav> :is(a,button){color:inherit}
#brx-header .site-header .header-tools{padding:0;margin-left:auto;gap:4px;height:44px}
#brx-header .site-header .icon-button{width:44px;height:44px;min-width:44px;min-height:44px;color:inherit}
#brx-header .site-header :is(.bag-count,.favorite-count){background:#fff;color:#000}
#brx-header .site-header .header-locale{width:20px;height:auto;aspect-ratio:8/5;flex:none;display:block;margin:0 12px 0 0;overflow:hidden}
#brx-header .site-header .header-locale svg{display:block;width:100%;height:100%}
#brx-header .site-header .mega-menu{top:100%;background:#fff;color:#171717;border-radius:0;max-height:calc(100svh - var(--duke-header-bar-height));overflow-x:hidden}
#brx-header .site-header .mega-menu__categories>a{border:0}
#brx-header .site-header :is(a,button,summary):focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(min-width:992px) and (max-width:1250px){
 #brx-header .site-header .header-inner{padding:0 24px;gap:18px}
 #brx-header .site-header .brand{width:116px;margin-right:0}
 #brx-header .site-header .brand__wordmark{width:110px}
 #brx-header .site-header .desktop-nav{gap:16px;font-size:14px}
 #brx-header .site-header .header-tools{gap:0}
 #brx-header .site-header .header-locale{margin-right:4px;width:20px;height:auto}
}
@media(max-width:991px){
 :root{--duke-header-bar-height:68px;--duke-mobile-header-gutter:20px}
 #brx-header .site-header .header-inner{padding:0 var(--duke-mobile-header-gutter);gap:8px}
 #brx-header .site-header .brand{position:relative;left:auto;transform:none;width:128px;margin:0 auto 0 0}
 #brx-header .site-header .brand__wordmark{width:128px}
 #brx-header .site-header .header-tools{gap:0;margin:0;padding:0}
 #brx-header .site-header .header-tools :is(.account-link,.wishlist-toggle){display:none}
 #brx-header .site-header .mobile-menu-toggle{display:inline-flex!important;flex:none;margin:0}
 #brx-header .site-header .header-locale{width:18px;height:auto;margin-right:8px}
 #brx-header .site-header #mobile-menu{position:absolute;top:100%;left:0;right:0;width:100%;max-height:calc(100svh - var(--duke-header-bar-height));padding:16px var(--duke-mobile-header-gutter) max(28px,env(safe-area-inset-bottom));border-radius:0;background:#fff;color:#171717;box-shadow:0 18px 24px #0002;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b7b7b2 #fff}
 #brx-header .site-header #mobile-menu:not([hidden]){display:flex;flex-direction:column;gap:0}
 #brx-header .site-header #mobile-menu> :is(a,button){display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:48px;padding:10px 0;border:0;font-family:inherit;font-size:20px;line-height:1.3;font-weight:400;letter-spacing:-.02em;color:inherit;text-align:left}
 #brx-header .site-header #mobile-menu> :is(a,button)>span{font:inherit;letter-spacing:inherit}
 #brx-header .site-header #mobile-menu> :is(a,button)>.icon{width:16px;height:16px;min-width:0;min-height:0;margin-inline-end:14px;flex:none;stroke-width:1.5}
 #brx-header .site-header #mobile-menu>a>.icon{display:none}
 #brx-header .site-header #mobile-menu .mobile-submenu{--mobile-menu-media-width:48px;display:grid;grid-template-columns:minmax(0,1fr);gap:2px;padding:4px 0 20px}
 #brx-header .site-header #mobile-menu .mobile-submenu>a{display:flex;align-items:center;gap:16px;padding:6px 0;font-size:16px!important;min-height:48px!important;color:inherit;line-height:1.4}
 #brx-header .site-header #mobile-menu .mobile-submenu>a>span:not(.rider-menu-face){font:inherit}
 #brx-header .site-header #mobile-menu .mobile-submenu>a>img{width:var(--mobile-menu-media-width);height:54px;object-fit:contain;flex:none}
 #brx-header .site-header #mobile-menu .mobile-menu-utilities{display:flex;flex-wrap:wrap;align-items:center;gap:8px 28px;margin-top:20px;padding-top:20px;border-top:1px solid #deded9}
 #brx-header .site-header #mobile-menu .mobile-menu-utilities :is(a,button){display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0;font-size:16px;font-weight:400;color:inherit}
 /* Decorative icons reuse Duke's existing line icons; labels and destinations stay in Bricks. */
 #brx-header .site-header #mobile-menu .mobile-submenu:has(.rider-menu-face){--mobile-menu-media-width:38px}
 #brx-header .site-header #mobile-menu .mobile-submenu>a:not(:has(img,.rider-menu-face))::before{content:"";display:block;width:var(--mobile-menu-media-width);height:24px;flex:none;background:currentColor;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2012h15M13%206l6%206-6%206%22%2F%3E%3C%2Fsvg%3E") center/20px 20px no-repeat}
 #brx-header .site-header #mobile-menu .mobile-menu-utilities :is(a,button)::before{content:"";display:block;width:18px;height:18px;flex:none;background:currentColor;mask:var(--mobile-utility-icon) center/contain no-repeat}
 #brx-header .site-header #mobile-menu .mobile-menu-utilities>a{--mobile-utility-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M4%2021v-2a8%208%200%200%201%2016%200v2%22%2F%3E%3C%2Fsvg%3E")}
 #brx-header .site-header #mobile-menu .mobile-menu-utilities>[data-dialog="wishlist-dialog"]{--mobile-utility-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20.5%204.8a5.5%205.5%200%200%200-8.5%201%205.5%205.5%200%200%200-8.5%207L12%2021l8.5-8.2a5.5%205.5%200%200%200%200-8Z%22%2F%3E%3C%2Fsvg%3E")}
}
@media(max-width:380px){
 :root{--duke-mobile-header-gutter:12px}
 #brx-header .site-header .header-inner{gap:2px}
 #brx-header .site-header .brand{width:108px}
 #brx-header .site-header .brand__wordmark{width:108px}
 #brx-header .site-header .header-locale{width:18px;height:auto;margin-right:4px}
}
@media(prefers-reduced-motion:reduce){#brx-header .site-header,#brx-header .site-header .header-inner{transition:none}}