.header-search{position:absolute;left:0;right:0;top:100%;z-index:60;background:var(--color-bg);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-soft)}.header-search[hidden]{display:none}.header-search.is-open{animation:versal-search-in .2s ease}@keyframes versal-search-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.header-search__inner{position:relative;padding-top:var(--space-4);padding-bottom:var(--space-4)}.header-search__form{position:relative;display:flex;align-items:center;gap:var(--space-2);margin:0}.header-search__icon{position:absolute;left:var(--space-4);width:18px;height:18px;color:var(--color-text-muted);pointer-events:none}.header-search__input{flex:1;min-width:0;min-height:48px;padding:var(--space-3) var(--space-4) var(--space-3) calc(var(--space-4) * 2 + 18px);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-white)}.header-search__input:focus{outline:2px solid var(--color-accent);outline-offset:1px}.header-search__input::-webkit-search-cancel-button{-webkit-appearance:none}.header-search__submit{min-height:48px}.header-search__close{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--color-text);cursor:pointer}.header-search__close:hover{background:var(--color-surface);color:var(--color-primary)}.header-search__close svg{width:18px;height:18px}.predictive-search{position:absolute;left:var(--page-gutter);right:var(--page-gutter);top:calc(100% - var(--space-2));z-index:61;max-height:min(70vh,520px);overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-white);box-shadow:var(--shadow-lift)}.predictive-search[hidden]{display:none}.predictive-search__heading{margin:0;padding:var(--space-3) var(--space-4) var(--space-2);color:var(--color-text-muted);font-family:var(--font-body);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.predictive-search__list{margin:0;padding:0;list-style:none}.predictive-search__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);color:var(--color-text);text-decoration:none}.predictive-search__item:hover,.predictive-search__item[aria-selected=true]{background:var(--color-surface)}.predictive-search__image{flex-shrink:0;width:52px;height:52px;border-radius:var(--radius-button);object-fit:cover;background:var(--color-surface)}.predictive-search__info{display:flex;flex-direction:column;gap:2px;min-width:0}.predictive-search__title{overflow:hidden;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.predictive-search__price{color:var(--color-primary);font-size:.875rem;font-weight:600}.predictive-search__empty{margin:0;padding:var(--space-5) var(--space-4);color:var(--color-text-secondary);text-align:center}.predictive-search__view-all{display:block;padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);color:var(--color-primary);font-weight:600;text-decoration:none}.predictive-search__view-all:hover,.predictive-search__view-all[aria-selected=true]{background:var(--color-surface)}.search-page__header{max-width:720px;margin:0 auto var(--space-7);text-align:center}.search-page__header h1{color:var(--color-primary)}.search-page__form{margin-top:var(--space-5)}.search-page__field{position:relative;display:flex;gap:var(--space-2)}.search-page__icon{position:absolute;left:var(--space-4);top:50%;width:18px;height:18px;color:var(--color-text-muted);transform:translateY(-50%);pointer-events:none}.search-page__input{flex:1;min-width:0;min-height:52px;padding-left:calc(var(--space-4) * 2 + 18px);border-radius:var(--radius-pill)}.search-page__count{margin:var(--space-4) 0 0;color:var(--color-text-secondary);font-size:.9375rem}.search-page__result{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-white)}.search-page__result-link{color:var(--color-text);font-family:var(--font-heading);font-size:1.125rem;text-decoration:none}.search-page__result-link:hover{color:var(--color-primary)}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-search.css.map */