.bole-header { position:sticky; top:0; z-index:50; color:var(--bole-color-tone-f4f5f3); font:14px/26px var(--bole-font-family); }
.admin-bar .bole-header { top:32px; }
@media(max-width:782px) { .admin-bar .bole-header { top:46px; } }
@media(max-width:600px) { .admin-bar .bole-header { top:0; } }
.bole-header, .bole-header *, .bole-header *::before, .bole-header *::after { box-sizing:border-box; }
.bole-header :where(a) { color:inherit; text-decoration:none; }
.bole-header :where(button,input) { font:inherit; }
.bole-header :where(button) { border:0; color:inherit; background:var(--bole-color-transparent); padding:0; cursor:pointer; }
.bole-header :where(ul) { list-style:none; padding:0; margin:0; }
.bole-header :is(a,button,input):focus-visible { outline:2px solid var(--bole-color-tone-c5a231); outline-offset:5px; }
.bole-header svg { width:26px; height:26px; fill:none; stroke:currentColor; stroke-width:1.1; stroke-linecap:round; stroke-linejoin:round; }
.bole-header .bole-header__announcement { background:var(--bole-color-gray-626262); height:35.5px; overflow:hidden; display:flex; align-items:center; }
.bole-header .bole-header__marquee { display:flex; width:max-content; animation:bole-header-marquee 100s linear infinite; }
.bole-header .bole-header__track { display:flex; flex-shrink:0; gap:26px; padding-right:26px; }
.bole-header .bole-header__track span { white-space:nowrap; font-weight:600; font-size:13px; line-height:22px; }
.bole-header .bole-header__announcement:hover .bole-header__marquee, .bole-header .bole-header__announcement:focus-within .bole-header__marquee { animation-play-state:paused; }
@keyframes bole-header-marquee { to { transform:translateX(-50%); } }
.bole-header .bole-header__bar { display:grid; grid-template-columns:196px minmax(0,1fr) 196px; align-items:center; gap:30px; min-height:96px; padding:10px 50px; border-bottom:1px solid var(--bole-color-white-alpha-0_16078431); background:linear-gradient(90deg,var(--bole-color-tone-020304-alpha-0_98039216),var(--bole-color-tone-0a0d10-alpha-0_92156863) 52%,var(--bole-color-tone-181d22-alpha-0_87843137)); backdrop-filter:blur(14px); box-shadow:0 10px 38px var(--bole-color-black-alpha-0_2); }
.bole-header .bole-header__logo { display:flex; align-items:center; justify-self:start; }
.bole-header .bole-header__logo img { display:block; width:auto; height:auto; max-width:160px; max-height:72px; object-fit:contain; }
.bole-header .bole-header__links { display:flex; align-items:center; justify-content:center; gap:22px; }
.bole-header .bole-header__links>li { position:relative; }
.bole-header .bole-header__links>li>a { display:block; position:relative; padding:14px 0; font-size:clamp(13px,.88vw,16px); font-weight:500; letter-spacing:.055em; line-height:24px; text-transform:uppercase; white-space:nowrap; }
.bole-header .bole-header__links>li>a::after { content:""; position:absolute; left:0; right:0; bottom:2px; height:3px; background:var(--bole-color-underline); border-radius:2px; transform:scaleX(0); transform-origin:left; transition:transform .2s ease; }
.bole-header .bole-header__links>li:is(.current-menu-item,.current-menu-ancestor,.current-menu-parent)>a { color:var(--bole-color-tone-f15a24); }
.bole-header .bole-header__links>li:is(.current-menu-item,.current-menu-ancestor,.current-menu-parent)>a::after { transform:scaleX(1); }
.bole-header .bole-header__links .sub-menu { position:absolute; left:0; top:100%; min-width:220px; padding:14px 20px; background:var(--bole-color-tone-11171b); opacity:0; visibility:hidden; transform:translateY(8px); transition:opacity .2s ease,transform .2s ease,visibility .2s; }
.bole-header .bole-header__links .sub-menu a { display:block; padding:9px 0; }
.bole-header .bole-header__links li:focus-within>.sub-menu { opacity:1; visibility:visible; transform:translateY(0); }
.bole-header .bole-header__links .sub-menu .sub-menu { top:0; left:100%; }
.bole-header .bole-header__tools { display:flex; align-items:center; justify-content:flex-end; gap:clamp(16px,1.65vw,30px); }
.bole-header .bole-header__tools :is(a,button) { display:grid; place-items:center; width:26px; min-height:34px; }
.bole-header .bole-header__mobile-tools { display:none; }
.bole-header .bole-header__dialog { color:var(--bole-color-tone-f4f5f3); background:var(--bole-color-tone-0b0e10); border:1px solid var(--bole-color-white-alpha-0_16078431); padding:28px; max-width:calc(100% - 32px); max-height:90dvh; overscroll-behavior:contain; }
.bole-header .bole-header__dialog::backdrop { background:var(--bole-color-black-alpha-0_6); }
.bole-header .bole-header__dialog-heading { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-bottom:24px; font-size:18px; font-weight:600; }
.bole-header .bole-header__dialog-heading button { width:40px; height:40px; }
.bole-header .bole-header__drawer { inset:0 auto 0 0; margin:0; width:360px; height:100dvh; max-height:100dvh; border:0; }
.bole-header .bole-header__drawer-links a { display:block; padding:14px 0; border-bottom:1px solid var(--bole-color-white-alpha-0_1254902); }
.bole-header .bole-header__drawer-links .sub-menu { padding-left:20px; }
.bole-header .bole-header__drawer-links .current-menu-item>a { color:var(--bole-color-tone-f15a24); }
.bole-header .bole-header__drawer-languages { margin-top:30px; }
.bole-header .bole-header__languages { width:400px; }
.bole-header .bole-header__sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media(hover:hover) and (pointer:fine) {
    .bole-header .bole-header__links>li>a:hover::after { transform:scaleX(1); }
    .bole-header .bole-header__links li:hover>.sub-menu { opacity:1; visibility:visible; transform:translateY(0); }
    .bole-header .bole-header__tools :is(a,button):hover { color:var(--bole-color-tone-c5a231); }
}
@media(min-width:1280px) { .bole-header .bole-header__bar { grid-template-columns:220px minmax(0,1fr) 220px; } }
@media(min-width:1025px) and (max-width:1600px) {
    .bole-header .bole-header__bar { grid-template-columns:140px minmax(0,1fr) 164px; gap:20px; padding-inline:32px; }
    .bole-header .bole-header__logo img { max-width:130px; }
    .bole-header .bole-header__links { gap:18px; flex-wrap:wrap; }
    .bole-header .bole-header__links>li>a { font-size:13px; }
}
@media(max-width:1024px) {
    .bole-header .bole-header__announcement { height:32.5px; }
    .bole-header .bole-header__track span { font-size:12px; }
    .bole-header .bole-header__bar { display:grid; grid-template-columns:90px minmax(0,1fr) 90px; gap:0; min-height:50px; height:50px; padding:0 10px; background:var(--bole-color-tone-0b0e10); border:0; box-shadow:none; }
    .bole-header .bole-header__nav { display:none; }
    .bole-header .bole-header__logo { justify-self:center; }
    .bole-header .bole-header__logo img { max-width:92px; max-height:48px; }
    .bole-header .bole-header__mobile-tools { display:flex; align-items:center; justify-content:space-between; }
    .bole-header .bole-header__mobile-tools button { display:grid; place-items:center; width:34px; height:44px; }
    .bole-header .bole-header__tools { gap:22px; }
    .bole-header .bole-header__tools :is(a,button) { width:26px; min-height:44px; }
}
@media(prefers-reduced-motion:reduce) {
    .bole-header .bole-header__marquee { animation:none; }
    .bole-header .bole-header__links>li>a::after, .bole-header .bole-header__links .sub-menu { transition:none; }
}

