.site-header{background:var(--bg-paper);border-bottom:1px solid var(--border-secondary);position:sticky;top:0;z-index:var(--z-sticky);-webkit-backdrop-filter:var(--backdrop-blur-md);backdrop-filter:var(--backdrop-blur-md);background:#fffffff2}.site-header__container{max-width:var(--page-width);margin:0 auto;padding:0 var(--page-margin);height:80px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.site-header__logo{display:flex;align-items:center;height:40px;text-decoration:none;transition:var(--transition-opacity)}.site-header__logo:hover{opacity:var(--opacity-80)}.site-header__logo:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}.site-header__logo img{height:100%;width:auto;transition:var(--transition-opacity)}.site-header__logo-full{display:block}.site-header__logo-mark{display:none}.site-header__nav{display:flex;align-items:center;gap:var(--space-8);flex:1;justify-content:center}.site-header__nav-link{color:var(--text-primary);text-decoration:none;font-weight:var(--font-weight-medium);font-size:var(--font-size-text-md);padding:var(--space-2) var(--space-4);border-radius:var(--radius-organic-sm);transition:var(--transition-colors);position:relative;min-height:44px;display:flex;align-items:center}.site-header__nav-link:hover{color:var(--brand-700);background:var(--bg-brand-subtle);transform:translateY(-1px)}.site-header__nav-link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.site-header__nav-link[aria-current=page],.site-header__nav-link--active{color:var(--brand-700);background:var(--bg-brand-subtle);font-weight:var(--font-weight-semibold)}.site-header__actions{display:flex;align-items:center;gap:var(--space-4)}.site-header__icon,.site-header__cart{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--text-primary);text-decoration:none;border-radius:var(--radius-organic-sm);transition:var(--transition-colors);position:relative}.site-header__icon:hover,.site-header__cart:hover{background:var(--bg-brand-subtle);color:var(--brand-700);transform:translateY(-1px)}.site-header__icon:focus-visible,.site-header__cart:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.site-header__icon img,.site-header__cart img{width:20px;height:20px;transition:var(--transition-transform)}.site-header__icon:hover img,.site-header__cart:hover img{transform:scale(1.1)}.site-header__cart-badge{position:absolute;top:6px;right:6px;background:var(--brand-700);color:var(--text-inverse);font-size:var(--font-size-text-xs);font-weight:var(--font-weight-semibold);line-height:1;padding:var(--space-1) var(--space-1-5);border-radius:var(--radius-full);min-width:18px;text-align:center;box-shadow:var(--shadow-sm);animation:cart-badge-bounce var(--transition-base) var(--ease-bounce)}@keyframes cart-badge-bounce{0%{transform:scale(.8)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media screen and (max-width: 1024px){.site-header__container,.site-header__nav{gap:var(--space-6)}}@media screen and (max-width: 768px){.site-header__container{padding:0 var(--space-5);gap:var(--space-4)}.site-header__nav,.site-header__logo-full{display:none}.site-header__logo-mark{display:block}.site-header__actions{gap:var(--space-2)}}@media screen and (max-width: 480px){.site-header__container{padding:0 var(--space-4);height:70px}.site-header__logo{height:36px}.site-header__icon,.site-header__cart{width:40px;height:40px}}.site-header__skip-link{position:absolute;top:-40px;left:var(--space-4);background:var(--bg-brand);color:var(--text-inverse);padding:var(--space-2) var(--space-4);text-decoration:none;border-radius:var(--radius-md);z-index:var(--z-max);transition:top var(--transition-fast)}.site-header__skip-link:focus{top:var(--space-2)}@media (prefers-contrast: high){.site-header{border-bottom-width:2px}.site-header__nav-link:hover,.site-header__icon:hover,.site-header__cart:hover{outline:2px solid currentColor}}@media (prefers-reduced-motion: reduce){.site-header__nav-link:hover,.site-header__icon:hover,.site-header__cart:hover{transform:none}.cart-badge-bounce{animation:none}}@media (prefers-color-scheme: dark){.site-header{background:#242e05f2;border-bottom-color:var(--gray-700)}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/component-header.css.map */