.predictive-search{position:fixed;top:0;right:0;bottom:0;left:0;z-index:130;display:block;background-color:var(--color-bg);overflow-y:auto;overscroll-behavior:contain;opacity:0;transition:opacity .35s var(--ease-out)}.predictive-search[hidden]{display:none}.predictive-search.is-open{opacity:1}.predictive-search__top{position:sticky;top:0;z-index:2;display:flex;justify-content:flex-end;padding-top:var(--space-4);pointer-events:none}.predictive-search__close{pointer-events:auto;background-color:var(--color-bg-elevated);border:1px solid var(--color-line);box-shadow:var(--shadow-card)}.predictive-search__inner{max-width:920px;margin-inline:auto;padding:clamp(var(--space-5),6vh,var(--space-8)) var(--page-gutter) var(--space-9)}.predictive-search__eyebrow{margin-bottom:var(--space-5)}.predictive-search__form{display:flex;align-items:center;gap:var(--space-4);border-bottom:1px solid var(--color-line);padding-bottom:var(--space-4);transition:border-color var(--duration-ui) var(--ease-out)}.predictive-search__form:focus-within{border-color:var(--color-accent)}.predictive-search__form-icon{width:26px;height:26px;color:var(--color-text-soft);flex-shrink:0}.predictive-search__input{flex:1;min-width:0;border:0;background:transparent;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:clamp(1.375rem,1rem + 2.4vw,2.375rem);letter-spacing:-.01em;color:var(--color-ink);padding:0}.predictive-search__input:focus{outline:none}.predictive-search__input::placeholder{color:var(--color-text-soft);opacity:.7}.predictive-search__input::-webkit-search-decoration,.predictive-search__input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.predictive-search__submit{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background-color:var(--color-button);color:var(--color-button-text);flex-shrink:0;transition:transform var(--duration-micro) var(--ease-out),background-color var(--duration-micro) var(--ease-out)}.predictive-search__submit:hover{background-color:var(--color-accent-strong);transform:translate(2px)}.predictive-search__recent{margin-top:var(--space-6)}.predictive-search__recent-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.predictive-search__clear{font-size:var(--text-xs);color:var(--color-text-soft);text-decoration:underline;text-underline-offset:3px;transition:color var(--duration-micro) var(--ease-out)}.predictive-search__clear:hover{color:var(--color-terracotta)}.predictive-search__recent-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.predictive-search__recent-chip{display:inline-flex;align-items:center;padding:.45em 1.1em;border:1px solid var(--color-line);border-radius:var(--radius-pill);font-size:var(--text-sm);color:var(--color-text);transition:border-color var(--duration-micro) var(--ease-out),color var(--duration-micro) var(--ease-out),transform var(--duration-micro) var(--ease-out)}.predictive-search__recent-chip:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-1px)}.predictive-search__results{margin-top:var(--space-7);transition:opacity var(--duration-micro) var(--ease-out)}.predictive-search__results.is-loading{opacity:.45}.predictive-search__group+.predictive-search__group,.predictive-search__link-groups{margin-top:var(--space-7)}.predictive-search__group-title{font-family:var(--font-body-family);font-size:var(--text-xs);font-weight:var(--font-body-weight-medium);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-soft);margin-bottom:var(--space-4)}.predictive-search__products{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5) var(--space-4)}@media screen and (min-width:750px){.predictive-search__products{grid-template-columns:repeat(4,1fr)}}.predictive-search__product-link{display:block}.predictive-search__thumb{display:grid;place-items:center;aspect-ratio:4 / 5;padding:10%;background-color:var(--color-bg-secondary);border-radius:var(--radius-s);overflow:hidden;margin-bottom:var(--space-3)}.predictive-search__thumb img{max-width:100%;max-height:100%;width:auto;height:auto;box-shadow:0 1px 2px rgb(var(--color-overlay) / .12),0 10px 22px rgb(var(--color-overlay) / .16);transition:transform .6s var(--ease-air)}.predictive-search__product-link:hover .predictive-search__thumb img{transform:scale(1.04)}.predictive-search__product-title{display:block;font-size:var(--text-sm);font-weight:var(--font-body-weight-medium);color:var(--color-ink);line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.predictive-search__product-price{display:block;margin-top:3px;font-size:var(--text-sm);color:var(--color-text-soft)}.predictive-search__link-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-6)}.predictive-search__link-groups .predictive-search__group{margin-top:0}.predictive-search__link{display:inline-block;padding-block:4px;font-size:var(--text-sm);color:var(--color-text);transition:color var(--duration-micro) var(--ease-out),transform var(--duration-micro) var(--ease-out)}.predictive-search__link:hover{color:var(--color-accent);transform:translate(3px)}.predictive-search__empty{color:var(--color-text-soft);font-size:var(--text-body);max-width:48ch}.predictive-search__cta{margin-top:var(--space-7);padding-top:var(--space-5);border-top:1px solid var(--color-line)}
/*# sourceMappingURL=/cdn/shop/t/35/assets/component-predictive-search.css.map */