.site-header{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);width:100%;transition:background var(--transition-slow),box-shadow var(--transition-slow),color var(--transition-slow)}.site-header__bar{background:var(--color-surface);box-shadow:0 1px 0 var(--color-border);transition:background var(--transition-slow),box-shadow var(--transition-slow)}.site-header[data-transparent=true] .site-header__bar{background:transparent;box-shadow:none}.site-header--scrolled .site-header__bar{background:#fffffff0!important;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 1px #e3eee7cc,0 4px 24px #0000000d!important}.site-header__inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:var(--header-height, 88px);padding-inline:var(--container-padding);max-width:var(--container-max);margin-inline:auto;gap:var(--space-4)}.site-header__logo{display:flex;align-items:center;justify-content:center;text-decoration:none;flex-shrink:0}.site-header__logo img{height:68px;width:auto;max-width:240px;object-fit:contain;object-position:center;transition:filter var(--transition-slow),transform var(--transition-slow);mix-blend-mode:multiply}.site-header__logo:hover img{transform:scale(1.04)}.site-header[data-transparent=true]:not(.site-header--scrolled) .site-header__logo img{mix-blend-mode:normal;filter:brightness(0) invert(1)}.site-header__logo-light{mix-blend-mode:normal!important}.site-header__logo-light{display:none}.site-header__logo-dark{display:block}.site-header[data-transparent=true]:not(.site-header--scrolled) .site-header__logo-light{display:block}.site-header[data-transparent=true]:not(.site-header--scrolled) .site-header__logo-dark{display:none}.site-header__logo-text{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:700;color:var(--color-primary);transition:color var(--transition-slow)}.site-header[data-transparent=true]:not(.site-header--scrolled) .site-header__logo-text{color:#fff}.site-header__nav{display:flex;align-items:center;justify-content:flex-start}.site-nav{display:flex;align-items:center;gap:0;list-style:none}.site-nav__item{position:relative}.site-nav__link{display:flex;align-items:center;gap:4px;padding:.45rem 1.1rem;font-size:var(--text-sm);font-weight:600;letter-spacing:.02em;color:var(--color-text);text-decoration:none;white-space:nowrap;border-radius:var(--border-radius-full);border:1.5px solid var(--color-border);background:#e3eee738;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.site-nav__link:hover,.site-nav__link.is-active{color:var(--color-primary);background:var(--color-primary-10);border-color:#1f6e3f66;box-shadow:0 2px 10px #1f6e3f1f}.site-header[data-transparent=true]:not(.site-header--scrolled) .site-nav__link{color:#ffffffeb;background:#ffffff1a;border-color:#ffffff47}.site-header[data-transparent=true]:not(.site-header--scrolled) .site-nav__link:hover{color:#fff;background:#fff3;border-color:#ffffff80;box-shadow:0 2px 12px #00000026}.site-header[data-transparent=true]:not(.site-header--scrolled) .site-nav__link.is-active{color:#fff;background:#ffffff38;border-color:#ffffff8c}.site-nav__chevron{transition:transform var(--transition-fast);color:var(--color-text-muted)}.site-header[data-transparent=true]:not(.site-header--scrolled) .site-nav__chevron{color:#fff9}.site-nav__item:hover .site-nav__chevron,.site-nav__item:focus-within .site-nav__chevron{transform:rotate(180deg)}.site-nav__dropdown{position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%) translateY(-10px);min-width:480px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:calc(var(--border-radius-lg) + 4px);box-shadow:0 4px 6px -1px #00000012,0 20px 48px -8px #00000029,0 0 0 1px #1f6e3f0f;padding:var(--space-3);opacity:0;visibility:hidden;transition:opacity .22s cubic-bezier(.22,1,.36,1),visibility .22s,transform .22s cubic-bezier(.22,1,.36,1);z-index:var(--z-dropdown);pointer-events:none;display:grid;grid-template-columns:1fr 1fr;gap:4px;list-style:none}.site-nav__dropdown:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:11px;height:11px;background:var(--color-surface);border-left:1px solid var(--color-border);border-top:1px solid var(--color-border);border-radius:2px}.site-nav__item:has(.site-nav__dropdown):after{content:"";position:absolute;top:100%;left:0;right:0;height:18px;background:transparent}.site-nav__item:hover .site-nav__dropdown,.site-nav__item:focus-within .site-nav__dropdown{opacity:1;visibility:visible;transform:translate(-50%) translateY(0);pointer-events:auto}.site-nav__dropdown li:first-child:nth-last-child(-n+3),.site-nav__dropdown li:first-child:nth-last-child(-n+3)~li{grid-column:1 / -1}.site-nav__dropdown>li{list-style:none}.site-nav__dropdown-link{display:flex;align-items:center;gap:var(--space-3);padding:.65rem .9rem;font-size:var(--text-sm);font-weight:500;color:var(--color-text);text-decoration:none;border-radius:var(--border-radius);transition:color var(--transition-fast),background var(--transition-fast);white-space:nowrap;line-height:1.3}.site-nav__dropdown-link:hover,.site-nav__dropdown-link.is-active{color:var(--color-primary);background:var(--color-primary-10)}.site-nav__dropdown-divider{grid-column:1 / -1;border-top:1px solid var(--color-border);margin-top:2px;padding-top:2px}.site-nav__dropdown-link--all{font-weight:600;color:var(--color-primary);justify-content:center}.site-nav__dropdown-link--all:hover{background:var(--color-primary-10)}.site-header__icons{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-1)}.site-header__icon-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--color-text);border-radius:50%;transition:color var(--transition-fast),background var(--transition-fast);text-decoration:none}.site-header__icon-btn:hover{color:var(--color-primary);background:var(--color-primary-10)}.site-header[data-transparent=true]:not(.site-header--scrolled) .site-header__icon-btn{color:#ffffffe6}.site-header[data-transparent=true]:not(.site-header--scrolled) .site-header__icon-btn:hover{color:#fff;background:#ffffff26}.cart-count{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;line-height:18px;text-align:center;background:var(--color-primary);color:#fff;border-radius:var(--border-radius-full);pointer-events:none}.cart-count[data-count="0"],.cart-count:empty{display:none}.site-header__search{position:relative;display:flex;align-items:center}.site-header__search-form{display:flex;align-items:center;overflow:hidden;max-width:0;opacity:0;transition:max-width .35s cubic-bezier(.22,1,.36,1),opacity .25s ease;background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--border-radius-full);pointer-events:none}.site-header__search.is-open .site-header__search-form{max-width:260px;opacity:1;pointer-events:auto}.site-header__search-input{flex:1;min-width:0;border:none;background:transparent;padding:.4rem .2rem .4rem .9rem;font-size:var(--text-sm);color:var(--color-text);outline:none;white-space:nowrap}.site-header__search-input::placeholder{color:var(--color-text-muted)}.site-header__search-submit{display:flex;align-items:center;justify-content:center;padding:.4rem .6rem;color:var(--color-primary);background:transparent;border:none;cursor:pointer;flex-shrink:0}.site-header__search-toggle{flex-shrink:0}.site-header__search.is-open .site-header__search-toggle{color:var(--color-primary)}.site-header[data-transparent=true]:not(.site-header--scrolled) .site-header__search-input{color:#fff}.site-header[data-transparent=true]:not(.site-header--scrolled) .site-header__search-form{border-color:#ffffff4d;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media(max-width:767px){.site-header__search.is-open .site-header__search-form{max-width:180px}}.site-header__menu-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;color:var(--color-text);border-radius:50%;transition:color var(--transition-fast),background var(--transition-fast)}.site-header__menu-btn:hover{color:var(--color-primary);background:var(--color-primary-10)}.site-header[data-transparent=true]:not(.site-header--scrolled) .site-header__menu-btn{color:#ffffffe6}.mobile-menu{position:fixed;inset:0 auto 0 0;width:min(320px,85vw);background:var(--color-surface);z-index:var(--z-fixed);display:flex;flex-direction:column;transform:translate(-100%);transition:transform var(--transition-base);overflow-y:auto;overscroll-behavior:contain}.mobile-menu.is-open{transform:translate(0)}.mobile-menu__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.mobile-menu__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--color-text);border-radius:50%;transition:background var(--transition-fast)}.mobile-menu__close:hover{background:var(--color-primary-10)}.mobile-nav{flex:1;padding:var(--space-4) 0}.mobile-nav__list{list-style:none}.mobile-nav__link{display:block;padding:.75rem var(--space-5);font-size:var(--text-base);font-weight:500;color:var(--color-text);text-decoration:none;border-bottom:1px solid var(--color-border);transition:color var(--transition-fast),background var(--transition-fast)}.mobile-nav__link:hover{color:var(--color-primary);background:var(--color-primary-10)}.mobile-nav__submenu{list-style:none;background:var(--color-bg);border-bottom:1px solid var(--color-border)}.mobile-nav__submenu-link{display:block;padding:.6rem var(--space-8);font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.mobile-nav__submenu-link:hover{color:var(--color-primary)}.mobile-menu__footer{padding:var(--space-5);border-top:1px solid var(--color-border)}@media(max-width:1023px){.site-header__nav{display:none}.site-header__menu-btn{display:flex}.site-header__inner{grid-template-columns:auto 1fr auto}.site-header__logo{justify-content:flex-start}}@media(min-width:1024px){.site-header__menu-btn,.mobile-menu{display:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-header.css.map */