/* Shared compact category dropdown. */
.bole-header .bole-header__links>li.is-submenu-open>a{color:var(--bole-color-underline)}
.bole-header .bole-header__links .sub-menu{top:calc(100% + 12px);left:0;width:280px;min-width:260px;max-width:calc(100vw - 24px);padding:8px;border-radius:10px;background:var(--bole-color-white);color:var(--bole-color-gray-111111);box-shadow:0 12px 32px var(--bole-color-black-alpha-0_13333333);z-index:3}
.bole-header .bole-header__links .sub-menu::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.bole-header .sub-menu[hidden]{display:none!important}
.bole-header .bole-header__links li.is-submenu-open>.sub-menu{opacity:1;visibility:visible;transform:none}
.bole-header .bole-header__links .sub-menu a{position:relative;display:flex;align-items:center;min-height:48px;padding:12px 16px;font-size:15px;line-height:24px;font-weight:500;border-radius:6px;white-space:nowrap;letter-spacing:0;transition:background .18s ease,color .18s ease}
.bole-header .sub-menu a:hover,.bole-header .sub-menu a:focus-visible{background:var(--bole-color-surface);color:var(--bole-color-gray-111111)}
.bole-header .bole-header__drawer-links .sub-menu{grid-column:1/-1;background:var(--bole-color-white);color:var(--bole-color-gray-111111);border-radius:10px;padding:8px;margin:8px 0 16px}
.bole-header .bole-header__drawer-links .sub-menu a{border:0;position:relative;padding:12px 16px;min-height:46px;font-weight:500;font-size:15px;line-height:22px;border-radius:6px}

