.header__icon--search{background:none;border:0;padding:0;cursor:pointer}.search-panel{position:absolute;top:100%;left:0;right:0;z-index:5}.search-panel[hidden]{display:none}.search-panel__inner{position:relative;z-index:1;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border-top:.1rem solid rgba(var(--color-foreground),.08);box-shadow:0 .8rem 1.6rem #00000014;max-height:calc(100vh - var(--header-height, 8rem));overflow-y:auto;animation:search-panel-in .2s ease-out}.search-panel__overlay{position:absolute;top:100%;left:0;right:0;height:100vh;background:#0006}@keyframes search-panel-in{0%{opacity:0;transform:translateY(-.4rem)}}@media(prefers-reduced-motion:reduce){.search-panel__inner{animation:none}}.search-panel__container{padding-top:1rem;padding-bottom:1.6rem}.search-panel__form{position:relative;display:flex;align-items:center;gap:.6rem;border-bottom:.1rem solid rgb(var(--color-foreground));padding:.2rem 0}.search-panel__form-icon{flex:none;width:1.5rem;height:1.5rem}.search-panel__input{flex:1;min-width:0;border:0;background:transparent;color:inherit;font-size:1.4rem;padding:.55rem 0;height:auto;box-shadow:none;outline:0}.search-panel__input::placeholder{color:rgba(var(--color-foreground),.5)}.search-panel__reset,.search-panel__close{flex:none;display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;padding:0;border:0;background:none;color:inherit;cursor:pointer}.search-panel__reset .svg-wrapper,.search-panel__close .svg-wrapper{width:1.2rem;height:1.2rem}.search-panel__submit{flex:none;border:0;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-weight:600;font-size:1.1rem;letter-spacing:.05em;text-transform:uppercase;padding:.65rem 1.2rem;cursor:pointer}@media screen and (max-width:749px){.search-panel__submit{display:none}}.search-panel .predictive-search{position:static;width:100%;border:0;box-shadow:none;background:transparent;max-height:none!important;overflow:visible}.search-panel predictive-search[open] .search-panel__default,.search-panel predictive-search[loading] .search-panel__default{display:none}.search-panel__default{padding-top:1.2rem}.search-panel__suggest{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:0 0 1.4rem;padding:0}@media screen and (min-width:750px){.search-panel__suggest{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}}@media screen and (min-width:990px){.search-panel__suggest{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr))}}.search-panel__suggest-card{display:block;color:inherit;text-decoration:none}.search-panel__suggest-media{display:block;aspect-ratio:4 / 3;overflow:hidden;border-radius:.6rem;background:rgba(var(--color-foreground),.06)}.search-panel__suggest-img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.search-panel__suggest-card:hover .search-panel__suggest-img{transform:scale(1.03)}.search-panel__suggest-title{display:block;margin-top:.5rem;font-size:1.2rem;font-weight:500;line-height:1.25}.search-panel__badges{display:flex;flex-wrap:wrap;gap:.6rem;margin:0 0 1.4rem;padding:0}.search-panel__badge{display:inline-block;padding:.4rem 1rem;border:.1rem solid rgba(var(--color-foreground),.35);border-radius:10rem;font-size:1.15rem;line-height:1.2;color:inherit;text-decoration:none;transition:background-color .15s ease,color .15s ease}.search-panel__badge:hover{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.search-panel__badge--highlight{background:var(--color-search-badge, #f9d94c);border-color:transparent;color:#000;font-weight:600}.search-panel__badge--highlight:hover{background:#000;color:#fff}.search-panel__columns{display:grid;grid-template-columns:1fr;gap:1.6rem}@media screen and (min-width:990px){.search-panel__columns{grid-template-columns:minmax(14rem,1fr) 3fr;gap:2.4rem}.search-panel__columns--single{grid-template-columns:1fr}}.search-panel__heading{margin:0 0 .8rem;font-size:1.05rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:rgba(var(--color-foreground),.6)}.search-panel__collections{display:flex;flex-direction:column;gap:.2rem;margin:0;padding:0}.search-panel__collection{display:flex;align-items:center;gap:.8rem;padding:.4rem 0;font-size:1.3rem;font-weight:500;color:inherit;text-decoration:none}.search-panel__collection:hover span{text-decoration:underline;text-underline-offset:.25rem}.search-panel__collection-img{width:3.2rem;height:3.2rem;object-fit:cover;border-radius:50%;flex:none}@media screen and (max-width:989px){.search-panel__collections{flex-direction:row;flex-wrap:wrap;gap:.6rem}.search-panel__collection{padding:.3rem .9rem .3rem .3rem;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:10rem;font-size:1.15rem}.search-panel__collection-img{width:2.4rem;height:2.4rem}}.search-panel__products{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(10rem,1fr);gap:1rem;margin:0;padding:0;overflow-x:auto}@media screen and (min-width:750px){.search-panel__products{grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));grid-auto-columns:auto;overflow:visible}}.search-panel__product{display:flex;flex-direction:column;gap:.4rem;color:inherit;text-decoration:none}.search-panel__product-media{position:relative;display:block;aspect-ratio:1;overflow:hidden;border-radius:.5rem;background:rgba(var(--color-foreground),.05)}.search-panel__product-img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.search-panel__product:hover .search-panel__product-img{transform:scale(1.04)}.search-panel__product-badge{position:absolute;top:.4rem;left:.4rem;padding:.15rem .55rem;border-radius:10rem;background:var(--color-search-badge, #f9d94c);color:#000;font-size:.95rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.search-panel__product-title{font-size:1.2rem;font-weight:500;line-height:1.3}.search-panel__product-price{font-size:1.15rem;color:rgba(var(--color-foreground),.75)}.search-panel__product-price s{margin-right:.3rem;opacity:.6}@media screen and (max-width:749px){.search-panel__col--products{display:none}.search-panel__columns{display:block}.search-panel__collections{flex-direction:column;flex-wrap:nowrap;gap:.6rem}.search-panel__collection{width:100%;max-width:100%;box-sizing:border-box;padding:.5rem 1rem .5rem .5rem;font-size:1.3rem}.search-panel__collection-img{width:3.2rem;height:3.2rem}.search-panel__suggest{grid-template-columns:minmax(0,1fr)}.search-panel__inner{overflow-x:hidden}}
/*# sourceMappingURL=/cdn/shop/t/168/assets/component-header-search-panel.css.map */