.header{position:sticky;top:0;z-index:100;background:rgba(var(--color-bg-primary-rgb, 255, 255, 255),.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-light);will-change:transform;overflow:visible;transition:background .3s ease,border-color .3s ease,backdrop-filter .3s ease}.header__inner{display:flex;align-items:center;max-width:1200px;margin:0 auto;padding:var(--space-md) var(--space-base);gap:var(--space-base);position:relative}.header__logo{flex-shrink:0}.header__inner .header__logo{display:none}@media(min-width:990px){.header__inner .header__logo{display:block;margin-top:-16px;margin-bottom:-16px}}.header__logo-img{width:var(--logo-width, 50px);height:var(--logo-width, 50px);border-radius:6px;object-fit:contain;display:block}.header__logo-text{font-family:var(--font-heading);font-size:var(--font-xl);font-weight:var(--font-bold);color:var(--color-text-primary);text-decoration:none}.header__nav{display:none;align-items:center;gap:var(--space-md);flex:1}@media(min-width:1100px){.header__nav{gap:var(--space-xl)}}@media(min-width:990px){.header__nav{display:flex}}.header__nav-item{position:static}.header__nav-item--has-dropdown.is-open:after{content:"";position:absolute;top:100%;left:0;right:0;height:14px;z-index:199}.header__nav-link{font-family:var(--font-body);font-size:var(--font-md);font-weight:var(--font-medium);color:var(--color-text-secondary);text-decoration:none;padding:var(--space-sm) 0;transition:color .2s ease}.header__nav-link--btn{display:inline-flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;line-height:inherit}.header__nav-link:hover{color:var(--color-text-primary)}.header__nav-link:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--color-primary);transform:scaleX(0);transition:transform .2s}.header__nav-item--has-dropdown.is-open>.header__nav-link{color:var(--color-text-primary)}.header__nav-chevron{opacity:.45;flex-shrink:0;transition:transform .2s ease,opacity .2s ease}.header__nav-item--has-dropdown.is-open .header__nav-chevron{transform:rotate(180deg);opacity:.75}.header__dropdown{position:absolute;top:calc(100% + 14px);left:0;right:0;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:0 4px 6px #00000008,0 12px 28px #00000017,0 24px 56px #0000000d;padding:0;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px);transition:opacity .18s ease,visibility .18s ease,transform .18s ease;z-index:200}.header__nav-item--has-dropdown.is-open .header__dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.header__dropdown-body{padding:var(--space-xl)}.header__dropdown-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xl) var(--space-lg)}.header__dropdown-group{display:flex;flex-direction:column}.header__dropdown-group-title{font-size:var(--font-md);font-weight:var(--font-semibold);color:var(--color-text-primary);text-decoration:none;margin-bottom:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border-light);transition:color .15s ease}.header__dropdown-group-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1px}.header__dropdown-group-link{display:block;font-size:var(--font-md);color:var(--color-text-secondary);text-decoration:none;padding:4px 0;transition:color .12s ease}.header__dropdown-group-link:hover{color:var(--color-text-primary)}.header__dropdown-footer{padding:var(--space-md) var(--space-xl);border-top:1px solid var(--color-border-light);background:var(--color-bg-secondary);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.header__dropdown-footer-link{display:inline-flex;align-items:center;gap:6px;font-size:var(--font-md);font-weight:var(--font-medium);color:var(--color-text-secondary);text-decoration:none;transition:color .15s ease,gap .15s ease}.header__dropdown-footer-link:hover{color:var(--color-text-primary);gap:10px}.header__hamburger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:none;color:var(--color-text-primary);cursor:pointer;border-radius:var(--radius-md);flex-shrink:0}.header__hamburger:hover{background:var(--color-bg-tertiary)}@media(min-width:990px){.header__hamburger{display:none}}@media(min-width:990px){.header__actions .header__search-open{display:none}}.header__search{position:relative;display:flex;align-items:center;gap:var(--space-sm);height:44px;padding:0 var(--space-md);background:var(--color-bg-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-base);min-width:0;flex:1;transition:border-color .2s ease}@media(max-width:989px){.header__search{display:none}}@media(min-width:990px){.header__search{max-width:220px}}@media(min-width:1100px){.header__search{max-width:400px}}.header__search:focus-within{border-color:var(--color-primary)}.header__search-icon{color:var(--color-text-tertiary);display:flex;flex-shrink:0}.header__search-icon .icon{width:18px;height:18px}.header__search-input{flex:1;border:none;background:none;font-size:var(--font-md);font-family:var(--font-body);color:var(--color-text-primary);outline:none;height:100%;min-width:0}.header__search-input::placeholder{color:var(--color-text-tertiary)}.header__search-input::-webkit-search-cancel-button,.header__search-input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.header__search-clear{display:flex;border:none;background:none;color:var(--color-text-secondary);cursor:pointer;padding:4px;flex-shrink:0}.header__search-clear[hidden]{display:none}.header__search-dropdown{display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:420px;overflow-y:auto;background:var(--color-bg-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-base);box-shadow:var(--shadow-lg);z-index:200}.header__search-dropdown:not(:empty){display:block}.header__actions{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0;margin-left:auto}.header__action-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:none;color:var(--color-text-primary);cursor:pointer;border-radius:var(--radius-md);position:relative;text-decoration:none}.header__action-btn:hover{background:var(--color-bg-tertiary)}.header__action-btn .icon{width:22px;height:22px}[data-theme=light] .header__theme-icon--light{display:flex}[data-theme=light] .header__theme-icon--dark,[data-theme=dark] .header__theme-icon--light{display:none}[data-theme=dark] .header__theme-icon--dark{display:flex}.header__account-btn{display:none}@media(min-width:990px){.header__account-btn{display:flex}}.header__wishlist-btn svg{fill:none!important;stroke:currentColor!important}.cart-badge,.wishlist-badge{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 4px;color:var(--color-text-inverse);font-size:10px;font-weight:var(--font-bold);line-height:18px;text-align:center;border-radius:var(--radius-full)}.cart-badge{background:var(--color-error)}.wishlist-badge{background:var(--color-primary)}.drawer{position:fixed;top:0;left:0;bottom:0;width:300px;max-width:85vw;background:var(--color-bg-primary);z-index:200;transform:translate(-100%);transition:transform .3s ease;display:flex;flex-direction:column;overflow-y:auto}.drawer.is-open{transform:translate(0)}.drawer__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);z-index:199;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.drawer__backdrop.is-visible{opacity:1;visibility:visible}.drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-base);border-bottom:1px solid var(--color-border-light)}.drawer__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:none;color:var(--color-text-primary);cursor:pointer;border-radius:var(--radius-md)}.drawer__nav{flex:1;padding:0 0 var(--space-base) 0}.drawer__nav-link{display:flex;align-items:center;padding:var(--space-md) var(--space-base);font-size:var(--font-base);font-weight:var(--font-medium);color:var(--color-text-primary);text-decoration:none;border-bottom:1px solid var(--color-border-light)}.drawer__nav-link:hover{background:var(--color-bg-secondary)}.drawer__nav-group{border-bottom:1px solid var(--color-border-light)}.drawer__nav-group-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-md) var(--space-base);font-size:var(--font-base);font-weight:var(--font-medium);color:var(--color-text-primary);background:none;border:none;cursor:pointer;text-align:left}.drawer__nav-group-toggle:hover{background:var(--color-bg-secondary)}.drawer__nav-chevron{flex-shrink:0;opacity:.45;transition:transform .2s ease}.drawer__nav-group.is-open>.drawer__nav-group-toggle .drawer__nav-chevron{transform:rotate(180deg)}.drawer__nav-group-body{display:none;flex-direction:column;padding:0 var(--space-base) var(--space-md);gap:2px}.drawer__nav-group.is-open .drawer__nav-group-body{display:flex}.drawer__nav-subgroup{border-top:1px solid var(--color-border-light);margin-top:4px}.drawer__nav-subgroup-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-sm) 0;font-size:var(--font-md);font-weight:var(--font-semibold);color:var(--color-text-secondary);background:none;border:none;cursor:pointer;text-align:left}.drawer__nav-subgroup.is-open>.drawer__nav-subgroup-toggle .drawer__nav-chevron{transform:rotate(180deg)}.drawer__nav-subgroup-body{display:none;flex-direction:column;padding-bottom:var(--space-sm);gap:2px}.drawer__nav-subgroup.is-open .drawer__nav-subgroup-body{display:flex}.drawer__nav-sublink{display:block;font-size:var(--font-sm);color:var(--color-text-primary);text-decoration:none;padding:5px 0}.drawer__nav-sublink:hover{color:var(--color-primary)}.drawer__nav-link--account{margin-top:auto}@media(min-width:990px){.drawer,.drawer__backdrop{display:none}}.announcement-bar{background-color:var(--color-primary);color:var(--color-text-inverse);padding:var(--space-sm);text-align:center;font-size:var(--font-sm);font-weight:var(--font-normal);line-height:var(--leading-normal)}.announcement-bar a{color:var(--color-text-inverse);text-decoration:underline}.search-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:var(--color-bg-primary);display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.search-modal.is-open{opacity:1;visibility:visible}.search-modal__bar{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-base);border-bottom:1px solid var(--color-border-light)}.search-modal__icon{color:var(--color-text-tertiary);display:flex;flex-shrink:0}.search-modal__input{flex:1;border:none;background:none;font-size:var(--font-md);font-family:var(--font-body);color:var(--color-text-primary);outline:none;height:44px;min-width:0}.search-modal__input::placeholder{color:var(--color-text-tertiary)}.search-modal__bar .js-search-clear{display:none}.search-modal__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);flex-shrink:0}.search-modal__close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.search-modal__results{flex:1;overflow-y:auto;padding:var(--space-sm) 0}
/*# sourceMappingURL=/cdn/shop/t/7/assets/header.css.map */