.bole-header .has-menu-indicator{position:relative}
.bole-header .has-menu-indicator>li>a::after{display:none}
.bole-header .has-menu-indicator>.bole-header__menu-indicator{position:absolute;top:0;left:0;height:3px;margin:0;padding:0;border:0;border-radius:2px;background:var(--bole-color-underline);pointer-events:none;opacity:0;z-index:4;transition:transform .2s cubic-bezier(.22,1,.36,1),width .2s cubic-bezier(.22,1,.36,1),opacity .1s}
@media(prefers-reduced-motion:reduce){.bole-header .has-menu-indicator>.bole-header__menu-indicator{transition:none}}

.bole-header .sub-menu { transform-origin:top center; }
.bole-header .sub-menu[inert] { pointer-events:none; }

.bole-header .bole-header__page-loading{position:fixed;inset:var(--bole-loading-top,96px) 0 0;z-index:-1;background:var(--bole-color-white);color:var(--bole-color-gray-222222);overflow:hidden;pointer-events:auto}
.bole-header .bole-header__page-loading[hidden]{display:none}
.bole-header .bole-header__loading-content{max-width:1500px;margin:auto;padding:36px clamp(20px,4vw,64px)}
.bole-header .bole-header__loading-title{width:28%;min-width:140px;height:28px;margin-bottom:24px;border-radius:6px;background:var(--bole-color-tone-ededf0)}
.bole-header .bole-header__loading-banner{height:clamp(110px,20vw,260px);border-radius:14px;background:var(--bole-color-tone-ededf0);margin-bottom:32px}
.bole-header .bole-header__loading-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.bole-header .bole-header__loading-card{padding:20px;border-radius:18px;border:1px solid var(--bole-color-tone-efeff1)}
.bole-header .bole-header__loading-card span{display:block;height:160px;border-radius:10px;background:var(--bole-color-tone-ededf0);margin-bottom:20px}
.bole-header .bole-header__loading-card i{display:block;width:80%;height:14px;border-radius:4px;background:var(--bole-color-tone-ededf0);margin-top:10px}
.bole-header .bole-header__loading-card i:last-child{width:50%}
.bole-header .bole-header__loading-content{animation:bole-header-loading-pulse 1.4s ease-in-out infinite alternate}
@keyframes bole-header-loading-pulse{from{opacity:.55}to{opacity:1}}
@media(max-width:767px){.bole-header .bole-header__loading-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bole-header .bole-header__loading-card{padding:12px}.bole-header .bole-header__loading-card span{height:120px}}
@media(prefers-reduced-motion:reduce){.bole-header .bole-header__loading-content{animation:none}}

