:root{--header-padding-top: 12px;--header-padding-bottom: 12px;--header-margin-bottom: 0px;--font-body-scale: 1;--logo-max-width: 120px;--header-background-color: #ffffff;--header-text-color: #2c2c2c;--header-icon-color: #4a4a4a;--header-border-color: #e5e5e5;--header-shadow: 0 2px 4px rgba(0, 0, 0, .05);--header-transition: all .3s ease;--search-border-radius: 24px;--icon-hover-color: #000000;--header-z-index: 1000}.header-wrapper{width:100%;background-color:var(--header-background-color);border-bottom:1px solid var(--header-border-color);box-shadow:var(--header-shadow)}.header{max-width:1200px;margin:0 auto;padding:var(--header-padding-top) 1rem var(--header-padding-bottom) 1rem;background-color:transparent;color:var(--header-text-color);display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:60px}.section-header{position:sticky;top:0;z-index:var(--header-z-index);width:100%;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.header__heading{margin:0;flex-shrink:0}.header__heading-logo-wrapper{max-width:var(--logo-max-width);height:auto;transition:var(--header-transition)}.header__heading-logo-wrapper:hover{transform:scale(1.02)}.header__heading-logo-wrapper img{max-width:100%;height:auto;display:block;object-fit:contain}.header-search-wrapper{flex:1;max-width:400px;margin:0 1rem}.header-search{width:100%;position:relative}.header-search input{width:100%;padding:10px 16px;border:2px solid transparent;border-radius:var(--search-border-radius);background-color:#f8f9fa;font-size:14px;transition:var(--header-transition);outline:none}.header-search input:focus{border-color:var(--header-icon-color);background-color:#fff;box-shadow:0 0 0 3px #4a4a4a1a}.header-search input::placeholder{color:#999}.header-search button{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;padding:6px;cursor:pointer;border-radius:50%;transition:var(--header-transition)}.header-search button:hover{background-color:#4a4a4a1a}.header__icons{display:flex;align-items:center;gap:1rem;flex-shrink:0}.header__icon{position:relative;color:var(--header-icon-color);padding:8px;border-radius:50%;transition:var(--header-transition);display:flex;align-items:center;justify-content:center}.header__icon:hover{color:var(--icon-hover-color);background-color:#4a4a4a0d;transform:translateY(-1px)}.header__icon--cart .svg-wrapper,.header__icon .svg-wrapper{width:22px;height:22px;display:flex;align-items:center;justify-content:center}.header__icon--cart .cart-count-bubble{position:absolute;top:2px;right:2px;background-color:#e74c3c;color:#fff;border-radius:50%;width:18px;height:18px;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;min-width:18px}.header--has-menu .header__menu{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:2rem;margin-left:2rem;flex-wrap:nowrap}.list-menu--inline{display:flex;flex-direction:row;gap:1rem;list-style:none;padding:0;margin:0}.header__menu-item{position:relative;display:inline-block;white-space:nowrap}.header__menu-link{color:var(--header-text-color);text-decoration:none;font-weight:500;padding:8px 16px;transition:var(--header-transition);position:relative;display:inline-block;white-space:nowrap}.header__menu-link:hover{color:var(--icon-hover-color)}.header__menu-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:var(--icon-hover-color);transition:width .3s ease}.header__menu-link:hover:after{width:100%}.link{text-decoration:none;color:var(--header-text-color);transition:var(--header-transition)}.link:hover{color:var(--icon-hover-color)}@media screen and (max-width: 749px){.header{padding:8px 1rem;gap:.5rem}.header__heading-logo-wrapper{max-width:80px}.header-search-wrapper{display:none}.header__icons{gap:.5rem}.header--has-menu .header__menu{display:none}}@media screen and (min-width: 750px) and (max-width: 989px){.header{padding:10px 1.5rem}.header-search-wrapper{max-width:300px}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.header__icon:focus,.header__menu-link:focus,.link:focus{outline:2px solid var(--header-text-color);outline-offset:2px}@media (prefers-contrast: high){:root{--header-background-color: #ffffff;--header-text-color: #000000;--header-icon-color: #000000;--header-border-color: #000000}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/header.css.map */