@media screen and (min-width:990px){html{scrollbar-gutter:stable}body.header-search-open{overflow:hidden}html:has(header-search:focus-within){scroll-padding-block-start:0}.header--desktop-search .header__top-start .header__utils-item--search,.header--desktop-search .header__top-start .header__additional-links{display:none}.header--desktop-search .header__top-start{position:static}.header.header--desktop-search:has(header-search[open]:not([data-state=loading]))>.container:after{background-color:#ffffff7f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s ease}.header.header--desktop-search:has(header-search[closing])>.container:after,.header.header--desktop-search:has(header-search[open][data-state=loading])>.container:after{transition:none}header-search.header-search{display:block;width:100%;max-width:28.3rem}.header-search__form{position:relative;display:flex}.header-search__pill{position:relative;display:flex;flex:1 1 auto;align-items:center;min-width:0;padding:.8rem 1.6rem;border:.1rem solid #004236;border-radius:8.8rem;background-color:transparent;transition:border-color .3s ease}.header-search .header-search__input{flex:1 1 auto;width:100%;min-width:0;height:2.4rem;min-height:0;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;outline:none;background-color:transparent;-webkit-appearance:none;appearance:none;font-family:var(--custom-font-family-aktiv-grotesk);font-size:1.4rem;font-style:normal;font-weight:400;line-height:2.4rem;letter-spacing:.01rem;text-align:start;text-transform:none;color:#5e5e5e;caret-color:#5e5e5e;opacity:1}.header-search .header-search__input::placeholder{color:#5e5e5e;line-height:normal;text-transform:uppercase;opacity:1}.header-search .header-search__input:focus::placeholder{opacity:0}.header-search .header-search__input:focus,.header-search .header-search__input:focus-visible{outline:none;box-shadow:none}header-search:not([open]) .header-search__pill:has(.header-search__input:focus-visible){box-shadow:0 0 0 .1rem #004236}.header-search .header-search__input::-webkit-search-decoration,.header-search .header-search__input::-webkit-search-cancel-button,.header-search .header-search__input::-webkit-search-results-button,.header-search .header-search__input::-webkit-search-results-decoration{display:none}.header-search__submit,.header-search__clear{flex:0 0 auto;align-items:center;justify-content:center;margin:0;padding:0;border:0;border-radius:0;background:none;color:#373737;cursor:pointer}.header-search__submit{display:flex;width:fit-content;margin-inline-start:-.8rem}.header-search .header-search__submit svg{display:block;width:1.8rem;height:2rem}.header-search__clear{display:none;padding:.5rem}.header-search .header-search__clear svg{display:block;width:1rem;height:1rem}header-search[open] .header-search__submit{display:none}header-search[open] .header-search__clear{display:flex}.header-search__panel{position:absolute;inset-inline:0;inset-block-start:100%;z-index:3;display:block;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;color:#004236;background-color:#fafafa;opacity:0;visibility:hidden;pointer-events:none}.header-search__panel::-webkit-scrollbar{display:none}.header-search__panel--default{max-height:calc(100vh - var(--header-height) - var(--announcement-bars-before-header-visible-heights, 0px) - 3.2rem);transition:max-height .5s ease,opacity .3s ease,visibility .3s ease}header-search:not([data-ready]) .header-search__panel--default{display:none}.header-search__panel--results{z-index:4;max-height:calc(100vh - var(--header-height) - var(--announcement-bars-before-header-visible-heights, 0px) - 1rem);transition:max-height .5s ease,opacity .5s ease,visibility .5s ease}header-search[open][data-state=default] .header-search__panel--default,header-search[open][data-state=results] .header-search__panel--results{opacity:1;visibility:visible;pointer-events:auto}.header-search .header-search__wrapper{padding-block:4rem 4.8rem}.header-search__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:3.2rem}.header-search__layout--single{grid-template-columns:minmax(0,1fr)}.header-search__column{min-width:0}.header-search__heading,.header-search__title{margin:0;padding:0;font-family:var(--font-heading-family);font-size:2.4rem;font-style:normal;font-weight:var(--font-heading-weight);line-height:1;text-transform:capitalize;color:#004236}.header-search__heading{letter-spacing:.04rem}.header-search__heading--results{margin-block-end:2.4rem}.header-search__heading-row{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;margin-block-end:2.4rem}.header-search__pills{margin:0;padding:0;list-style:none}.header-search__pills--links{margin-block-start:2.4rem}.header-search__pill-item{margin:0 0 2rem}.header-search__pills--pages .header-search__pill-item{margin-block-end:1.6rem}.header-search__pill-item:last-child,.header-search__pills--pages .header-search__pill-item:last-child{margin-block-end:0}.header-search__pill-link{display:flex;align-items:center;gap:2.4rem;width:fit-content;height:4.8rem;padding:1.6rem;border-radius:.8rem;background-color:#f7f3eb;color:#004236;font-family:var(--font-heading-family);font-size:1.6rem;font-style:normal;font-weight:var(--font-heading-weight);line-height:normal;letter-spacing:.014rem;text-decoration:none;text-transform:capitalize;transition:color .3s ease}.header-search mark{padding:0;color:#000;background-color:#f7d046}.header-search__header-row{display:flex;align-items:center;justify-content:flex-start;gap:1.6rem;margin-block-end:2.4rem}.header-search__title{flex:0 1 auto;letter-spacing:.14rem;text-align:center}.header-search__view-all{display:flex;flex:0 1 auto;align-items:center;justify-content:center;gap:.8rem;padding:1.6rem 3.2rem;border:.1rem solid #8c8c8c;border-radius:.3rem;background-color:#fff;color:#373737;font-family:var(--font-button-family);font-size:1.4rem;font-style:normal;font-weight:400;font-synthesis:none;line-height:1.8rem;letter-spacing:.14rem;text-align:center;text-decoration:none;text-transform:uppercase;transition:color .25s ease-out,background-color .25s ease-out,border-color .25s ease-out}.header-search__tabs{display:flex;gap:3.2rem;width:fit-content;margin-block-end:2.4rem}.header-search__tab{margin:0;padding:.1rem 0;border:0;border-radius:0;background:none;color:#737373;font-family:var(--font-button-family);font-size:1.4rem;font-style:normal;font-weight:400;font-synthesis:none;line-height:1.8rem;letter-spacing:.14rem;text-transform:uppercase;cursor:pointer}.header-search__tab.is-active{color:#373737}.header-search__tab-panel{display:none}.header-search__tab-panel.is-active{display:block}.header-search__arrows{display:flex;flex:0 0 auto;gap:.33rem}.header-search__arrow{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:.5rem;border:0;border-radius:0;background:none;color:#373737;cursor:pointer}.header-search .header-search__arrow svg{display:block;width:1.4rem;height:1.4rem}[dir=rtl] .header-search .header-search__arrow svg{transform:scaleX(-1)}.header-search__arrow.is-disabled{opacity:.3;cursor:default;pointer-events:none}.header-search__carousel--results{position:relative}.header-search__carousel--results .header-search__arrow{position:absolute;inset-block-start:-4.8rem}.header-search__carousel--results .header-search__arrow--next{inset-inline-end:0}.header-search__carousel--results .header-search__arrow--prev{inset-inline-end:4rem}.header-search__list{display:flex;gap:4rem;overflow:hidden;padding-block-end:.8rem;scroll-snap-type:x mandatory;scrollbar-width:none}.header-search__list::-webkit-scrollbar{display:none}.header-search__item{position:relative;display:flex;flex:0 0 calc(100% / 3.5);flex-direction:column;min-width:0;scroll-snap-align:start}.header-search__item-media{position:relative;display:block;overflow:hidden;aspect-ratio:1;background-color:#fff}.header-search .header-search__item-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.header-search .header-search__item-media img.header-search__item-image--under{z-index:1;background-color:#fff;opacity:0;transition:opacity .25s ease-in-out}.header-search .header-search__item-media--double:hover img.header-search__item-image--under{opacity:1}.header-search__item-info{display:flex;flex:1;flex-direction:column;min-height:0;padding:.2rem}.header-search__item-text{display:block;flex:1 0 auto;color:inherit;text-decoration:none}.header-search__item-title{margin:.8rem 0;font-family:var(--font-heading-family);font-size:1.8rem;font-style:normal;font-weight:var(--font-heading-weight);line-height:2.24rem;letter-spacing:.014rem;color:#004236;transition:color .3s}.header-search__item-price{display:block;font-family:var(--font-button-family);font-size:1.6rem;font-style:normal;font-weight:400;font-synthesis:none;line-height:2.16rem;letter-spacing:.014rem;color:#373737}.header-search__item-price small{font-size:inherit}.header-search__item-price-current{margin-inline-end:.6rem}.header-search__item-price-current:last-child{margin-inline-end:0}.header-search__item-price-compare{font-family:var(--custom-font-family-aktiv-grotesk);font-weight:400;color:#737373;text-decoration:line-through}.header-search__item-button{display:flex;align-items:center;justify-content:center;width:100%;margin-block-start:1.6rem;padding:1.2rem 2.4rem;border:.1rem solid #8c8c8c;border-radius:.3rem;background-color:#fff;color:#373737;font-family:var(--font-button-family);font-size:1.2rem;font-style:normal;font-weight:400;font-synthesis:none;line-height:1.5rem;letter-spacing:.06rem;text-align:center;text-decoration:none;text-transform:uppercase;transition:color .25s ease-out,background-color .25s ease-out,border-color .25s ease-out}@media(hover:hover){.header-search__view-all:hover{color:#004236}.header-search__item-button:hover{border-color:#004236;background-color:#004236;color:#fff}}.header-search__no-results{margin:.7rem 0;padding-block-start:.8rem;font-family:var(--custom-font-family-aktiv-grotesk);font-size:1.4rem;font-style:normal;font-weight:400;line-height:1.8rem;letter-spacing:.014rem;color:#004236}.header-search__close-bar{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;margin:0;padding:1.6rem 0;border:0;border-radius:0;background-color:#004236;color:#fff;cursor:pointer}.header-search__close-bar>span:first-child{font-family:var(--font-button-family);font-size:1.4rem;font-style:normal;font-weight:400;font-synthesis:none;line-height:1;letter-spacing:normal;text-transform:uppercase}.header-search__close-bar-icon{display:flex;padding:.7rem .5rem}.header-search .header-search__close-bar-icon svg{display:block;width:1rem;height:1rem}.header-search :is(a,button):focus-visible,.header-search [role=option][aria-selected=true]>a{outline:.2rem solid #004236;outline-offset:.2rem;box-shadow:none}.header-search .header-search__list :is(a,button):focus-visible,.header-search .header-search__list [role=option][aria-selected=true]>a{outline-offset:-.2rem}.header-search .header-search__list .header-search__item-media:focus-visible,.header-search .header-search__list [role=option][aria-selected=true]>.header-search__item-media{outline:none}.header-search .header-search__list .header-search__item-media:focus-visible:after,.header-search .header-search__list [role=option][aria-selected=true]>.header-search__item-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border:.2rem solid #004236;pointer-events:none}.header-search .header-search__close-bar:focus-visible{outline-color:#fff;outline-offset:-.4rem}[dir=rtl] .header-search :is(.header-search__item-button,.header-search__close-bar>span:first-child,.header-search__view-all,.header-search__tab){font-family:var(--font-heading-family)}[dir=rtl] .header-search :is(.header-search__heading,.header-search__title,.header-search__pill-link,.header-search__view-all,.header-search__tab,.header-search__item-title,.header-search__item-button,.header-search__no-results,.header-search__input){letter-spacing:0}@media(prefers-reduced-motion:reduce){.header-search__panel,.header-search__pill,.header-search .header-search__item-media img.header-search__item-image--under,.header.header--desktop-search:has(header-search[open]:not([data-state=loading]))>.container:after{transition:none}}}.header-search__item--card .product-card__badge-promo{font-size:12px;line-height:1}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-header-search.css.map */
