.announcement{position:relative;z-index:1100;min-height:38px;overflow:hidden;display:flex;align-items:center;font-size:11px;letter-spacing:var(--letter-spacing-wider);text-transform:uppercase}.announcement__track{display:flex;min-width:100%;white-space:nowrap;animation:announcement-marquee var(--announcement-speed, 24s) linear infinite}.announcement__item{padding-inline:24px}.announcement__static{width:100%;text-align:center}.announcement__close{position:absolute;right:8px;top:50%;transform:translateY(-50%)}@keyframes announcement-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.site-header{position:fixed;inset:0 0 auto;z-index:1000;height:var(--header-height);color:var(--header-color, var(--color-foreground));background:var(--header-bg);transition:background var(--transition-base),border-color var(--transition-base)}.site-header.is-transparent:not(.is-scrolled){--header-bg: transparent;--header-color: #fff}.site-header.is-scrolled{border-bottom:1px solid var(--color-border)}.header__inner{height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-inline:var(--page-padding)}.header__logo{grid-column:2;justify-self:center;font-family:var(--font-heading);font-size:16px;letter-spacing:var(--letter-spacing-wider);text-transform:uppercase}.header__logo--left{grid-column:1;justify-self:start}.header__logo img{width:var(--logo-width);max-height:calc(var(--header-height) - 18px);object-fit:contain}.header__nav{display:none;gap:28px;align-items:center;grid-column:1;grid-row:1}.header__nav-item{height:var(--header-height);display:flex;align-items:center}.header__nav-link,.mobile-menu__link{border:0;background:transparent;padding:0;text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);font-size:var(--header-font-size);font-weight:400}.header__nav-link:hover{color:var(--color-muted)}.mega-menu{position:fixed;top:var(--header-height);left:0;right:0;background:#fff;color:#000;padding:40px var(--page-padding);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity var(--transition-base),transform var(--transition-base)}.header__nav-item:hover .mega-menu,.header__nav-item:focus-within .mega-menu{opacity:1;pointer-events:auto;transform:translateY(0)}.mega-menu__grid{display:grid;grid-template-columns:repeat(var(--mega-columns, 4),minmax(0,1fr)) minmax(220px,320px);gap:32px;max-width:var(--page-width);margin-inline:auto}.mega-menu__heading{margin:0 0 14px;font-size:11px;letter-spacing:var(--letter-spacing-wider);text-transform:uppercase}.mega-menu__link{display:block;padding-block:5px;color:#333;font-size:13px}.mega-menu__image img{aspect-ratio:4 / 5;object-fit:cover;width:100%}.header__actions{grid-column:3;justify-self:end;display:flex;align-items:center;gap:2px}.cart-count-bubble{position:absolute;margin-left:16px;margin-top:-14px;min-width:16px;height:16px;border-radius:999px;background:currentColor;color:var(--header-bg);display:grid;place-items:center;font-size:10px}.mobile-menu-button{grid-column:1;justify-self:start}.mobile-menu{position:fixed;inset:0 auto 0 0;z-index:1300;width:min(88vw,390px);background:#fff;color:#000;transform:translate(-100%);transition:transform var(--transition-slow);padding:18px;overflow-y:auto}.mobile-menu.is-open{transform:translate(0)}.mobile-menu__header{display:flex;justify-content:space-between;align-items:center;min-height:40px}.mobile-menu__item{border-bottom:1px solid var(--color-border)}.mobile-menu__summary{width:100%;min-height:54px;display:flex;align-items:center;justify-content:space-between;border:0;background:transparent;padding:0}.mobile-menu__children{display:none;padding:0 0 16px 14px}.mobile-menu__item.is-open .mobile-menu__children{display:block}.mobile-menu__children a{display:block;padding-block:8px;color:#333}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;background:#00000059;opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.overlay.is-active{opacity:1;pointer-events:auto}@media(min-width:768px){.mobile-menu-button{display:none}.header__nav{display:flex}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-header.css.map */