.bole-header :is(.bole-header__links,.bole-header__drawer-links)>li>a[aria-expanded]{position:relative;padding-right:20px}
.bole-header :is(.bole-header__links,.bole-header__drawer-links)>li>a[aria-expanded]::before{content:"";position:absolute;right:2px;top:calc(50% - 4px);width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .18s ease}
.bole-header :is(.bole-header__links,.bole-header__drawer-links)>li>a[aria-expanded=true]::before{transform:translateY(3px) rotate(225deg)}
.bole-header .sub-menu a::before{content:"";position:absolute;left:5px;top:50%;width:3px;height:16px;border-radius:2px;background:var(--bole-color-brand);transform:translateY(-50%) scaleY(0);transition:transform .18s ease}
.bole-header .sub-menu li.current-menu-item>a{background:var(--bole-color-surface);color:var(--bole-color-text);font-weight:600}
.bole-header .sub-menu :is(a:hover,a:focus-visible),.bole-header .sub-menu li.current-menu-item>a{color:var(--bole-color-text)}
.bole-header .sub-menu :is(a:hover,a:focus-visible)::before,.bole-header .sub-menu li.current-menu-item>a::before{transform:translateY(-50%) scaleY(1)}
@media(prefers-reduced-motion:reduce){.bole-header .sub-menu a,.bole-header .sub-menu a::before,.bole-header a[aria-expanded]::before{transition:none}}
/* About uses a full-bleed dark hero, not the collection card skeleton. */
.bole-header .bole-header__page-loading--about{background:var(--bole-color-tone-05080a)}
.bole-header .bole-header__page-loading--about .bole-header__loading-content{max-width:none;padding:0;animation:none}
.bole-header .bole-header__loading-about-hero{box-sizing:border-box;display:flex;align-items:center;width:min(100%,1920px);height:max(clamp(350px,42.872vw,821px),calc(100svh - 112px));min-height:350px;margin:auto;padding:clamp(30px,4.3vw,82px);background:linear-gradient(90deg,var(--bole-color-tone-05080a),var(--bole-color-black-alpha-0_3))}
.bole-header .bole-header__loading-about-copy{width:min(43%,570px);transform:translateY(-2%)}
.bole-header .bole-header__loading-about-copy>*{display:block;border-radius:4px;background:var(--bole-color-white-alpha-0_1);animation:bole-header-loading-pulse 1.4s ease-in-out infinite alternate}
.bole-header .bole-header__loading-about-heading{height:clamp(45px,5vw,96px);width:90%;margin-bottom:12px}
.bole-header .bole-header__loading-about-heading+span{width:72%}
.bole-header .bole-header__loading-about-subtitle{width:80%;height:clamp(23px,2.15vw,41px);margin:24px 0 32px}
.bole-header .bole-header__loading-about-copy i{height:14px;margin-top:12px;width:100%}
.bole-header .bole-header__loading-about-copy i:last-child{width:65%}
@media(min-width:768px) and (max-width:1024px){.bole-header .bole-header__loading-about-hero{height:max(clamp(350px,42.872vw,821px),calc(100svh - 86px))}}
@media(max-width:767px){.bole-header .bole-header__loading-about-hero{height:max(clamp(620px,145vw,780px),calc(100svh - 86px));min-height:620px;align-items:flex-end;padding:38px 24px 105px}.bole-header .bole-header__loading-about-copy{width:100%;max-width:520px;transform:none}.bole-header .bole-header__loading-about-heading{height:clamp(44px,13vw,64px)}.bole-header .bole-header__loading-about-subtitle{margin:18px 0 28px}}
@media(max-width:420px){.bole-header .bole-header__loading-about-hero{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){.bole-header .bole-header__loading-about-copy>*{animation:none}}