.site-header-container{position:relative;z-index:var(--z-header);width:100%}.site-header-container--sticky{position:sticky;top:0}.site-header-container--sticky.is-scrolled{box-shadow:0 4px 12px #0000000a,0 8px 24px #0000000f}.usp-bar{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark, #0f0f0f) 100%);color:#fff;overflow:hidden;position:relative}.usp-bar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.03) 50%,transparent 100%);pointer-events:none}.usp-bar__track{display:flex;justify-content:center;padding:10px var(--gutter, 16px)}.usp-bar__content{display:flex;align-items:center;justify-content:center;gap:clamp(24px,5vw,48px);flex-wrap:wrap}@media(max-width:767px){.usp-bar__content{flex-wrap:nowrap;gap:40px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.usp-bar__content::-webkit-scrollbar{display:none}}.usp-bar__item{display:flex;align-items:center;gap:var(--spacing-2, 8px);font-size:var(--font-size-xs, .75rem);font-weight:500;white-space:nowrap;letter-spacing:.01em}.usp-bar__icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#ffffff26;border-radius:var(--border-radius-full);flex-shrink:0}.usp-bar__icon svg{width:14px;height:14px}.usp-bar__text{opacity:.95}.announcement-bar{background-color:var(--color-accent, var(--color-secondary, var(--color-primary)));color:#fff;padding:var(--spacing-2) var(--gutter, 16px);text-align:center;font-size:clamp(.75rem,2vw,.875rem);font-weight:var(--font-weight-medium)}.announcement-bar__text{margin:0;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);flex-wrap:wrap}.announcement-bar__icon{display:inline-flex;align-items:center}.announcement-bar__icon svg{width:16px;height:16px}.announcement-bar__separator{opacity:.5;margin:0 var(--spacing-2)}.announcement-bar__text a{color:inherit;text-decoration:underline;text-underline-offset:2px}.announcement-bar__text a:hover{text-decoration:none}.header{position:relative;background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.06);transition:all var(--duration-slow) var(--ease-out-expo, cubic-bezier(.16, 1, .3, 1));width:100%}.header--sticky{position:relative;top:auto}.header--transparent{position:absolute;top:0;left:0;right:0;background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom-color:transparent}.header--transparent .header__logo-text,.header--transparent .header__menu-link,.header--transparent .header__icon{color:var(--color-on-primary)}.site-header-container--sticky.is-scrolled .header--transparent{background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom-color:#0000000f}.site-header-container--sticky.is-scrolled .header--transparent .header__logo-text,.site-header-container--sticky.is-scrolled .header--transparent .header__menu-link,.site-header-container--sticky.is-scrolled .header--transparent .header__icon{color:var(--color-text)}.header__wrapper{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);height:var(--header-height, 64px);max-width:100%;padding-inline:var(--gutter, 16px)}@media(min-width:768px){.header__wrapper{height:var(--header-height, 70px);gap:var(--spacing-4)}}@media(min-width:1024px){.header__wrapper{padding-inline:var(--spacing-6)}}@media(min-width:1280px){.header__wrapper{padding-inline:var(--spacing-8)}}.header__logo{flex-shrink:0}.header__logo-link{display:block;text-decoration:none}.header__logo-image{display:block;height:auto;max-height:40px;width:auto}@media(min-width:768px){.header__logo-image{max-height:50px}}.header__logo-text{font-family:var(--font-heading);font-size:clamp(1rem,4vw,1.25rem);font-weight:var(--font-weight-bold);color:var(--color-text);text-decoration:none}.header__menu-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:none;border:none;cursor:pointer;color:var(--color-text)}@media(min-width:1024px){.header__menu-toggle{display:none}}.header__nav{display:none;flex:1;justify-content:center}@media(min-width:1024px){.header__nav{display:flex}}.header__menu{display:flex;align-items:center;gap:var(--spacing-1);list-style:none;margin:0;padding:0}.header__menu-item{position:relative}.header__menu-link{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);text-decoration:none;background:none;border:none;cursor:pointer;transition:color var(--transition-fast)}.header__menu-link:hover,.header__menu-link[aria-expanded=true]{color:var(--color-primary)}.header__menu-chevron{transition:transform var(--transition-fast)}.header__menu-link[aria-expanded=true] .header__menu-chevron{transform:rotate(180deg)}.header__dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);min-width:220px;padding-top:var(--spacing-2);opacity:0;visibility:hidden;transition:opacity var(--transition-fast),visibility var(--transition-fast)}.header__menu-item--has-dropdown:hover .header__dropdown,.header__menu-link[aria-expanded=true]+.header__dropdown{opacity:1;visibility:visible}.header__dropdown-inner{display:flex;gap:var(--spacing-8);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-6)}.header__dropdown-list{list-style:none;margin:0;padding:0;min-width:180px}.header__dropdown-link{display:block;padding:var(--spacing-2) 0;font-size:var(--font-size-sm);color:var(--color-text);text-decoration:none;transition:color var(--transition-fast)}.header__dropdown-link:hover{color:var(--color-primary)}.header__dropdown-sublist{list-style:none;margin:0;padding:0 0 0 var(--spacing-4)}.header__dropdown-sublink{display:block;padding:var(--spacing-1) 0;font-size:var(--font-size-xs);color:var(--color-muted);text-decoration:none;transition:color var(--transition-fast)}.header__dropdown-sublink:hover{color:var(--color-primary)}.header__menu-item--has-mega{position:static}.mega-dropdown{position:absolute;top:100%;left:0;right:0;width:100%;padding-top:0;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity var(--duration-normal, .2s) ease,visibility var(--duration-normal, .2s) ease,transform var(--duration-normal, .2s) ease;z-index:var(--z-dropdown, 100);pointer-events:none}.mega-dropdown:before{content:"";position:absolute;top:-16px;left:0;right:0;height:16px}.header__menu-item--has-mega:hover .mega-dropdown,.header__menu-item--has-mega:focus-within .mega-dropdown,.header__menu-link[aria-expanded=true]+.mega-dropdown{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.mega-dropdown__inner{background:var(--color-background, #fff);border-top:1px solid var(--color-border, #e5e5e5);box-shadow:0 10px 40px #00000014,0 2px 8px #0000000a}.mega-dropdown__content{padding:var(--spacing-8, 32px) var(--spacing-6, 24px);max-width:1200px;margin:0 auto}.mega-dropdown__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-6, 24px);padding-bottom:var(--spacing-4, 16px);border-bottom:1px solid var(--color-border, #e5e5e5)}.mega-dropdown__title{font-size:var(--font-size-lg, 1.125rem);font-weight:var(--font-weight-semibold, 600);color:var(--color-text);text-decoration:none;letter-spacing:-.01em}.mega-dropdown__title:hover{color:var(--color-accent, #4a5d4a)}.mega-dropdown__view-all{display:inline-flex;align-items:center;gap:var(--spacing-1, 4px);font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-medium, 500);color:var(--color-accent, #4a5d4a);text-decoration:none;transition:gap var(--duration-normal, .2s) ease}.mega-dropdown__view-all:hover{gap:var(--spacing-2, 8px);text-decoration:underline}.mega-dropdown__grid{display:grid;gap:var(--spacing-2, 8px)}.mega-dropdown__grid--2{grid-template-columns:repeat(2,1fr)}.mega-dropdown__grid--3{grid-template-columns:repeat(3,1fr)}.mega-dropdown__grid--4{grid-template-columns:repeat(4,1fr)}.mega-dropdown__item{display:flex;align-items:center;gap:var(--spacing-3, 12px);padding:var(--spacing-3, 12px) var(--spacing-4, 16px);border-radius:var(--radius-lg, 12px);text-decoration:none;color:var(--color-text);transition:background var(--duration-normal, .2s) ease,color var(--duration-normal, .2s) ease}.mega-dropdown__item:hover{background:var(--color-surface, #f8f8f8);color:var(--color-accent, #4a5d4a)}.mega-dropdown__item-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-surface, #f5f5f5);border-radius:var(--radius-md, 8px);color:var(--color-accent, #4a5d4a);flex-shrink:0;transition:background var(--duration-normal, .2s) ease}.mega-dropdown__item:hover .mega-dropdown__item-icon{background:var(--color-accent, #4a5d4a);color:#fff}.mega-dropdown__item-icon svg{width:16px;height:16px}.mega-dropdown__item-name{font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-medium, 500)}.mega-dropdown__column{display:flex;flex-direction:column;gap:var(--spacing-1, 4px)}.mega-dropdown__column-heading{display:block;padding:var(--spacing-2, 8px) var(--spacing-4, 16px);font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-semibold, 600);color:var(--color-text);text-decoration:none;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--color-border, #e5e5e5);margin-bottom:var(--spacing-1, 4px)}.mega-dropdown__column-heading:hover{color:var(--color-accent, #4a5d4a)}.mega-dropdown__sublist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.mega-dropdown__sublink{display:flex;align-items:center;gap:var(--spacing-2, 8px);padding:var(--spacing-2, 8px) var(--spacing-4, 16px);font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary, #666);text-decoration:none;border-radius:var(--radius-md, 8px);transition:background var(--duration-normal, .2s) ease,color var(--duration-normal, .2s) ease}.mega-dropdown__sublink:hover{background:var(--color-surface, #f8f8f8);color:var(--color-accent, #4a5d4a)}.mega-dropdown__sublink .mega-dropdown__item-icon{width:24px;height:24px}.mega-dropdown__sublink .mega-dropdown__item-icon svg{width:14px;height:14px}.mega-dropdown__featured{margin-top:var(--spacing-6, 24px);border-radius:var(--radius-lg, 12px);overflow:hidden;position:relative}.mega-dropdown__featured a{display:block;position:relative;text-decoration:none}.mega-dropdown__featured-img{width:100%;height:160px;object-fit:cover;border-radius:var(--radius-lg, 12px);transition:transform var(--duration-slow, .3s) ease}.mega-dropdown__featured a:hover .mega-dropdown__featured-img{transform:scale(1.03)}.mega-dropdown__featured-text{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-4, 16px) var(--spacing-5, 20px);background:linear-gradient(to top,rgba(0,0,0,.6),transparent);color:#fff;font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-semibold, 600);border-radius:0 0 var(--radius-lg, 12px) var(--radius-lg, 12px)}.header__dropdown-featured{flex-shrink:0;width:200px}.header__dropdown-featured a{display:block;position:relative;text-decoration:none}.header__dropdown-featured img{width:100%;height:150px;object-fit:cover;border-radius:var(--radius-md)}.header__dropdown-featured-title{display:block;margin-top:var(--spacing-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.header__icons{display:flex;align-items:center;gap:var(--spacing-2)}.header__icon{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:transparent;border:none;border-radius:var(--radius-lg, 12px);cursor:pointer;color:var(--color-text);text-decoration:none;transition:all var(--duration-normal) var(--ease-out-expo, cubic-bezier(.16, 1, .3, 1))}.header__icon:hover{color:var(--color-accent);background:#0000000a;transform:translateY(-1px)}.header__icon:active{transform:scale(.95)}.header__icon-count{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 5px;background:linear-gradient(135deg,var(--color-accent, #4a5d4a) 0%,#3d4f3d 100%);color:#fff;font-size:10px;font-weight:600;line-height:18px;text-align:center;border-radius:var(--radius-full, 9999px);box-shadow:0 2px 6px #4a5d4a4d;animation:cart-badge-pop .3s var(--ease-out-back, cubic-bezier(.34, 1.56, .64, 1))}@keyframes cart-badge-pop{0%{transform:scale(0)}to{transform:scale(1)}}.header__icon-count.is-hidden{display:none}.mobile-menu{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-drawer);visibility:hidden;pointer-events:none}.mobile-menu[aria-hidden=false]{visibility:visible;pointer-events:auto}.mobile-menu__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity var(--duration-slow) var(--ease-out-expo, cubic-bezier(.16, 1, .3, 1))}.mobile-menu[aria-hidden=false] .mobile-menu__overlay{opacity:1}.mobile-menu__drawer{position:absolute;top:0;left:0;bottom:0;width:100%;max-width:min(340px,90vw);background:var(--color-background);transform:translate(-100%);transition:transform var(--duration-slower) var(--ease-out-expo, cubic-bezier(.16, 1, .3, 1));display:flex;flex-direction:column;overflow:hidden;box-shadow:24px 0 48px #00000026;border-radius:0 var(--radius-2xl, 24px) var(--radius-2xl, 24px) 0}.mobile-menu[aria-hidden=false] .mobile-menu__drawer{transform:translate(0)}.mobile-menu__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-5) var(--spacing-5);background:linear-gradient(180deg,var(--color-background) 0%,var(--color-surface-sunken, #fafafa) 100%);border-bottom:1px solid rgba(0,0,0,.06)}.mobile-menu__title{font-size:var(--font-size-lg);font-weight:600;letter-spacing:-.01em}.mobile-menu__close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-right:calc(var(--spacing-2) * -1);padding:0;background:#0000000a;border:none;border-radius:var(--radius-lg, 12px);cursor:pointer;color:var(--color-text);transition:all var(--duration-normal) ease}.mobile-menu__close:hover{background:#00000014}.mobile-menu__nav{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:var(--spacing-2) 0}.mobile-menu__list{list-style:none;margin:0;padding:0 var(--spacing-3)}.mobile-menu__item{border-bottom:none;margin-bottom:var(--spacing-1)}.mobile-menu__link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-4) var(--spacing-4);min-height:52px;font-size:var(--font-size-base);font-weight:500;color:var(--color-text);text-decoration:none;background:transparent;border:none;border-radius:var(--radius-lg, 12px);cursor:pointer;text-align:left;touch-action:manipulation;transition:all var(--duration-normal) ease}.mobile-menu__link:hover,.mobile-menu__link:focus{background-color:#0000000a}.mobile-menu__link:active{background-color:#0000000f;transform:scale(.98)}.mobile-menu__submenu{list-style:none;padding:var(--spacing-2) 0;background-color:var(--color-surface-sunken, #fafafa);border-radius:var(--radius-lg, 12px);margin:0 var(--spacing-2);max-height:0;overflow:hidden;opacity:0;transition:max-height .35s cubic-bezier(.16,1,.3,1),opacity .25s ease,margin .25s ease,padding .25s ease}.mobile-menu__submenu[hidden]{display:none}.mobile-menu__submenu.is-open{max-height:500px;opacity:1;padding:var(--spacing-2) 0;margin:var(--spacing-1) var(--spacing-2) var(--spacing-2)}.mobile-menu__back{border-bottom:none;margin-bottom:var(--spacing-2)}.mobile-menu__back button{display:flex;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);font-weight:500;color:var(--color-accent, var(--color-primary));background:none;border:none;border-radius:var(--radius-md, 8px);cursor:pointer;transition:background var(--duration-normal) ease}.mobile-menu__back button:hover{background:#0000000a}.mobile-menu__parent{border-bottom:1px solid rgba(0,0,0,.06);margin-bottom:var(--spacing-2)}.mobile-menu__parent a{display:block;padding:var(--spacing-3) var(--spacing-4);font-weight:var(--font-weight-semibold);color:var(--color-text);text-decoration:none}.mobile-menu__footer{padding:var(--spacing-4);border-top:1px solid var(--color-border)}.mobile-menu__account{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-text);text-decoration:none;font-size:var(--font-size-sm)}.mobile-menu__account:hover{color:var(--color-primary)}.search-drawer{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-drawer);visibility:hidden;pointer-events:none}.search-drawer[aria-hidden=false]{visibility:visible;pointer-events:auto}.search-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080;opacity:0;transition:opacity var(--transition-base)}.search-drawer[aria-hidden=false] .search-drawer__overlay{opacity:1}.search-drawer__content{position:absolute;top:0;left:0;right:0;background-color:var(--color-background);padding:var(--spacing-4) var(--gutter, 16px);transform:translateY(-100%);transition:transform var(--transition-base)}.search-drawer[aria-hidden=false] .search-drawer__content{transform:translateY(0)}.search-drawer__form{display:flex;align-items:center;gap:var(--spacing-2);max-width:min(600px,100%);margin:0 auto}.search-drawer__input{flex:1;height:48px;padding:0 var(--spacing-4);font-size:16px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);outline:none;transition:border-color var(--transition-fast)}.search-drawer__input:focus{border-color:var(--color-primary)}.search-drawer__submit,.search-drawer__close{display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;background:none;border:none;cursor:pointer;color:var(--color-text);transition:color var(--transition-fast)}.search-drawer__submit:hover,.search-drawer__close:hover{color:var(--color-primary)}.search-drawer__results{max-width:600px;max-height:60vh;margin:var(--spacing-4) auto 0;overflow-y:auto}.predictive-search__results{display:grid;gap:var(--spacing-4)}.predictive-search__section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);margin-bottom:var(--spacing-2)}.predictive-search__item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2);text-decoration:none;color:var(--color-text);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.predictive-search__item:hover{background-color:var(--color-surface)}.predictive-search__image{width:50px;height:50px;object-fit:cover;border-radius:var(--radius-sm)}.predictive-search__info{flex:1}.predictive-search__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.predictive-search__price{font-size:var(--font-size-sm);color:var(--color-muted)}.wishlist-button{position:absolute;top:var(--spacing-2, 8px);right:var(--spacing-2, 8px);display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:#ffffffe6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:none;border-radius:50%;cursor:pointer;color:var(--color-text-secondary, #666);transition:all .2s ease;z-index:2;box-shadow:0 2px 8px #00000014}.wishlist-button:hover{color:#e74c3c;transform:scale(1.1);box-shadow:0 4px 12px #0000001f}.wishlist-button .wishlist-button__icon--filled{display:none}.wishlist-button .wishlist-button__icon--empty{display:flex}.wishlist-button.is-active{color:#e74c3c}.wishlist-button.is-active .wishlist-button__icon--filled{display:flex}.wishlist-button.is-active .wishlist-button__icon--empty{display:none}.wishlist-button.is-active:hover{transform:scale(1.15)}.predictive-search__loading{padding:var(--spacing-6) var(--spacing-4);text-align:center;color:var(--color-muted, #999)}.predictive-search__no-results{padding:var(--spacing-6) var(--spacing-4);text-align:center;color:var(--color-muted, #999);font-size:var(--font-size-sm, .875rem)}.predictive-search__footer{padding:var(--spacing-3) var(--spacing-4);border-top:1px solid var(--color-border, #e5e5e5)}.predictive-search__view-all{display:block;text-align:center;padding:var(--spacing-3);font-size:var(--font-size-sm, .875rem);font-weight:600;color:var(--color-text);text-decoration:none;background:var(--color-surface, #f5f5f5);border-radius:var(--radius-md, 8px);transition:background .2s ease}.predictive-search__view-all:hover{background:var(--color-border, #e5e5e5)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/*# sourceMappingURL=/cdn/shop/t/22/assets/component-header.css.map */