.site-header{position:sticky;top:0;z-index:20;padding-inline:0;background:color-mix(in srgb,var(--color-surface) 78%,transparent);border-bottom:1px solid var(--glass-border-soft);-webkit-backdrop-filter:var(--glass-blur-soft);backdrop-filter:var(--glass-blur-soft)}.site-header .shell{width:min(var(--container-max),calc(100% - (var(--container-pad) * 2)));margin:0 auto}.site-header__inner{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-6);min-height:4.5rem}.site-header__logo{justify-self:start;display:inline-flex;align-items:center}.site-header__logo img{display:block;width:8.75rem;height:auto}.site-header__logo-mark{width:8.75rem;height:auto}.site-header__menu-toggle{display:none;border:0;background:transparent;color:inherit}.site-header__nav{justify-self:center;min-width:0}.site-header__nav-list{display:flex;align-items:center;gap:1.35rem;padding:0;margin:0;list-style:none}.site-header__nav-list a{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.site-header__icon-link{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border-radius:var(--radius-pill);color:var(--color-text)}.site-header__actions{justify-self:end;display:inline-flex;align-items:center;gap:var(--space-3)}.site-header__cart-count{position:absolute;top:.1rem;right:.1rem;min-width:1rem;height:1rem;padding-inline:.18rem;border-radius:999px;font-size:.65rem;font-weight:700;line-height:1rem;text-align:center;color:#fff;background:var(--color-primary)}.site-header__cta{display:inline-flex;align-items:center;justify-content:center;min-height:2.8rem;padding-inline:1.4rem;border-radius:1rem;font-size:var(--font-size-sm);font-weight:600;color:#fff;border:1px solid color-mix(in srgb,var(--color-primary) 75%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 92%,white) 0%,var(--color-primary-hover) 100%);transition:transform var(--transition-base),background var(--transition-base),box-shadow var(--transition-base)}.site-header__cta:hover,.site-header__cta:focus-visible{transform:translateY(var(--lift-hover));background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary-hover) 92%,white) 0%,var(--color-primary-hover) 100%);box-shadow:0 .75rem 2rem color-mix(in srgb,var(--color-primary) 20%,transparent)}@media(max-width:56rem){.site-header .shell{width:calc(100% - 1rem)}.site-header__inner{grid-template-columns:auto auto;gap:var(--space-3);min-height:4rem}.site-header__menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:50%;color:var(--color-text);background:transparent;border:1px solid color-mix(in srgb,var(--color-border) 70%,transparent)}.site-header__logo img,.site-header__logo-mark{width:7.4rem}.site-header__nav{display:none;position:relative;justify-self:start;grid-column:1 / -1;width:min(22rem,calc(100vw - 2rem))}.site-header__nav-list{flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:1px solid color-mix(in srgb,var(--color-border) 75%,transparent);border-radius:1.2rem;background:color-mix(in srgb,var(--color-surface-elevated) 98%,white)}.site-header__actions{justify-self:end;gap:var(--space-2)}.site-header__cta{min-height:2.55rem;padding-inline:1rem}}.template-index .site-header{position:absolute;top:0;left:0;width:100%;z-index:50;padding-top:1rem;background:transparent!important;border:0!important}.template-index .site-header__inner{align-items:center}.template-index .site-header__logo img,.template-index .site-header__logo-mark{filter:brightness(0) invert(1)}.template-index .site-header__nav-list a,.template-index .site-header__icon-link,.template-index .site-header__menu-toggle{color:color-mix(in srgb,white 94%,transparent)}.template-index .site-header__cart-count{color:#fff;background:var(--color-primary)}.template-index .site-header__cta{min-height:2.7rem;border:1px solid color-mix(in srgb,var(--color-primary) 75%,transparent);border-radius:999px;color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 92%,white) 0%,var(--color-primary-hover) 100%)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-header.css.map */