.search-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;z-index:var(--z-modal);opacity:0;pointer-events:none;transition:opacity .35s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.search-modal-overlay.is-visible{opacity:1;pointer-events:auto}.search-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-modal) + 1);pointer-events:none}.search-modal.is-visible{pointer-events:auto}.search-modal__content-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:flex-end}.search-modal__content{position:relative;width:100%;height:100vh;max-width:100%;background-color:#fff;box-shadow:-8px 0 30px #0000001f;transform:translate(100%);transition:transform .4s cubic-bezier(.32,.72,0,1);display:flex;flex-direction:column;overflow:hidden}@media(min-width:768px){.search-modal__content{width:60%;max-width:36rem}}@media(min-width:1024px){.search-modal__content{width:42%;max-width:40rem;min-width:30rem}}.search-modal.is-visible .search-modal__content{transform:translate(0)}.search-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb;flex-shrink:0}.search-modal__title{font-size:1.125rem;font-weight:600;color:#111827}@media(min-width:768px){.search-modal__title{font-size:1.25rem}}.search-modal__header-actions{display:flex;align-items:center;gap:.5rem}.search-modal__kbd{display:none;font-size:.6875rem;font-family:inherit;color:#9ca3af;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:.25rem;padding:.125rem .375rem;line-height:1.4}@media(min-width:768px){.search-modal__kbd{display:inline-block}}.search-modal__close{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;color:#9ca3af;border-radius:9999px;transition:color .2s,background-color .2s;border:none;background:none;cursor:pointer}.search-modal__close:hover{color:#4b5563;background-color:#f3f4f6}.search-modal__close .lucide-icon{width:1.25rem;height:1.25rem}.search-modal__body{flex:1;overflow:hidden;display:flex;flex-direction:column}.search-modal__input-area{padding:1rem 1.5rem;flex-shrink:0;border-bottom:1px solid #f3f4f6}.search-modal__form{position:relative;width:100%}.search-modal__input{width:100%;padding:.625rem 2.75rem;font-size:1rem;border:2px solid #e5e7eb;border-radius:.5rem;transition:border-color .2s,box-shadow .2s;background-color:#f9fafb}.search-modal__input:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--header-accent-color, #FF6B6B) 15%,transparent);border-color:var(--header-accent-color, #FF6B6B);background-color:#fff}.search-modal__input::placeholder{color:#9ca3af}.search-modal__input-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:#9ca3af;pointer-events:none}.search-modal__submit{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;color:#9ca3af;transition:color .2s;background:none;border:none;cursor:pointer}.search-modal__submit:hover{color:#4b5563}.search-modal__submit .lucide-icon{width:1.25rem;height:1.25rem}.search-modal__tabs{display:flex;gap:0;padding:0 1.5rem;border-bottom:1px solid #e5e7eb;flex-shrink:0;overflow-x:auto;scrollbar-width:none}.search-modal__tabs::-webkit-scrollbar{display:none}.search-modal__tabs.is-hidden{display:none}.search-modal__tab{position:relative;display:inline-flex;align-items:center;gap:.375rem;padding:.625rem .875rem;font-size:.8125rem;font-weight:500;color:#6b7280;background:none;border:none;cursor:pointer;white-space:nowrap;transition:color .15s;border-bottom:2px solid transparent;margin-bottom:-1px}.search-modal__tab:hover{color:#374151}.search-modal__tab.is-active{color:#111827;border-bottom-color:#111827}.search-modal__tab-count{font-size:.6875rem;font-weight:600;color:#9ca3af;background-color:#f3f4f6;padding:.0625rem .375rem;border-radius:9999px;min-width:1.25rem;text-align:center;line-height:1.4}.search-modal__tab-count:empty{display:none}.search-modal__tab.is-active .search-modal__tab-count{color:#fff;background-color:#111827}.search-modal__results-container{flex:1;overflow-y:auto;overscroll-behavior:contain}.search-modal__results-container.is-hidden{display:none}.search-modal__loading{padding:2rem 1rem}.search-modal__loading.is-hidden{display:none}.search-modal__loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:#6b7280}.search-modal__spinner{animation:search-modal-spin .8s linear infinite;height:1.5rem;width:1.5rem;color:var(--header-accent-color, #FF6B6B)}@keyframes search-modal-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-modal__section{padding:1rem 1.5rem}.search-modal__section+.search-modal__section{border-top:1px solid #f3f4f6}.search-modal__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.search-modal__section-title{display:block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin-bottom:.75rem}.search-modal__section-header .search-modal__section-title{margin-bottom:0}.search-modal__clear-recent{font-size:.75rem;color:#9ca3af;background:none;border:none;cursor:pointer;padding:.25rem .5rem;border-radius:.25rem;transition:color .15s,background-color .15s}.search-modal__clear-recent:hover{color:#dc2626;background-color:#fef2f2}.search-modal__recent-list{display:flex;flex-wrap:wrap;gap:.5rem}.search-modal__recent-item{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;color:#374151;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:9999px;cursor:pointer;transition:background-color .15s,border-color .15s}.search-modal__recent-item:hover{background-color:#e5e7eb;border-color:#d1d5db}.search-modal__recent-icon{flex-shrink:0;color:#9ca3af;width:.875rem;height:.875rem}.search-modal__popular-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -1.5rem;padding:0 1.5rem}.search-modal__popular-scroll::-webkit-scrollbar{display:none}.search-modal__popular-track{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.search-modal__popular-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;border-radius:.5rem;transition:transform .2s ease}.search-modal__popular-card:hover{transform:translateY(-2px)}.search-modal__popular-image-wrapper{position:relative;aspect-ratio:3 / 4;border-radius:.5rem;overflow:hidden;background-color:#f3f4f6}.search-modal__popular-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.search-modal__popular-card:hover .search-modal__popular-image{transform:scale(1.06)}.search-modal__popular-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#d1d5db}.search-modal__popular-badge{position:absolute;top:.375rem;left:.375rem;font-size:.625rem;font-weight:700;color:#fff;background-color:#dc2626;padding:.125rem .375rem;border-radius:.25rem;line-height:1.4;letter-spacing:.01em;z-index:1}.search-modal__popular-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:.75rem;background:linear-gradient(to top,rgba(0,0,0,.4) 0%,transparent 50%);opacity:0;transition:opacity .25s ease}.search-modal__popular-card:hover .search-modal__popular-overlay{opacity:1}.search-modal__popular-overlay-text{font-size:.6875rem;font-weight:600;color:#fff;background-color:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:.25rem .625rem;border-radius:9999px;letter-spacing:.025em;text-transform:uppercase}.search-modal__popular-info{display:flex;flex-direction:column;gap:.125rem;padding:.5rem .125rem 0}.search-modal__popular-vendor{font-size:.625rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;line-height:1}.search-modal__popular-title{font-size:.75rem;font-weight:500;color:#374151;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}.search-modal__popular-card:hover .search-modal__popular-title{color:#111827}.search-modal__popular-price-row{display:flex;align-items:center;gap:.375rem;margin-top:.125rem}.search-modal__popular-price{font-size:.75rem;font-weight:700;color:#111827}.search-modal__popular-price--sale{color:#dc2626}.search-modal__popular-compare{font-size:.6875rem;color:#9ca3af;text-decoration:line-through;font-weight:400}.search-modal__result-item{display:flex;gap:.875rem;padding:.75rem 1.5rem;transition:background-color .15s;border-bottom:1px solid #f9fafb;text-decoration:none;color:inherit}.search-modal__result-item:last-of-type{border-bottom:none}.search-modal__result-item:hover,.search-modal__result-item.is-active{background-color:#f9fafb}.search-modal__result-image-wrapper{flex-shrink:0;width:3.5rem;height:3.5rem;background-color:#f3f4f6;border-radius:.375rem;overflow:hidden}@media(min-width:768px){.search-modal__result-image-wrapper{width:4rem;height:4rem}}.search-modal__result-image{width:100%;height:100%;object-fit:cover}.search-modal__result-placeholder{flex-shrink:0;width:3.5rem;height:3.5rem;background-color:#f3f4f6;border-radius:.375rem;display:flex;align-items:center;justify-content:center}@media(min-width:768px){.search-modal__result-placeholder{width:4rem;height:4rem}}.search-modal__result-placeholder-icon{width:1.5rem;height:1.5rem;color:#d1d5db}.search-modal__result-details{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:.125rem}.search-modal__result-title{font-weight:500;color:#111827;transition:color .15s;font-size:.875rem;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}@media(min-width:768px){.search-modal__result-title{font-size:.9375rem}}.search-modal__result-item:hover .search-modal__result-title{color:var(--header-accent-color, #FF6B6B)}.search-modal__highlight{background-color:#fef9c3;color:inherit;padding:0 .0625rem;border-radius:.125rem}.search-modal__result-meta{font-size:.6875rem;color:#9ca3af;font-weight:500;letter-spacing:.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-modal__result-match{display:inline-flex;align-items:center;gap:.25rem;font-size:.6875rem;color:#6b7280;background-color:#f3f4f6;padding:.125rem .5rem;border-radius:9999px;max-width:100%;overflow:hidden}.search-modal__result-match-label{font-weight:600;color:#4b5563;flex-shrink:0}.search-modal__result-body{font-size:.75rem;color:#6b7280;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.search-modal__result-price-group{display:flex;align-items:center;gap:.375rem;margin-top:.125rem}.search-modal__result-price{color:#111827;font-weight:600;font-size:.875rem}.search-modal__result-price--sale{color:#dc2626}.search-modal__result-compare-price{color:#9ca3af;text-decoration:line-through;font-size:.75rem}.search-modal__empty-state{text-align:center;padding:2.5rem 1.5rem;color:#6b7280}.search-modal__empty-icon{color:#d1d5db;margin-bottom:1rem}.search-modal__empty-title{font-size:1rem;font-weight:500;color:#374151}.search-modal__empty-text{font-size:.8125rem;margin-top:.25rem;color:#9ca3af}.search-modal__no-results-suggestions{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #f3f4f6}.search-modal__no-results-suggestions .search-modal__recent-list{justify-content:center}.search-modal__see-more{padding:.75rem 1.5rem;border-top:1px solid #f3f4f6;text-align:center;flex-shrink:0}.search-modal__see-more-link{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;color:var(--header-accent-color, #FF6B6B);text-decoration:none;transition:color .15s,gap .15s}.search-modal__see-more-link:hover{color:var(--header-accent-color, #FF6B6B);filter:brightness(.85);gap:.625rem}.search-modal__see-more-link svg{transition:transform .15s}.search-modal__see-more-link:hover svg{transform:translate(2px)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/search-modal.css.map */