.header{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);padding:var(--space-6) 0;transition:background-color var(--transition-normal),padding var(--transition-normal),box-shadow var(--transition-normal)}.header.is-scrolled{padding:var(--space-4) 0;background-color:#f9f8f6f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-sm)}.header__inner{display:flex;align-items:center;justify-content:space-between}.header__logo{display:flex;align-items:center;gap:var(--space-4);text-decoration:none;transition:opacity var(--transition-fast)}.header__logo:hover{opacity:.7}.header__logo-image{height:42px;width:auto;display:block;object-fit:contain;margin-right:0}.header__logo-text{display:flex;flex-direction:column;justify-content:center;color:var(--color-foreground);text-align:left;height:100%;min-height:42px}.header__logo-title{font-family:var(--font-heading);font-size:20px;font-weight:var(--font-weight-medium);letter-spacing:.15em;line-height:1;margin-bottom:0;white-space:nowrap}.header__logo-subtitle{font-family:var(--font-body);font-size:10px;text-transform:uppercase;letter-spacing:.25em;color:var(--color-accent-muted);white-space:nowrap}@media(max-width:768px){.header__logo-image{height:45px}.header__logo-title{font-size:20px}.header__logo-subtitle{font-size:8px}}.header__nav{display:flex;align-items:center;gap:var(--space-10)}.header__menu{display:flex;align-items:center;gap:var(--space-8)}.header__menu-item{position:relative}.header__menu-link{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-foreground);text-decoration:none;padding:var(--space-2) 0;position:relative;transition:color var(--transition-fast)}.header__menu-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background-color:var(--color-accent-primary);transition:width var(--transition-normal)}.header__menu-link:hover:after,.header__menu-link.is-active:after{width:100%}.header__menu-link:hover{color:var(--color-accent-primary)}.header__actions{display:flex;align-items:center;gap:var(--space-4)}.header__lang-toggle{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-foreground);background:transparent;border:1px solid var(--color-foreground);border-radius:var(--border-radius-sm);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.header__lang-toggle:hover{background-color:var(--color-foreground);color:var(--color-background)}.header__cart{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--color-foreground);transition:color var(--transition-fast)}.header__cart:hover{color:var(--color-accent-primary)}.header__cart-count{position:absolute;top:0;right:0;min-width:18px;height:18px;padding:0 var(--space-1);font-size:10px;font-weight:var(--font-weight-medium);line-height:18px;text-align:center;color:var(--color-background);background-color:var(--color-accent-primary);border-radius:var(--border-radius-full)}.header__mobile-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;cursor:pointer;z-index:calc(var(--z-fixed) + 1)}.header__mobile-toggle-line{width:24px;height:2px;background-color:var(--color-foreground);transition:transform var(--transition-normal),opacity var(--transition-fast)}.header__mobile-toggle-line+.header__mobile-toggle-line{margin-top:6px}.header__mobile-toggle.is-active .header__mobile-toggle-line:nth-child(1){transform:translateY(8px) rotate(45deg)}.header__mobile-toggle.is-active .header__mobile-toggle-line:nth-child(2){opacity:0}.header__mobile-toggle.is-active .header__mobile-toggle-line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.header__overlay{display:none}@media(max-width:768px){.header__mobile-toggle{display:flex}.header__overlay{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal);z-index:var(--z-fixed)}.header__overlay.is-open{opacity:1;visibility:visible}.header__nav{position:fixed;top:0;right:0;width:80%;max-width:400px;height:100vh;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-8);background-color:var(--color-background-secondary);box-shadow:-5px 0 30px #0000001a;transform:translate(100%);transition:transform var(--transition-normal);z-index:calc(var(--z-fixed) + 1)}.header__nav.is-open{transform:translate(0)}.header__menu{flex-direction:column;gap:var(--space-6)}.header__menu-link{font-size:var(--font-size-lg)}.header__actions{flex-direction:column;gap:var(--space-4)}}.header__dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(10px);min-width:200px;padding:var(--space-4);background-color:var(--color-background-secondary);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:opacity var(--transition-fast),transform var(--transition-fast),visibility var(--transition-fast)}.header__menu-item:hover .header__dropdown{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.header__dropdown-link{display:block;padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);color:var(--color-foreground);border-radius:var(--border-radius-sm);transition:background-color var(--transition-fast)}.header__dropdown-link:hover{background-color:var(--color-sakura-light);color:var(--color-foreground)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-header.css.map */