.header{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:transparent;transition:background-color var(--transition-slow),box-shadow var(--transition-slow)}.header.is-scrolled{background-color:var(--color-surface);box-shadow:var(--shadow-sm)}.header__wrapper{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) 0;max-width:var(--container-2xl);margin:0 auto;padding-left:var(--space-4);padding-right:var(--space-4);gap:var(--space-6)}@media(min-width:768px){.header__wrapper{padding-left:var(--space-8);padding-right:var(--space-8)}}@media(min-width:1280px){.header__wrapper{padding-left:var(--space-12);padding-right:var(--space-12)}}.header__logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;z-index:1;flex-shrink:0}.header__logo-icon{width:32px;height:32px;color:var(--color-secondary)}.header__logo-text{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:500;line-height:1;color:var(--color-text-primary)}.header__logo-image{max-height:48px;width:auto}.header__center{flex:1;display:none;align-items:center;gap:var(--space-6)}.header__nav{display:flex;align-items:center;gap:var(--space-5)}@media(min-width:1024px){.header__center{display:flex}}.header__nav-link{font-family:var(--font-body);font-size:var(--text-base);font-weight:500;text-transform:capitalize;letter-spacing:var(--tracking-wide);color:var(--color-text-primary);text-decoration:none;position:relative;padding:var(--space-2) 0;transition:color var(--transition-fast)}.header__nav-link:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background-color:var(--color-primary);transition:width var(--transition-base)}.header__nav-link:hover,.header__nav-link.active{color:var(--color-primary)}.header__nav-link:hover:after,.header__nav-link.active:after{width:100%}.header__nav-link--app{color:var(--color-secondary)}.header__nav-link--app:hover{color:var(--color-primary)}.header__actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}@media(min-width:768px){.header__actions{gap:var(--space-4)}}.header__action-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--color-text-primary);background-color:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast)}.header__search-wrap{flex:1;min-width:260px;max-width:480px;position:relative}.header__search-form{width:100%;display:flex;align-items:stretch;background-color:var(--color-surface);border-radius:999px;border:1.5px solid rgba(0,0,0,.1);overflow:hidden;transition:border-color .2s,box-shadow .2s}.header__search-form:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #e07b4c1f}.header__search-input{flex:1;padding:11px 18px;border:none;background:transparent;font-size:14px;font-family:var(--font-body);color:var(--color-text-primary);min-width:0}.header__search-input::placeholder{color:#aaa}.header__search-input:focus{outline:none}.header__search-submit{display:flex;align-items:center;justify-content:center;width:46px;flex-shrink:0;border:none;background-color:var(--color-primary);color:#fff;cursor:pointer;border-radius:0 999px 999px 0;transition:background-color .2s}.header__search-submit:hover{background-color:#c96a38}.header__search-submit svg{width:18px;height:18px}.header__action-btn:hover{color:var(--color-primary);background-color:var(--color-primary-light)}.header__action-btn svg{width:24px;height:24px}.header__advice-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background-color:var(--color-secondary);color:#fff;border-radius:var(--radius-full, 999px);font-family:var(--font-body);font-size:.875rem;font-weight:500;text-decoration:none;transition:background-color .2s ease,transform .1s ease;white-space:nowrap}.header__advice-btn svg{width:18px;height:18px;flex-shrink:0}.header__advice-btn:hover{background-color:#14302b;transform:translateY(-1px)}.header__cart-btn{position:relative}.header__cart-count{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:600;line-height:18px;text-align:center;color:var(--color-text-light);background-color:var(--color-primary);border-radius:var(--radius-full)}.header__cart-count:empty{display:none}.header__sign-in{display:none;padding:var(--space-2) var(--space-5);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary);background-color:transparent;border:1.5px solid var(--color-text-primary);border-radius:var(--radius-button);text-decoration:none;transition:all var(--transition-fast)}@media(min-width:768px){.header__sign-in{display:inline-flex}}.header__sign-in:hover{color:var(--color-text-light);background-color:var(--color-text-primary)}.header__menu-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--color-text-primary);background-color:transparent;border:none;cursor:pointer}@media(min-width:1024px){.header__menu-toggle{display:none}}.header__menu-toggle svg{width:24px;height:24px}.mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;opacity:0;visibility:hidden;transition:opacity var(--transition-slow),visibility var(--transition-slow)}.mobile-menu.is-open{opacity:1;visibility:visible}.mobile-menu__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080;cursor:pointer}.mobile-menu__content{position:absolute;top:0;right:0;bottom:0;width:100%;max-width:360px;background-color:var(--color-surface);transform:translate(100%);transition:transform var(--transition-slow);display:flex;flex-direction:column}.mobile-menu.is-open .mobile-menu__content{transform:translate(0)}.mobile-menu__header{display:flex;align-items:center;justify-content:flex-end;padding:var(--space-4);border-bottom:1px solid rgba(0,0,0,.1)}.mobile-menu__close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--color-text-primary);background-color:transparent;border:none;cursor:pointer}.mobile-menu__close svg{width:24px;height:24px}.mobile-menu__nav{flex:1;padding:var(--space-6) var(--space-4);overflow-y:auto}.mobile-menu__link{display:block;padding:var(--space-4) 0;font-family:var(--font-body);font-size:var(--text-lg);font-weight:500;color:var(--color-text-primary);text-decoration:none;border-bottom:1px solid rgba(0,0,0,.05);transition:color var(--transition-fast)}.mobile-menu__link:hover,.mobile-menu__link--active{color:var(--color-primary)}.mobile-menu__footer{padding:var(--space-6) var(--space-4);border-top:1px solid rgba(0,0,0,.1)}.mobile-menu__advice{display:flex;align-items:center;gap:var(--space-3);background:var(--color-primary);color:#fff;text-decoration:none;font-weight:600;padding:var(--space-3) var(--space-4);border-radius:var(--radius-button);margin-bottom:var(--space-3);transition:background var(--transition-base)}.mobile-menu__advice:hover{background:var(--color-primary-hover)}.mobile-menu__advice svg{width:20px;height:20px;flex-shrink:0}.mobile-menu__account{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-primary);text-decoration:none;font-weight:500}.mobile-menu__account svg{width:24px;height:24px}.search-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;opacity:0;visibility:hidden;transition:opacity var(--transition-slow),visibility var(--transition-slow)}.search-drawer.is-open{opacity:1;visibility:visible}.search-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080;cursor:pointer}.search-drawer__content{position:absolute;top:0;left:0;right:0;background-color:var(--color-surface);padding:var(--space-6);transform:translateY(-100%);transition:transform var(--transition-slow)}.search-drawer.is-open .search-drawer__content{transform:translateY(0)}.search-drawer__form{display:flex;gap:var(--space-4);max-width:600px;margin:0 auto}.search-drawer__input{flex:1;padding:var(--space-4);font-size:var(--text-lg);border:2px solid var(--color-secondary);border-radius:var(--radius-button)}.search-drawer__input:focus{outline:none;border-color:var(--color-primary)}.cart-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;opacity:0;visibility:hidden;transition:opacity var(--transition-slow),visibility var(--transition-slow)}.cart-drawer.is-open{opacity:1;visibility:visible}.cart-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080;cursor:pointer}.cart-drawer__content{position:absolute;top:0;right:0;bottom:0;width:100%;max-width:420px;background-color:var(--color-surface);transform:translate(100%);transition:transform var(--transition-slow);display:flex;flex-direction:column}.cart-drawer.is-open .cart-drawer__content{transform:translate(0)}.cart-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid rgba(0,0,0,.1)}.cart-drawer__title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:500}.cart-drawer__close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--color-text-primary);background-color:transparent;border:none;cursor:pointer}.cart-drawer__close svg{width:24px;height:24px}.cart-drawer__body{flex:1;padding:var(--space-6);overflow-y:auto}.cart-drawer__empty{text-align:center;padding:var(--space-12) 0;color:var(--color-text-secondary)}.cart-drawer__footer{padding:var(--space-6);border-top:1px solid rgba(0,0,0,.1)}.cart-drawer__subtotal{display:flex;justify-content:space-between;margin-bottom:var(--space-4);font-size:var(--text-lg);font-weight:600}.has-announcement-bar .header{top:auto}.header__nav-chevron{display:none}.header__mega-item{display:flex;align-items:center}.header__mega-backdrop{position:absolute;top:100%;left:0;right:0;height:100vh;background-color:#00000040;opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base);pointer-events:none;z-index:98}.header.has-mega-open .header__mega-backdrop{opacity:1;visibility:visible;pointer-events:auto}.header.has-mega-open{background-color:var(--color-surface)}.header__mega-panel{position:absolute;top:100%;left:0;right:0;background-color:var(--color-background, #FAFAF7);border-top:2px solid var(--color-primary);box-shadow:0 12px 40px #0000001a;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;z-index:99}.header__mega-item.is-open .header__mega-panel{opacity:1;visibility:visible;transform:translateY(0)}.header__mega-container{max-width:var(--container-2xl);margin:0 auto;padding:var(--space-8) var(--space-4)}@media(min-width:768px){.header__mega-container{padding-left:var(--space-8);padding-right:var(--space-8)}}@media(min-width:1280px){.header__mega-container{padding-left:var(--space-12);padding-right:var(--space-12)}}.header__mega-inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-8);align-items:start}.header__mega-inner:has(.header__mega-promo){grid-template-columns:1fr 1fr 260px}.header__mega-col{display:flex;flex-direction:column;gap:2px}.header__mega-col+.header__mega-col{border-left:1px solid rgba(0,0,0,.07);padding-left:var(--space-6)}.header__mega-link{display:block;padding:var(--space-2) var(--space-3);font-family:var(--font-body);font-size:var(--text-sm);font-weight:400;color:var(--color-text-primary);text-decoration:none;border-radius:var(--radius-sm);transition:color var(--transition-fast),background-color var(--transition-fast)}.header__mega-link:hover,.header__mega-link.active{color:var(--color-primary);background-color:#e07b4c12}.header__mega-group{display:flex;flex-direction:column}.header__mega-group-trigger{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;text-align:left;width:100%;transition:color var(--transition-fast),background-color var(--transition-fast)}.header__mega-group-trigger svg{flex-shrink:0;transition:transform var(--transition-fast)}.header__mega-group-trigger:hover,.header__mega-group.is-open .header__mega-group-trigger{color:var(--color-primary);background-color:#e07b4c12}.header__mega-group.is-open .header__mega-group-trigger svg{transform:rotate(90deg)}.header__mega-sublinks{display:none;flex-direction:column;gap:2px;padding:var(--space-1) 0 var(--space-2) var(--space-6)}.header__mega-group.is-open .header__mega-sublinks{display:flex}.header__mega-sublink{display:block;padding:var(--space-1) var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-sm);transition:color var(--transition-fast)}.header__mega-sublink:hover,.header__mega-sublink.active{color:var(--color-primary)}.header__mega-promo{display:flex;flex-direction:column;gap:var(--space-4);border-left:1px solid rgba(0,0,0,.07);padding-left:var(--space-6)}.header__mega-promo-image{border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:4 / 3}.header__mega-promo-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.header__mega-promo:hover .header__mega-promo-image img{transform:scale(1.03)}.header__mega-promo-content{display:flex;flex-direction:column;gap:var(--space-2)}.header__mega-promo-title{font-family:var(--font-heading);font-size:var(--text-base);font-weight:500;color:var(--color-text-primary);line-height:1.4;margin:0}.header__mega-promo-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.header__mega-promo-cta{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--color-primary);text-decoration:none;transition:gap var(--transition-fast)}.header__mega-promo-cta:hover{gap:var(--space-3)}.mobile-menu__link--child{padding-left:var(--space-8);font-size:var(--text-base);font-weight:400;color:var(--color-text-secondary)}.mobile-menu__item{border-bottom:1px solid rgba(0,0,0,.06)}.mobile-menu__link{display:flex;align-items:center;justify-content:space-between}.mobile-menu__chevron{flex-shrink:0;transition:transform .25s ease;color:var(--color-text-muted, #888)}.mobile-menu__item.is-open .mobile-menu__chevron{transform:rotate(180deg)}.mobile-menu__sub{display:none;flex-direction:column;gap:0;padding:0 0 var(--space-3) var(--space-4);background-color:#1b3b3608;border-radius:0 0 8px 8px}.mobile-menu__item.is-open .mobile-menu__sub{display:flex}.mobile-menu__sublink{display:block;padding:var(--space-3) var(--space-3);font-size:var(--text-sm);font-weight:400;color:var(--color-text-secondary, #555);text-decoration:none;border-radius:var(--radius-sm);transition:color .15s}.mobile-menu__sublink:hover{color:var(--color-primary)}.mobile-menu__link--app{color:var(--color-secondary);font-weight:600}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-header.css.map */