.header{position:relative;z-index:5;display:block;min-height:57px;padding-top:16px;padding-bottom:16px;border-top:var(--border-top-mobile) solid var(--border-color, transparent);border-bottom:var(--border-bottom-mobile) solid var(--border-color, transparent);background:var(--background-gradient, var(--background-color));transition:transform .3s ease-in-out;will-change:transform}.header[is-hidden=true]{transform:translateY(-100%)}.header__row{display:grid;grid-template-columns:minmax(20%,auto) 1fr minmax(20%,auto);grid-template-areas:"navigation logo toolbar";margin:0 -16px}.header__col{display:flex;align-items:center;padding:0 16px}.header__col--logo{grid-area:logo;justify-content:center}.header__col--navigation{grid-area:navigation;justify-content:start}.header__col--toolbar{grid-area:toolbar;justify-content:end}.header__items{display:flex;align-items:center;gap:16px}.header__item--desktop{display:none}.header__logo-image{width:auto;max-height:24px}.header__icon{position:relative;z-index:1;display:block;width:24px;height:24px;padding:0;margin:0;border:0;background-color:transparent;color:var(--text-color, var(--c-primary-font));transition:color .25s ease-in-out}.header__icon:before{content:"";position:absolute;top:50%;left:50%;opacity:0;z-index:-1;width:calc(100% + 16px);height:calc(100% + 16px);border-radius:100%;background-color:#fff;transform:translateY(-50%) translate(-50%) scale(.8);transition:opacity .25s,transform .25s ease-out}.header__cart-count{position:absolute;top:-5px;left:14px}.header__cart-count .cart-count{box-shadow:0 0 0 2px var(--brand-white)}@media(-moz-touch-enabled:0),(hover:hover){.header__icon:hover{color:var(--c-accent)}.header__icon:hover:before{opacity:1;transform:translateY(-50%) translate(-50%) scale(1)}}.header__search{position:relative;display:flex;align-items:center}.header__search--form{display:none}.header__search-form{position:absolute;top:50%;right:-10px;transform:translateY(-50%)}.header__search-input{width:0;height:40px;margin:0;padding:0;border:0;border-radius:20px;background-color:transparent;opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;transition:width .25s,opacity .25s,background-color .25s ease-in-out}.header__search:has(.header__search-input:focus,[aria-expanded=true]) .header__search-input{width:clamp(220px,24vw,320px);padding:0 44px 0 18px;opacity:1;background-color:var(--brand-white);box-shadow:0 0 0 1px var(--brand-hairline),0 6px 20px -8px #0000002e}.header__search:has(.header__search-input:focus,[aria-expanded=true]) .header__icon{color:var(--c-accent)}.header__search:has(.header__search-input:focus,[aria-expanded=true]) .header__icon:before{opacity:0}.header__search:has(.header__search-input:focus,[aria-expanded=true]) .header__search-input:not(:placeholder-shown){padding-right:76px}.header__search-input::-webkit-search-cancel-button{display:none}.header__search-clear{position:absolute;top:50%;right:42px;display:none;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:50%;background-color:transparent;color:var(--brand-ink-soft);transform:translateY(-50%);cursor:pointer;transition:color .2s,background-color .2s}.header__search-clear:hover{color:var(--brand-ink);background-color:color-mix(in srgb,var(--brand-ink) 6%,transparent)}.header__search:has(.header__search-input:focus,[aria-expanded=true]) .header__search-input:not(:placeholder-shown)~.header__search-clear{display:grid}.header__icon:focus-visible,.header__search-clear:focus-visible{border-radius:50%;outline:2px solid var(--c-secondary-accent)!important;outline-offset:4px!important}.header__search-clear:focus-visible{outline-offset:0!important}.header__row:has(.header__search-input:focus,[data-search-button][aria-expanded=true]) .header-navigation{opacity:.25;pointer-events:none}@media screen and (min-width:768px){.header{min-height:65px}.header__logo-image{max-height:32px}}@media screen and (min-width:1199px){.header{padding-top:20px;padding-bottom:20px;border-top:var(--border-top-desktop) solid var(--border-color, transparent);border-bottom:var(--border-bottom-desktop) solid var(--border-color, transparent)}.header__row{grid-template-columns:minmax(max-content,1fr) auto minmax(max-content,1fr);grid-template-areas:"logo navigation toolbar"}.header__col--logo{justify-content:start}.header__col--navigation{justify-content:center}.header__item--mobile{display:none}.header__item--desktop{display:block}.header__items{gap:32px}}@media screen and (min-width:1199px){.header__search--link{display:none}.header__search--form{display:flex;z-index:2}}@media screen and (min-width:1199px)and (hover:hover){.header__search:has(.header__search-input:focus,[aria-expanded=true]) .header__icon:before{width:calc(100% + 10px);height:calc(100% + 10px);background-color:color-mix(in srgb,var(--c-accent) 10%,transparent)}.header__search:has(.header__search-input:focus,[aria-expanded=true]) .header__icon:hover:before{opacity:1;transform:translateY(-50%) translate(-50%) scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/311/assets/section-header.css.map */