.site-header{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);background:#f4fbf4e6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-outline-variant);transition:box-shadow var(--transition-base)}.site-header.scrolled{box-shadow:0 2px 16px #00444614}body{padding-top:var(--header-height)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);max-width:var(--container-xl);margin:0 auto;padding:0 var(--sp-16);gap:var(--sp-6)}.header-left{display:flex;align-items:center;gap:3rem;min-width:0}@media(max-width:768px){.header-inner{padding:0 var(--sp-4)}}.header-logo{display:flex;align-items:center;gap:var(--sp-2);text-decoration:none;flex-shrink:0}.header-logo__image{height:40px;width:auto}.header-logo__icon{display:none}.header-logo__text{font-family:var(--font-heading);font-size:1.25rem;font-weight:var(--fw-bold);color:var(--color-primary);letter-spacing:-.01em;white-space:nowrap}.header-nav{display:none}@media(min-width:1024px){.header-nav{display:flex;align-items:center;gap:var(--sp-8)}}.header-nav__item{position:relative}.header-nav__link{display:flex;align-items:center;gap:var(--sp-1);padding-bottom:4px;font-family:var(--font-heading);font-size:.875rem;font-weight:var(--fw-semi);letter-spacing:.05em;color:var(--color-on-surface-variant);transition:color var(--transition-fast);white-space:nowrap;border-bottom:2px solid transparent}.header-nav__link:hover{color:var(--color-primary)}.header-nav__link[aria-current=page],.header-nav__link.is-active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:var(--fw-bold)}.header-nav__link svg{width:12px;height:12px;transition:transform var(--transition-fast)}.header-nav__link[aria-expanded=true] svg{transform:rotate(180deg)}.header-dropdown{position:absolute;top:calc(100% + var(--sp-4));left:50%;transform:translate(-50%) translateY(-6px);background:var(--color-white);border-radius:1rem;box-shadow:0 8px 40px #0044461f;border:1px solid var(--color-outline-variant);min-width:200px;padding:var(--sp-2);opacity:0;visibility:hidden;transition:opacity var(--transition-fast),visibility var(--transition-fast),transform var(--transition-fast);z-index:var(--z-dropdown)}.header-dropdown.is-open{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.header-dropdown__link{display:block;padding:var(--sp-2) var(--sp-3);border-radius:.5rem;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--color-on-surface-variant);transition:background var(--transition-fast),color var(--transition-fast)}.header-dropdown__link:hover{background:var(--color-surface-container-low);color:var(--color-primary)}.header-actions{display:flex;align-items:center;gap:var(--sp-2)}.header-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);color:var(--color-primary);transition:background var(--transition-fast),opacity var(--transition-fast);position:relative}.header-icon-btn:hover{background:var(--color-surface-container);opacity:.9}.header-icon-btn svg{width:22px;height:22px}.cart-count{position:absolute;top:2px;right:2px;background:var(--color-primary);color:var(--color-white);font-size:9px;font-weight:var(--fw-bold);width:16px;height:16px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;line-height:1;border:1.5px solid var(--color-surface)}.cart-count[data-count="0"]{display:none}.header-menu-toggle{display:flex}@media(min-width:1024px){.header-menu-toggle{display:none}}.mobile-nav{position:fixed;top:0;left:0;width:min(320px,85vw);height:100vh;background:var(--color-white);z-index:var(--z-drawer);transform:translate(-100%);transition:transform var(--transition-slow);overflow-y:auto;display:flex;flex-direction:column}.mobile-nav.is-open{transform:translate(0)}.mobile-nav__header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--color-outline-variant)}.mobile-nav__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--color-on-surface-variant);transition:background var(--transition-fast)}.mobile-nav__close:hover{background:var(--color-surface-container)}.mobile-nav__body{padding:var(--sp-4);flex:1}.mobile-nav__link{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-2);font-family:var(--font-heading);font-size:var(--fs-md);font-weight:var(--fw-semi);color:var(--color-text);border-bottom:1px solid var(--color-outline-variant);transition:color var(--transition-fast)}.mobile-nav__link:hover{color:var(--color-primary)}.mobile-nav__sub{padding-left:var(--sp-4);display:none}.mobile-nav__sub.is-open{display:block}.mobile-nav__sub-link{display:block;padding:var(--sp-2);font-size:var(--fs-sm);color:var(--color-on-surface-variant);border-bottom:1px solid var(--color-outline-variant)}.mobile-nav__sub-link:hover{color:var(--color-primary)}.mobile-nav__footer{padding:var(--sp-5);border-top:1px solid var(--color-outline-variant);display:flex;flex-direction:column;gap:var(--sp-3)}.header-search{display:none;position:absolute;top:100%;left:0;right:0;background:var(--color-white);border-top:1px solid var(--color-outline-variant);padding:var(--sp-4) var(--sp-6);box-shadow:0 8px 24px #00444614;z-index:var(--z-dropdown)}.header-search.is-open{display:block;animation:fadeIn .2s ease}.header-search__form{display:flex;align-items:center;gap:var(--sp-3);max-width:600px;margin:0 auto}.header-search__input{flex:1;padding:var(--sp-3) var(--sp-4);border:2px solid var(--color-primary);border-radius:var(--radius-full);font-size:var(--fs-base);background:var(--color-surface)}.cart-notification{position:fixed;bottom:var(--sp-6);right:var(--sp-6);z-index:var(--z-toast);animation:slideInRight .3s ease}.cart-notification__inner{display:flex;align-items:center;gap:var(--sp-3);background:var(--color-primary);color:var(--color-white);padding:var(--sp-3) var(--sp-5);border-radius:var(--radius-full);box-shadow:0 8px 32px #0044462e;font-weight:var(--fw-medium);font-size:var(--fs-sm)}.cart-notification__icon svg{width:18px;height:18px}.cart-notification__close{color:#ffffffb3;margin-left:var(--sp-2);display:flex;align-items:center;justify-content:center}.cart-notification__close svg{width:16px;height:16px}
/*# sourceMappingURL=/cdn/shop/t/28/assets/component-header.css.map */