.announcement-bar{background:var(--c-btn, #3F4A35);color:var(--c-btn-text, #fff);text-align:center;padding:.6rem 1.5rem;font-family:var(--ff-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;position:relative;overflow:hidden}.announcement-bar__inner{display:flex;align-items:center;justify-content:center;gap:2rem}.announcement-bar__item{white-space:nowrap}.announcement-bar__close{position:absolute;right:1rem;top:50%;transform:translateY(-50%);opacity:.7;transition:opacity .15s ease}.announcement-bar__close:hover{opacity:1}.site-header{position:fixed;top:0;left:0;right:0;z-index:800;transition:background .35s ease,box-shadow .35s ease,transform .35s ease}.site-header--transparent{background:transparent}.site-header--solid{background:#f3f6f3f7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--c-border)}.site-header--hidden{transform:translateY(-100%)}.site-header__inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem;padding:0 clamp(1.25rem,5vw,3rem);height:var(--header-height, 72px);max-width:var(--page-width, 1440px);margin:0 auto;transition:height .3s ease}.site-header--compact .site-header__inner{--header-height: 60px}.site-header__left{display:flex;align-items:center;gap:2rem}.site-header__hamburger{display:none;width:40px;height:40px;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex-shrink:0}.site-header__hamburger-line{width:22px;height:1.5px;background:currentColor;transition:all .25s ease;transform-origin:center}.site-header--overlay .site-header__hamburger{color:#fff}.site-nav{display:flex;align-items:center;gap:.25rem}.site-nav__item{position:relative}.site-nav__link{display:flex;align-items:center;gap:.3rem;padding:.5rem .75rem;font-family:var(--ff-body);font-size:.9rem;font-weight:400;letter-spacing:.01em;color:var(--c-text);border-radius:6px;transition:background .15s ease;white-space:nowrap}.site-nav__link:hover{background:#0000000d}.site-header--overlay .site-nav__link{color:#fff}.site-header--overlay .site-nav__link:hover{background:#ffffff1f}.site-nav__dropdown{position:absolute;top:calc(100% + .5rem);left:0;min-width:220px;background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--border-radius);padding:.5rem 0;box-shadow:0 8px 30px #0000001a;opacity:0;visibility:hidden;transform:translateY(-6px);transition:all .2s ease;z-index:10}.site-nav__item:hover .site-nav__dropdown,.site-nav__item:focus-within .site-nav__dropdown{opacity:1;visibility:visible;transform:translateY(0)}.site-nav__dropdown-link{display:block;padding:.6rem 1.25rem;font-size:.875rem;color:var(--c-text);transition:background .12s ease}.site-nav__dropdown-link:hover{background:#0000000a}.site-header__logo{display:flex;align-items:center;justify-content:center;text-decoration:none}.site-header__logo-img{max-height:36px;width:auto}.site-header__logo-text{font-family:var(--ff-display);font-size:1.375rem;font-weight:400;letter-spacing:-.02em;font-optical-sizing:auto;color:var(--c-text);transition:color .3s ease}.site-header--overlay .site-header__logo-text{color:#fff}.site-header__right{display:flex;align-items:center;justify-content:flex-end;gap:.25rem}.site-header__icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:var(--c-text);transition:background .15s ease;position:relative;flex-shrink:0}.site-header__icon-btn:hover{background:#0000000f}.site-header--overlay .site-header__icon-btn{color:#fff}.site-header--overlay .site-header__icon-btn:hover{background:#ffffff1f}.site-header__cart-count{position:absolute;top:4px;right:4px;width:16px;height:16px;border-radius:50%;background:var(--c-btn);color:var(--c-btn-text);font-family:var(--ff-mono);font-size:.6rem;font-weight:600;display:flex;align-items:center;justify-content:center;line-height:1}.site-header__cart-count[data-count="0"]{display:none}.mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:850;display:flex;pointer-events:none;visibility:hidden}.mobile-menu.is-open{pointer-events:auto;visibility:visible}.mobile-menu__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#1a1d1773;opacity:0;transition:opacity .3s ease}.mobile-menu.is-open .mobile-menu__overlay{opacity:1}.mobile-menu__panel{position:relative;width:min(340px,88vw);height:100%;background:var(--c-bg);display:flex;flex-direction:column;transform:translate(-100%);transition:transform .35s cubic-bezier(.4,0,.2,1);overflow-y:auto}.mobile-menu.is-open .mobile-menu__panel{transform:translate(0)}.mobile-menu__head{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--c-border);flex-shrink:0}.mobile-menu__logo{font-family:var(--ff-display);font-size:1.25rem;font-weight:400;letter-spacing:-.02em}.mobile-menu__close{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.mobile-menu__body{flex:1;padding:1.25rem 0}.mobile-menu__nav-link{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.5rem;font-family:var(--ff-display);font-size:1.25rem;font-weight:400;font-optical-sizing:auto;letter-spacing:-.01em;color:var(--c-text);border-bottom:1px solid var(--c-border);transition:background .15s ease}.mobile-menu__nav-link:hover{background:#00000008}.mobile-menu__subnav{display:none;background:#00000006}.mobile-menu__subnav.is-open{display:block}.mobile-menu__subnav-link{display:block;padding:.65rem 2rem;font-size:.9375rem;color:var(--c-text-soft);border-bottom:1px solid var(--c-border)}.mobile-menu__subnav-link:hover{color:var(--c-text)}.mobile-menu__foot{padding:1.5rem;border-top:1px solid var(--c-border);flex-shrink:0;display:flex;gap:.75rem;flex-wrap:wrap}.mobile-menu__foot a{font-family:var(--ff-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--c-text-soft);text-decoration:underline;text-underline-offset:3px}@media(max-width:1024px){.site-header__hamburger{display:flex}.site-nav{display:none}.site-header__inner{grid-template-columns:40px 1fr 40px;gap:.75rem}}@media(min-width:1025px){.mobile-menu{display:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-header.css.map */
