.header-search-panel{position:absolute;top:100%;left:0;right:0;z-index:4;display:grid;grid-template-rows:0fr;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));transition:grid-template-rows var(--duration-300) var(--ease-attract-enter)}.header-wrapper--floating .header-search-panel{border-radius:0 0 1.2rem 1.2rem;box-shadow:0 6px 20px -6px rgba(var(--color-shadow),.15)}.header-wrapper--floating:has(.header-search-panel--open){border-radius:1.2rem 1.2rem 0 0;transition-property:transform,background-color,color}.header-search-panel__clip{min-height:0;overflow:hidden}.header-search-panel--open{grid-template-rows:1fr}.header-search-panel__inner{padding:1.2rem;opacity:0;transition:opacity var(--duration-200) var(--ease-attract-enter);max-height:calc(100dvh - var(--header-height) - 1.2rem);overflow-y:auto}.header-search-panel--open .header-search-panel__inner{opacity:1}.header-search-panel__field{display:flex;align-items:center;gap:.8rem;padding:1.2rem 0 0}.header-search-panel:not(:has(predictive-search[open] .header-search-panel__products-grid)) .header-search-panel__field{padding-bottom:1.2rem}.header-search-panel__control{--search-focus-ring-width: .2rem;display:flex;flex:1;align-items:center;gap:1.2rem;min-width:0;min-height:4rem;padding:0 .8rem;border-radius:1.2rem;background-color:rgb(var(--color-background-secondary))}.header-search-panel__control:has(.header-search-panel__input:focus-visible){outline:var(--search-focus-ring-width) solid rgb(var(--color-foreground));outline-offset:calc(-1 * var(--search-focus-ring-width))}.header-search-panel__input{flex:1;min-width:0;padding:.4rem 0;border:0;background:transparent;color:rgb(var(--color-foreground));font-family:var(--font-header-menu-family);font-style:var(--font-header-menu-style);font-size:2.4rem;line-height:1.2;font-weight:600}@media screen and (min-width:750px){.header-search-panel__input{font-size:3.2rem}}.header-search-panel__input::placeholder{color:rgba(var(--color-foreground),.55);font-weight:600}.header-search-panel__input::-webkit-search-cancel-button{display:none}.header-search-panel__clear{flex:0 0 auto;padding:0 .4rem;border:0;background:none;color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-size:1.6rem;font-weight:600;line-height:1;cursor:pointer}.header-search-panel__input:placeholder-shown~.header-search-panel__clear{display:none}@media screen and (hover:hover){.header-search-panel__clear:hover{opacity:var(--hover-opacity)}}.header-search-panel__clear:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.header-search-panel__input:focus-visible{outline:0}@supports not selector(:has(*)){.header-search-panel__input:focus-visible{outline:var(--search-focus-ring-width) solid rgb(var(--color-foreground));outline-offset:var(--search-focus-ring-width)}}.header-search-panel__submit{display:flex;align-items:center;padding:0;border:0;background:transparent;color:rgb(var(--color-foreground));cursor:pointer}@media screen and (min-width:750px){.header-search-panel__submit .icon{width:3rem;height:3rem}}.header-search-panel__close{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:4rem;height:4rem;margin-left:auto;padding:0;border:0;border-radius:50%;background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground));cursor:pointer;transition:background-color var(--duration-150) var(--ease-attract-enter)}@media screen and (hover:hover){.header-search-panel__close:hover{background-color:hsl(var(--secondary-accent))}}.header-search-panel__close:focus-visible{background-color:hsl(var(--secondary-accent));outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.header-search-panel__close:active{background-color:hsl(var(--secondary-accent) / .85)}@media screen and (hover:hover){.header-search-panel__submit:hover{opacity:var(--hover-opacity)}}.header-search-panel__results{padding-top:1.2rem}.header-search-panel .collection-product-list{display:flex;flex-wrap:wrap;gap:1.2rem;width:100%}.header-search-panel .collection-product-card{width:100%}@media screen and (min-width:576px){.header-search-panel .collection-product-card{width:calc((100% - 1.2rem)/2)}}@media screen and (min-width:1200px){.header-search-panel .collection-product-list--4-items .collection-product-card{width:calc((100% - 3 * 1.2rem) / 4)}}@media screen and (max-width:575px){.header-search-panel .collection-product-list--2-mobile .collection-product-card{width:calc((100% - 1.2rem)/2)}.header-search-panel .collection-product-list--2-mobile .collection-product-card .card__more{display:none}.header-search-panel .collection-product-list--2-mobile .collection-product-card .button--link{right:.8rem;bottom:.8rem;width:4.4rem;height:4.4rem;min-height:auto;padding:0}.header-search-panel .collection-product-list--2-mobile .collection-product-card .button--link .icon{width:2rem;height:2rem}.header-search-panel .collection-product-list--2-mobile .collection-product-card .card__description{font-size:1.2rem}.header-search-panel .collection-product-list--2-mobile .collection-product-card .card__information-top{padding:.8rem}.header-search-panel .collection-product-list--2-mobile .collection-product-card .badge{font-size:1.1rem;padding:.3rem .7rem}.header-search-panel .collection-product-list--2-mobile .collection-product-card .price{font-size:1.2rem}.header-search-panel .collection-product-list--2-mobile .collection-product-card .price--on-sale .price__sale{column-gap:.4rem}.header-search-panel .collection-product-list--2-mobile .collection-product-card .card .card__add-to-cart{width:6.4rem}.header-search-panel .collection-product-list--2-mobile .collection-product-card .card .quick-add .card__link,.header-search-panel .collection-product-list--2-mobile .collection-product-card .card .card__add-to-cart .card__link{padding:.8rem}}.header-search-panel .collection-product-card .card-wrapper{display:flex;flex-direction:column;border-radius:1.2rem;overflow:hidden;background-color:hsl(var(--muted))}.header-search-panel .collection-product-card .card__inner,.header-search-panel .collection-product-card .card-wrapper .media{border-radius:0}.header-search-panel .collection-product-card .card-information{flex-grow:1;padding:1.4rem 1.6rem 1.6rem}.header-search-panel .collection-product-card .card-information__wrapper{display:grid;grid-template-columns:1fr auto;column-gap:1.6rem;row-gap:.4rem;align-items:center}.header-search-panel .collection-product-card .card-information__group{grid-column:1 / -1}.header-search-panel .collection-product-card .product-parameters{width:auto;justify-self:end}.header-search-panel .collection-product-card .card__title{font-size:1.7rem}.header-search-panel .collection-product-card .card-information .price{font-size:1.4rem}@media screen and (min-width:750px){.header-search-panel .collection-product-card .card-information{padding:1.8rem 2.8rem 2.8rem}.header-search-panel .collection-product-card .card-information__wrapper{row-gap:.8rem}.header-search-panel .collection-product-card .card__title{font-size:2.3rem}.header-search-panel .collection-product-card .card-information .price{font-size:1.8rem}}.header-search-panel .card-wrapper__link--overlay:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:-.2rem}.header-search-panel__view-all{display:none;margin-left:auto}.header-search-panel:has(predictive-search[open] .header-search-panel__products-grid) .header-search-panel__view-all{display:inline-flex}.header-search-panel:has(predictive-search[open] .header-search-panel__products-grid) .header-search-panel__close{display:none}.header-search-panel__view-all.button--brand{transition:background-color var(--duration-150) var(--ease-attract-enter)}.header-search-panel__view-all{height:4rem;min-height:4rem;min-width:7rem;padding:.8rem 1.6rem;font-size:1.4rem;line-height:1rem}.header-search-panel__view-all:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.header-search-panel__empty{padding-bottom:1.2rem;text-align:center}.header-search-panel__empty-title{margin:0;font-family:var(--font-header-menu-family)}@media(prefers-reduced-motion:reduce){.header-search-panel,.header-search-panel__inner{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/component-header-search-panel.css.map */