.reference-header{display:block;position:relative;z-index:20;color:var(--header-text);background:var(--header-bg);font-family:var(--header-font);border-bottom:1px solid var(--header-border)}.reference-header [hidden]{display:none!important}.reference-header__inner{display:flex;align-items:center;gap:clamp(16px,2.8vw,40px);width:min(100%,var(--header-max-width));min-height:var(--header-height);margin-inline:auto;padding:10px clamp(24px,9.3vw,150px)}.reference-header__brand{flex:0 1 var(--header-logo-width);min-width:80px;display:flex;align-items:center;text-decoration:none;color:var(--header-logo-color)}.reference-header__brand img{width:var(--header-logo-width);max-width:100%;height:auto;max-height:calc(var(--header-height) - 20px);object-fit:contain;object-position:left center}.reference-header__wordmark{max-width:100%;font-size:var(--header-logo-size);font-weight:750;letter-spacing:-.05em;line-height:1.15;text-transform:uppercase;overflow-wrap:anywhere}.reference-header__desktop{flex:1 1 auto;min-width:0}.reference-header__links{list-style:none;margin:0;padding:0}.reference-header__desktop>.reference-header__links{display:flex;flex-wrap:wrap;justify-content:center;gap:0 clamp(6px,1vw,16px)}.reference-header__item{min-width:0;max-width:100%}.reference-header__nav-link{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:44px;padding:9px 4px;color:var(--header-text);font-size:var(--header-menu-size);line-height:1.5;font-weight:500;text-decoration:none;overflow-wrap:anywhere}.reference-header__nav-link:hover,.reference-header__nav-link[aria-current=page]{color:var(--header-accent)}.reference-header summary{list-style:none;cursor:pointer}.reference-header summary::-webkit-details-marker{display:none}.reference-header__nav-link svg{flex:0 0 12px;width:12px;height:12px;transition:transform .18s ease}.reference-header__disclosure[open]>summary svg{transform:rotate(180deg)}.reference-header__desktop>.reference-header__links>li>details{position:relative}.reference-header__desktop>.reference-header__links>li>details>.reference-header__submenu{position:absolute;z-index:22;inset-inline-start:0;top:100%;width:240px;max-width:calc(100vw - 48px);padding:12px 16px;border:1px solid var(--header-border);border-radius:var(--header-panel-radius);box-shadow:0 14px 35px #0003;background:var(--header-bg)}.reference-header__submenu .reference-header__submenu{padding-inline-start:16px;border-inline-start:1px solid var(--header-border)}.reference-header__overview{color:var(--header-accent)}.reference-header__actions{display:flex;align-items:center;gap:14px;flex:0 0 auto}.reference-header__cta{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:44px;max-width:200px;padding:10px 17px;border:1px solid var(--header-button-border);border-radius:var(--header-button-radius);color:var(--header-button-text);background:var(--header-button-bg);font-size:12px;font-weight:650;line-height:1.4;text-align:center;text-decoration:none;overflow-wrap:anywhere}.reference-header__cta svg,.reference-header__cta img{width:15px;height:15px;flex:0 0 15px;object-fit:contain}.reference-header__cta:hover{box-shadow:0 0 0 3px var(--header-border)}.reference-header__cart{position:relative;display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid var(--header-border);border-radius:50%;color:var(--header-text);text-decoration:none}.reference-header__cart svg,.reference-header__cart img{width:18px;height:18px;object-fit:contain}.reference-header__count{position:absolute;top:-5px;right:-5px;display:grid;place-items:center;min-width:19px;min-height:19px;padding:2px 5px;border-radius:20px;background:var(--header-button-bg);color:var(--header-button-text);font-size:10px;line-height:1.3;font-weight:700}.reference-header__mobile{display:none}.reference-header a:focus-visible,.reference-header summary:focus-visible{outline:2px solid var(--header-accent);outline-offset:4px;border-radius:4px}.reference-header__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap;border:0}@media(min-width:1600px){.reference-header__inner{padding-inline:120px}}@media(min-width:1024px)and (max-width:1279px){.reference-header__inner{padding-inline:6vw;gap:22px}.reference-header__actions{gap:10px}.reference-header__cta{max-width:160px;padding-inline:14px}}@media(max-width:1023px){.reference-header__inner{padding:10px 24px;min-height:var(--header-mobile-height);gap:16px}.reference-header__brand{flex-basis:auto;margin-inline-end:auto;max-width:55%}.reference-header__brand img{width:var(--header-mobile-logo-width);max-height:calc(var(--header-mobile-height) - 20px)}.reference-header__wordmark{font-size:var(--header-mobile-logo-size)}.reference-header__desktop{display:none}.reference-header__actions{gap:10px}.reference-header__actions>.reference-header__cta{display:none}.reference-header__mobile{display:block}.reference-header__menu-toggle{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--header-border);border-radius:50%}.reference-header__menu-toggle svg{width:19px;height:19px}.reference-header__mobile .reference-header__close-icon,.reference-header__mobile[open] .reference-header__open-icon{display:none}.reference-header__mobile[open] .reference-header__close-icon{display:block}.reference-header__mobile-panel{position:absolute;inset-inline:0;top:100%;z-index:22;max-height:calc(100dvh - var(--header-mobile-height) - 16px);overflow:auto;overscroll-behavior:contain;padding:16px 24px 28px;background:var(--header-bg);border-top:1px solid var(--header-border);border-bottom:1px solid var(--header-border);box-shadow:0 14px 30px #0003}.reference-header__mobile-panel .reference-header__nav-link{min-height:48px;padding-block:12px;font-size:16px}.reference-header__mobile-panel>.reference-header__links>li+li{border-top:1px solid var(--header-border)}.reference-header__mobile-panel .reference-header__submenu{padding-inline-start:16px}.reference-header__mobile-panel .reference-header__cta{width:100%;max-width:none;margin-top:20px;min-height:48px;font-size:14px}}@media(prefers-reduced-motion:reduce){.reference-header *{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/reference-header.css.map */