.header{position:sticky;top:0;z-index:100;background-color:var(--color-white);border-bottom:1px solid var(--color-border);transition:box-shadow var(--transition-base)}.header--scrolled{box-shadow:0 2px 20px #0000000f}.header__inner{display:flex;align-items:center;justify-content:space-between;padding:16px 0}.header__logo{font-family:var(--font-heading);font-weight:700;font-size:22px;letter-spacing:3px;text-transform:uppercase;color:var(--color-primary)}.header__logo img{height:28px;width:auto}.header__nav{display:flex;gap:28px}.header__nav-link{font-family:var(--font-body);font-size:12px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--color-primary);transition:color var(--transition-fast);position:relative}.header__nav-link:hover,.header__nav-link--active{color:var(--color-accent)}.header__nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--color-accent);transition:width var(--transition-base)}.header__nav-link:hover:after{width:100%}.header__cta{padding:10px 24px;font-size:11px}.header__mobile-toggle{display:none;font-size:24px;color:var(--color-primary)}.header__mobile-nav{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-white);z-index:200;flex-direction:column;padding:80px 24px 24px}.header__mobile-nav--open{display:flex}.header__mobile-nav .header__nav-link{font-size:18px;padding:16px 0;border-bottom:1px solid var(--color-border)}.header__mobile-close{position:absolute;top:20px;right:24px;font-size:28px;color:var(--color-primary)}.mobile-sticky-cta{display:none;position:fixed;bottom:0;left:0;width:100%;padding:12px 24px;background:var(--color-white);border-top:1px solid var(--color-border);box-shadow:0 -4px 20px #00000014;z-index:90}.mobile-sticky-cta__inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--container-width);margin:0 auto}.mobile-sticky-cta__price{font-family:var(--font-heading);font-weight:700;font-size:22px}.mobile-sticky-cta__label{font-size:11px;color:var(--color-muted)}.mobile-sticky-cta .btn{padding:12px 24px}@media(max-width:768px){.header__nav,.header__cta{display:none}.header__mobile-toggle,.mobile-sticky-cta{display:block}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-header.css.map */
