.site-header{position:fixed;top:0;left:0;right:0;z-index:300;height:var(--header-height);background:var(--color-white);border-bottom:1px solid var(--color-gray);transition:box-shadow var(--transition-base)}.announcement-bar~.site-header{top:auto}.site-header.is-scrolled{box-shadow:0 2px 20px #00000014}.site-header__inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:1rem}.site-header__logo{flex-shrink:0;display:flex;align-items:center;text-decoration:none;color:var(--color-black)}.site-header__logo img{height:36px;width:auto}.site-header__logo-text{font-family:var(--font-display);font-weight:var(--fw-black);font-size:1.375rem;letter-spacing:.15em;text-transform:uppercase}.site-nav{display:none;align-items:center}@media(min-width:980px){.site-nav{display:flex}}.nav-pills{display:flex;align-items:center;list-style:none;margin:0;padding:0}.nav-pills__item{display:flex;align-items:center;position:relative}.nav-pills__item:not(:last-child):after{content:"";width:22px;height:44px;flex-shrink:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='44' viewBox='0 0 22 44'%3E%3Cpath d='M0 3 Q11 15 22 3' fill='none' stroke='%231A1A1A' stroke-width='1.5'/%3E%3Cpath d='M0 41 Q11 29 22 41' fill='none' stroke='%231A1A1A' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;margin:0 -1px}.nav-pill{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1.4rem;border-radius:var(--radius-pill);background:var(--color-white);font-size:.875rem;font-weight:var(--fw-medium);color:var(--color-black);text-decoration:none;white-space:nowrap;height:44px;box-shadow:2px 2px 0 var(--color-black)}.nav-pill:hover{background:var(--color-off-white)}.nav-pill.is-active{background:var(--color-black);color:var(--color-white)}.nav-pill.btn-brutal{box-shadow:2px 2px 0 var(--color-black)}.nav-pill.btn-brutal:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--color-black)}.nav-pill.btn-brutal:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--color-black)}@media(prefers-reduced-motion:reduce){.nav-pill.btn-brutal:hover,.nav-pill.btn-brutal:active{transform:none;box-shadow:2px 2px 0 var(--color-black)}}.site-header__actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.header-action-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:var(--color-black);transition:background var(--transition-fast);position:relative}.header-action-btn:hover{background:var(--color-gray)}.header-action-btn svg{width:20px;height:20px}.header-action-btn:focus-visible{outline:2px solid var(--color-black);outline-offset:2px}.cart-count{position:absolute;top:2px;right:2px;min-width:16px;height:16px;border-radius:50%;background:var(--color-rose-dark);color:var(--color-white);font-size:.6rem;font-weight:var(--fw-bold);display:flex;align-items:center;justify-content:center;padding:0 3px;pointer-events:none}.cart-count[data-count="0"]{display:none}.mobile-nav{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:var(--color-white);transform:translate(-100%);transition:transform var(--transition-slow);overflow-y:auto;padding:2rem;display:flex;flex-direction:column}.mobile-nav.is-open{transform:translate(0)}.mobile-nav__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.mobile-nav__close{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-gray);color:var(--color-black)}.mobile-nav__links{flex:1}.mobile-nav__link{display:block;padding:1rem 0;font-family:var(--font-display);font-size:1.75rem;font-weight:var(--fw-bold);color:var(--color-black);border-bottom:1px solid var(--color-gray);transition:color var(--transition-fast)}.mobile-nav__link:hover{color:var(--color-rose-dark)}.mobile-nav__footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-gray)}.mobile-nav__footer-text{font-size:.875rem;color:var(--color-gray-dark);margin-bottom:1rem}.hamburger-btn{display:flex}@media(min-width:980px){.hamburger-btn{display:none}}.mobile-nav__logo-text{font-size:1.25rem}
/*# sourceMappingURL=/cdn/shop/t/26/assets/component-header.css.map */