.header__search-container{position:relative;display:none;width:280px;flex-shrink:0}@media (min-width: 768px){.header__search-container{display:flex}}@media (min-width: 1024px){.header__search-container{width:400px}}@media (min-width: 1280px){.header__search-container{width:500px}}@media (min-width: 1440px){.header__search-container{width:600px}}.header__search-form{position:relative;width:100%}.header__search-input{width:100%;padding:10px var(--spacing-md, 16px);padding-left:40px;padding-right:36px;font-family:var(--font-family, "Inter", sans-serif);font-size:14px;color:var(--color-text, #000);background-color:#fff;border:1px solid #d4d4d4;border-radius:0;transition:border-color var(--transition-fast, .15s ease),box-shadow var(--transition-fast, .15s ease)}.header__search-submit{position:absolute;left:10px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:none;border:none;color:var(--color-text-muted, #71717a);cursor:pointer;transition:color var(--transition-fast, .15s ease);z-index:2}.header__search-submit:hover{color:var(--color-text, #000)}.header__search-submit .icon{width:20px;height:20px}.header__search-input:focus{outline:none;border-color:var(--color-text, #000)}.header__search-input::placeholder{color:#71717a}.header__search-container.is-searching .header__search-input{border-color:var(--color-text, #000)}.header__search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:none;border:none;color:var(--color-text-muted, #999);cursor:pointer;transition:color var(--transition-fast, .15s ease)}.header__search-clear:hover{color:var(--color-text, #000)}.header__search-clear .icon{width:16px;height:16px}.predictive-search__dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background-color:#fff;border:1px solid var(--color-border, #e5e5e5);box-shadow:0 10px 40px #0000001f;z-index:var(--z-dropdown, 100);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease;max-height:70vh;overflow-y:auto}.predictive-search__dropdown.is-open{opacity:1;visibility:visible;transform:translateY(0)}.predictive-search__results{padding:var(--spacing-md, 16px) 0}.predictive-search__section{padding:0 var(--spacing-md, 16px)}.predictive-search__section-title{display:block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted, #999);margin-bottom:var(--spacing-sm, 8px)}.predictive-search__products{list-style:none;margin:0;padding:0}.predictive-search__product{border-bottom:1px solid var(--color-border-light, #f5f5f5)}.predictive-search__product:last-child{border-bottom:none}.predictive-search__product.is-selected{background-color:var(--color-bg-secondary, #f5f5f5)}.predictive-search__product-link{display:flex;align-items:center;gap:var(--spacing-md, 16px);padding:var(--spacing-sm, 8px) 0;text-decoration:none;color:inherit}.predictive-search__product-image{flex-shrink:0;width:56px;height:56px;background-color:var(--color-bg-tertiary, #fafafa);overflow:hidden}.predictive-search__product-image img{width:100%;height:100%;object-fit:contain}.predictive-search__product-image svg{width:100%;height:100%;padding:12px;color:var(--color-text-muted, #999)}.predictive-search__product-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.predictive-search__product-vendor{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted, #999)}.predictive-search__product-title{font-size:var(--font-size-sm, 13px);font-weight:500;color:var(--color-text, #000);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.predictive-search__product-title mark{background-color:#5b4fe926;color:inherit}.predictive-search__product-price{font-size:var(--font-size-sm, 13px);color:var(--color-text-secondary, #666)}.predictive-search__product-price--sale{color:var(--color-error, #dc2626);font-weight:600}.predictive-search__product-price--compare{font-size:11px;color:var(--color-text-muted, #999);text-decoration:line-through;margin-left:6px}.predictive-search__recent-list{list-style:none;margin:0;padding:0}.predictive-search__recent-item{display:flex;align-items:center;border-bottom:1px solid var(--color-border-light, #f5f5f5)}.predictive-search__recent-item:last-child{border-bottom:none}.predictive-search__recent-item.is-selected{background-color:var(--color-bg-secondary, #f5f5f5)}.predictive-search__recent-link{flex:1;display:flex;align-items:center;gap:var(--spacing-sm, 8px);padding:10px 0;text-decoration:none;color:var(--color-text, #000);font-size:var(--font-size-sm, 13px)}.predictive-search__recent-icon{width:16px;height:16px;color:var(--color-text-muted, #999)}.predictive-search__recent-remove{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;color:var(--color-text-muted, #999);cursor:pointer;opacity:0;transition:opacity .15s ease,color .15s ease}.predictive-search__recent-item:hover .predictive-search__recent-remove{opacity:1}.predictive-search__recent-remove:hover{color:var(--color-text, #000)}.predictive-search__recent-remove svg{width:14px;height:14px}.predictive-search__view-all{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs, 4px);padding:var(--spacing-md, 16px);margin-top:var(--spacing-sm, 8px);font-size:var(--font-size-sm, 13px);font-weight:500;color:var(--color-text, #000);text-decoration:none;border-top:1px solid var(--color-border, #e5e5e5);transition:background-color .15s ease}.predictive-search__view-all:hover{background-color:var(--color-bg-secondary, #f5f5f5)}.predictive-search__view-all svg{width:16px;height:16px}.predictive-search__empty{padding:var(--spacing-xl, 32px) var(--spacing-md, 16px);text-align:center}.predictive-search__empty p{margin:0;font-size:var(--font-size-sm, 13px);color:var(--color-text, #000)}.predictive-search__empty-tip{margin-top:var(--spacing-xs, 4px)!important;font-size:12px!important;color:var(--color-text-muted, #999)!important}.predictive-search__loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl, 32px)}.predictive-search__spinner{width:24px;height:24px;border:2px solid var(--color-border, #e5e5e5);border-top-color:var(--color-text, #000);border-radius:50%;animation:predictive-spin .6s linear infinite}@keyframes predictive-spin{to{transform:rotate(360deg)}}.predictive-search__error{padding:var(--spacing-lg, 24px) var(--spacing-md, 16px);text-align:center;color:var(--color-error, #dc2626);font-size:var(--font-size-sm, 13px)}.mobile-search-page.is-open,.mobile-search-page[aria-hidden=false]{transform:translateY(0)!important;visibility:visible!important}.mobile-search-page__header{display:flex;align-items:center;gap:var(--spacing-md, 16px);padding:var(--spacing-md, 16px);border-bottom:1px solid var(--color-border, #e5e5e5)}.mobile-search-page__back{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;color:var(--color-text, #000);cursor:pointer}.mobile-search-page__logo{flex:1;text-align:center;font-size:var(--font-size-base, 14px);font-weight:600;text-transform:lowercase}.mobile-search-page__spacer{width:40px}.mobile-search-page__form-wrapper{padding:var(--spacing-md, 16px);border-bottom:1px solid var(--color-border, #e5e5e5)}.mobile-search-page__form{display:flex;align-items:center;gap:var(--spacing-sm, 8px);background-color:var(--color-bg-secondary, #f5f5f5);padding:0 var(--spacing-md, 16px)}.mobile-search-page__input{flex:1;padding:14px 0;font-size:var(--font-size-base, 14px);color:var(--color-text, #000);background:transparent;border:none;outline:none}.mobile-search-page__input::placeholder{color:var(--color-text-muted, #999)}.mobile-search-page__submit{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;color:var(--color-text, #000);cursor:pointer}.mobile-search-page__submit .icon{width:20px;height:20px}.mobile-search-page__content{flex:1;overflow-y:auto;padding:var(--spacing-lg, 24px) var(--spacing-md, 16px)}.mobile-search-page__section{margin-bottom:var(--spacing-xl, 32px)}.mobile-search-page__title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted, #999);margin:0 0 var(--spacing-md, 16px) 0}.mobile-search-page__list{list-style:none;margin:0;padding:0}.mobile-search-page__item{border-bottom:1px solid var(--color-border-light, #f5f5f5)}.mobile-search-page__link{display:block;padding:14px 0;font-size:var(--font-size-base, 14px);color:var(--color-text, #000);text-decoration:none}.mobile-search-page__promo{margin-top:var(--spacing-xl, 32px)}.mobile-search-page__promo-link{display:block;position:relative;overflow:hidden;text-decoration:none}.mobile-search-page__promo-image{width:100%;height:auto;display:block}.mobile-search-page__promo-content{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-lg, 24px);background:linear-gradient(transparent,#000000b3);color:#fff}.mobile-search-page__promo-title{display:block;font-size:var(--font-size-lg, 18px);font-weight:600;margin-bottom:var(--spacing-xs, 4px)}.mobile-search-page__promo-cta{font-size:var(--font-size-sm, 13px);text-decoration:underline;text-underline-offset:3px}body.mobile-search-open{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-predictive-search.css.map */