.announcement-bar{width:100%;text-align:center;padding:var(--space-2) var(--container-padding);font-size:var(--text-xs);letter-spacing:var(--letter-spacing-wide);background-color:var(--announcement-bg, hsl(var(--color-primary)));color:var(--announcement-color, hsl(var(--color-primary-foreground)));transition:max-height var(--duration-normal) var(--ease-out),padding var(--duration-normal) var(--ease-out),opacity var(--duration-normal) var(--ease-out);position:relative}.announcement-bar.is-hidden{max-height:0;padding-top:0;padding-bottom:0;overflow:hidden;opacity:0}.announcement-bar__link{color:inherit;text-decoration:none}.announcement-bar__link:hover{text-decoration:underline}.announcement-bar__close{position:absolute;right:var(--container-padding);top:50%;transform:translateY(-50%);background:transparent;border:none;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:var(--space-1)}.announcement-bar__close svg{width:16px;height:16px}.header{position:sticky;top:0;z-index:var(--z-sticky);background:hsl(var(--color-background) / .85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid hsl(var(--color-border) / .5);transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal)}.header.is-scrolled{box-shadow:var(--shadow-md)}.header.is-hidden-up{transform:translateY(-100%)}.header__inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-4);max-width:var(--container-max);margin-inline:auto;padding:var(--space-3) var(--container-padding);min-height:64px}.header__logo{display:flex;align-items:center}.header__logo-img{height:auto;width:var(--logo-width, 120px)}.header__logo-text{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:hsl(var(--color-foreground));text-decoration:none;white-space:nowrap}.header__nav{display:none}@media(min-width:990px){.header__nav{display:flex;align-items:center;justify-content:center;gap:var(--space-1)}}.header__nav-item{position:relative}.header__nav-link{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:hsl(var(--color-foreground));text-decoration:none;border-radius:var(--radius-md);transition:background var(--duration-fast),color var(--duration-fast)}.header__nav-link:hover,.header__nav-item[open]>.header__nav-link{background:hsl(var(--color-surface));color:hsl(var(--color-primary))}.header__dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(8px);min-width:220px;padding:var(--space-2);background:hsl(var(--color-background));border:1px solid hsl(var(--color-border));border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:opacity var(--duration-fast),transform var(--duration-fast);z-index:var(--z-dropdown)}details[open]>.header__dropdown{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.header__nav-item>details>summary{list-style:none;cursor:pointer}.header__nav-item>details>summary::-webkit-details-marker{display:none}.header__dropdown-link{display:block;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:hsl(var(--color-foreground));text-decoration:none;border-radius:var(--radius-md);transition:background var(--duration-fast),color var(--duration-fast)}.header__dropdown-link:hover{background:hsl(var(--color-surface));color:hsl(var(--color-primary))}.header__categories-wrapper{position:relative;max-width:var(--container-max);margin-inline:auto}.header__categories-wrapper:before,.header__categories-wrapper:after{content:"";position:absolute;top:0;bottom:0;width:24px;pointer-events:none;z-index:1}.header__categories-wrapper:before{left:0;background:linear-gradient(to right,hsl(var(--color-background)),transparent)}.header__categories-wrapper:after{right:0;background:linear-gradient(to left,hsl(var(--color-background)),transparent)}.header__categories{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--container-padding);overflow-x:auto;scrollbar-width:none;border-bottom:1px solid hsl(var(--color-border) / .3);background:hsl(var(--color-background));-webkit-overflow-scrolling:touch}.header__categories::-webkit-scrollbar{display:none}.header__category-tab{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:hsl(var(--color-muted));white-space:nowrap;border-radius:var(--radius-full);border:1.5px solid hsl(var(--color-border));background:transparent;text-decoration:none;transition:all var(--duration-fast) var(--ease-out)}.header__category-tab:hover{border-color:hsl(var(--color-primary) / .5);color:hsl(var(--color-primary));background:hsl(var(--color-primary) / .05)}.header__category-tab.is-active,.header__category-tab[aria-current=page]{background:hsl(var(--color-primary));color:hsl(var(--color-primary-foreground));border-color:hsl(var(--color-primary));box-shadow:var(--shadow-glow)}.header__category-tab.is-active[style*=--tab-color]{background:var(--tab-color);border-color:var(--tab-color)}.header__icons{display:flex;align-items:center;gap:var(--space-1)}.header__icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;color:hsl(var(--color-foreground));background:none;border:none;cursor:pointer;border-radius:var(--radius-full);transition:background var(--duration-fast),color var(--duration-fast);text-decoration:none}.header__icon-btn:hover{background:hsl(var(--color-surface));color:hsl(var(--color-primary))}.header__icon-btn svg{width:22px;height:22px}.header__cart-count{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 5px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:var(--font-weight-bold);background:hsl(var(--color-primary));color:hsl(var(--color-primary-foreground));border-radius:var(--radius-full);line-height:1}.header__cart-count:empty,.header__cart-count[data-count="0"]{display:none}.header__menu-btn{display:flex}@media(min-width:990px){.header__menu-btn{display:none}}.mobile-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-drawer);pointer-events:none}.mobile-drawer.is-open{pointer-events:auto}.mobile-drawer__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:hsl(var(--color-overlay) / .5);opacity:0;transition:opacity var(--duration-normal)}.mobile-drawer.is-open .mobile-drawer__overlay{opacity:1}.mobile-drawer__panel{position:fixed;top:0;left:0;bottom:0;width:min(380px,85vw);background:hsl(var(--color-background));overflow-y:auto;transform:translate(-100%);transition:transform var(--duration-normal) var(--ease-out);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.mobile-drawer.is-open .mobile-drawer__panel{transform:translate(0)}.mobile-drawer__header{display:flex;justify-content:space-between;align-items:center}.mobile-drawer__close{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;color:hsl(var(--color-foreground));background:none;border:none;cursor:pointer;border-radius:var(--radius-full);transition:background var(--duration-fast),color var(--duration-fast)}.mobile-drawer__close:hover{background:hsl(var(--color-surface));color:hsl(var(--color-primary))}.mobile-drawer__close svg{width:22px;height:22px}.mobile-drawer__nav details{border-bottom:1px solid hsl(var(--color-border) / .5)}.mobile-drawer__nav summary{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;font-weight:var(--font-weight-medium);cursor:pointer;list-style:none}.mobile-drawer__nav summary::-webkit-details-marker{display:none}details[open]>summary .icon-chevron{transform:rotate(180deg)}.mobile-drawer__sublinks{padding:0 0 var(--space-3) var(--space-4)}.mobile-drawer__sublink{display:block;padding:var(--space-2) 0;color:hsl(var(--color-muted));font-size:var(--text-sm);text-decoration:none}.mobile-drawer__sublink:hover{color:hsl(var(--color-foreground))}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-drawer);pointer-events:none}.search-overlay.is-open{pointer-events:auto}.search-overlay__panel{position:fixed;top:0;left:0;right:0;background:hsl(var(--color-background));transform:translateY(-100%);transition:transform var(--duration-normal) var(--ease-out);padding:var(--space-4) var(--container-padding);box-shadow:var(--shadow-lg)}.search-overlay.is-open .search-overlay__panel{transform:translateY(0)}.search-overlay__header{display:flex;align-items:center;gap:var(--space-4);max-width:var(--container-max);margin-inline:auto}.search-overlay__form{flex:1;display:flex;align-items:center;border-bottom:2px solid hsl(var(--color-border));padding-bottom:var(--space-2)}.search-overlay__input{flex:1;border:none;background:transparent;font-size:var(--text-lg);padding:var(--space-2);outline:none;color:hsl(var(--color-foreground))}.search-overlay__close{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;color:hsl(var(--color-foreground));background:none;border:none;cursor:pointer;border-radius:var(--radius-full)}.search-overlay__close svg{width:22px;height:22px}@media(min-width:990px){.header__categories{justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-header.css.map */