.predictive-search__panel{background:var(--color-surface-elevated);height:auto;max-height:70dvh}.predictive-search__header{padding:var(--space-3) var(--space-4);gap:var(--space-2)}.predictive-search__form{flex:1;display:flex;align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding-inline:var(--space-3)}.predictive-search__form:focus-within{border-color:var(--color-accent)}.predictive-search__icon{flex-shrink:0;color:var(--color-text-muted)}.predictive-search__input{flex:1;min-height:44px;padding:0 var(--space-3);background:transparent;border:0;color:var(--color-text);font-size:var(--text-base);outline:none}.predictive-search__input::placeholder{color:var(--color-text-subtle)}.predictive-search__input::-webkit-search-cancel-button{display:none}.predictive-search__body{padding:var(--space-4) var(--space-5) var(--space-6)}.predictive-search__empty{text-align:center}.predictive-search__empty-msg{font-size:var(--text-sm);color:var(--color-text-muted);margin-block-end:var(--space-3)}.predictive-search__pills{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.predictive-search__pill{display:inline-flex;align-items:center;min-height:36px;padding-inline:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text);font-size:var(--text-sm);text-decoration:none;transition:border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.predictive-search__pill:hover{border-color:var(--color-accent);color:var(--color-accent)}.predictive-search__sections{display:flex;flex-direction:column;gap:var(--space-6)}.predictive-search__section-heading{margin:0 0 var(--space-2);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.predictive-search__list{display:flex;flex-direction:column;gap:var(--space-1)}.predictive-search__result{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text);transition:background var(--duration-fast) var(--ease-out)}.predictive-search__result:hover,.predictive-search__result.is-active{background:var(--color-accent-soft)}.predictive-search__result-thumb{width:48px;height:48px;border-radius:var(--radius-sm);background:var(--color-surface);overflow:hidden;flex-shrink:0}.predictive-search__result-thumb img{width:100%;height:100%;object-fit:cover}.predictive-search__result-body{min-width:0;flex:1}.predictive-search__result-title{display:block;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.predictive-search__result-meta{font-size:var(--text-xs);color:var(--color-text-muted)}.predictive-search__result-price{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-accent);flex-shrink:0}.predictive-search__view-all{margin-block-start:var(--space-4);display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-accent);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);text-decoration:none}.predictive-search__no-results{text-align:center;padding-block:var(--space-8);color:var(--color-text-muted);font-size:var(--text-sm)}.predictive-search__loading{text-align:center;padding-block:var(--space-6);color:var(--color-text-subtle);font-size:var(--text-sm)}@layer components{.predictive-search{display:flex;flex-direction:column;height:100%;background:var(--color-surface)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-predictive-search.css.map */