.search-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;display:flex;align-items:flex-start;justify-content:center;padding-top:80px;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.search-modal.is-open{opacity:1;visibility:visible}.search-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.search-modal__content{position:relative;width:100%;max-width:640px;max-height:calc(100vh - 120px);margin:0 var(--spacing-md, 1rem);background-color:var(--color-white, #ffffff);border-radius:var(--border-radius-lg, 12px);box-shadow:0 25px 50px -12px #00000040;overflow:hidden;display:flex;flex-direction:column;transform:translateY(-20px) scale(.98);transition:transform .25s ease}.search-modal.is-open .search-modal__content{transform:translateY(0) scale(1)}.search-modal__header{display:flex;align-items:center;gap:var(--spacing-sm, .5rem);padding:var(--spacing-md, 1rem) var(--spacing-lg, 1.5rem);border-bottom:1px solid var(--color-border, #E0E0E0);background-color:var(--color-gray-50, #F9FAFB)}.search-modal__close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:none;border:none;border-radius:var(--border-radius-sm, 4px);color:var(--color-gray-500, #6B7280);cursor:pointer;transition:background-color .15s ease,color .15s ease}.search-modal__close:hover{background-color:var(--color-gray-100, #F3F4F6);color:var(--color-base-text, #1F2937)}.search-modal__close .icon{width:20px;height:20px}.search-form{flex:1;display:flex;align-items:center;gap:var(--spacing-sm, .5rem)}.search-form__input{flex:1;padding:var(--spacing-sm, .75rem) var(--spacing-md, 1rem);font-size:1.125rem;font-family:inherit;color:var(--color-base-text, #1F2937);background-color:transparent;border:none;outline:none}.search-form__input::placeholder{color:var(--color-gray-400, #9CA3AF)}.search-form__submit{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background-color:var(--color-accent, #FF6B00);color:#fff;border:none;border-radius:var(--border-radius-sm, 4px);cursor:pointer;transition:background-color .15s ease,transform .15s ease}.search-form__submit:hover{background-color:var(--color-accent-dark, #E55A00);transform:scale(1.02)}.search-form__submit .icon{width:20px;height:20px}.predictive-search{overflow-y:auto;max-height:400px;-webkit-overflow-scrolling:touch}.predictive-search[hidden]{display:none}.predictive-search__loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm, .5rem);padding:var(--spacing-xl, 2rem);color:var(--color-gray-500, #6B7280);font-size:.875rem}.predictive-search__loading[hidden]{display:none}.predictive-search__spinner{width:20px;height:20px;border:2px solid var(--color-gray-200, #E5E7EB);border-top-color:var(--color-accent, #FF6B00);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.predictive-search__section{padding:var(--spacing-md, 1rem) var(--spacing-lg, 1.5rem)}.predictive-search__section[hidden]{display:none}.predictive-search__section:not(:last-child){border-bottom:1px solid var(--color-border, #E0E0E0)}.predictive-search__heading{margin:0 0 var(--spacing-sm, .5rem) 0;font-family:var(--font-heading-family, inherit);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500, #6B7280)}.predictive-search__results{list-style:none;padding:0;margin:0}.predictive-search__item{border-radius:var(--border-radius-sm, 4px);transition:background-color .15s ease}.predictive-search__item:hover{background-color:var(--color-gray-50, #F9FAFB)}.predictive-search__link{display:flex;align-items:center;gap:var(--spacing-md, 1rem);padding:var(--spacing-sm, .5rem);text-decoration:none;color:inherit}.predictive-search__image{flex-shrink:0;width:56px;height:56px;border-radius:var(--border-radius-sm, 4px);overflow:hidden;background-color:var(--color-gray-100, #F3F4F6)}.predictive-search__image img{width:100%;height:100%;object-fit:cover}.predictive-search__image--placeholder{display:flex;align-items:center;justify-content:center;color:var(--color-gray-400, #9CA3AF)}.predictive-search__details{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.predictive-search__title{font-weight:600;font-size:.9375rem;color:var(--color-base-text, #1F2937);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.predictive-search__price{font-size:.875rem;color:var(--color-accent, #FF6B00);font-weight:600}.predictive-search__item--page .predictive-search__link{justify-content:space-between}.predictive-search__page-title{font-weight:500;color:var(--color-base-text, #1F2937)}.predictive-search__item--page svg{flex-shrink:0;color:var(--color-gray-400, #9CA3AF);transition:transform .15s ease,color .15s ease}.predictive-search__item--page:hover svg{transform:translate(4px);color:var(--color-accent, #FF6B00)}.predictive-search__no-results{padding:var(--spacing-xl, 2rem) var(--spacing-lg, 1.5rem);text-align:center;color:var(--color-gray-500, #6B7280)}.predictive-search__no-results[hidden]{display:none}.predictive-search__no-results p{margin:0}.predictive-search__view-all{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs, .25rem);padding:var(--spacing-md, 1rem) var(--spacing-lg, 1.5rem);font-weight:600;font-size:.9375rem;color:var(--color-accent, #FF6B00);text-decoration:none;background-color:var(--color-gray-50, #F9FAFB);border-top:1px solid var(--color-border, #E0E0E0);transition:background-color .15s ease}.predictive-search__view-all:hover{background-color:var(--color-gray-100, #F3F4F6)}.predictive-search__view-all[hidden]{display:none}.predictive-search__view-all svg{transition:transform .15s ease}.predictive-search__view-all:hover svg{transform:translate(4px)}body.search-open{overflow:hidden}@media (max-width: 640px){.search-modal{padding-top:0;align-items:flex-start}.search-modal__content{max-width:100%;max-height:100vh;margin:0;border-radius:0}.predictive-search{max-height:calc(100vh - 80px)}.predictive-search__image{width:48px;height:48px}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.search-form__input:focus-visible{outline:2px solid var(--color-accent, #FF6B00);outline-offset:2px}.search-form__submit:focus-visible,.search-modal__close:focus-visible,.predictive-search__link:focus-visible,.predictive-search__view-all:focus-visible{outline:2px solid var(--color-accent, #FF6B00);outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-search.css.map */