.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:#1a1a1a;box-shadow:-8px 0 30px #0000004d;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 #2a2a2a;flex-shrink:0}.search-modal__title{font-size:1.125rem;font-weight:600;color:#fff}@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:#2a2a2a;border:1px solid #3a3a3a;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:#fff;background-color:#2a2a2a}.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 #2a2a2a}.search-modal__form{position:relative;width:100%}.search-modal__input{width:100%;padding:.625rem 2.75rem;font-size:1.125rem;border:2px solid #3a3a3a;border-radius:.5rem;transition:border-color .2s,box-shadow .2s;background-color:#111;color:#fff}.search-modal__input:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--header-accent-color, #FF6B6B) 20%,transparent);border-color:var(--header-accent-color, #FF6B6B);background-color:#111}.search-modal__input::placeholder{color:#6b7280}.search-modal__input-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:#6b7280;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:#6b7280;transition:color .2s;background:none;border:none;cursor:pointer}.search-modal__submit:hover{color:#fff}.search-modal__submit .lucide-icon{width:1.25rem;height:1.25rem}.search-modal__input-hint{font-size:.6875rem;color:#6b7280;margin:.5rem 0 0;text-align:center}.search-modal__tabs{display:flex;gap:0;padding:0 1.5rem;border-bottom:1px solid #2a2a2a;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:#9ca3af;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:#fff}.search-modal__tab.is-active{color:#fff;border-bottom-color:#fff}.search-modal__tab-count{font-size:.6875rem;font-weight:600;color:#9ca3af;background-color:#2a2a2a;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:#dc2626}.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:#9ca3af}.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 #2a2a2a}.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:#9ca3af;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:#dc26261a}.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:#fff;background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:9999px;cursor:pointer;transition:background-color .15s,border-color .15s}.search-modal__recent-item:hover{background-color:#3a3a3a;border-color:#4a4a4a}.search-modal__recent-icon{flex-shrink:0;color:#6b7280;width:.875rem;height:.875rem}.search-modal__popular-list{display:flex;flex-direction:column}.search-modal__popular-item{display:flex;gap:.75rem;text-decoration:none;color:inherit;border-bottom:1px solid #2a2a2a;transition:background-color .15s;margin:0 -1.5rem;padding:.625rem 1.5rem}.search-modal__popular-item:last-child{border-bottom:none}.search-modal__popular-item:hover{background-color:#222}.search-modal__popular-thumb{flex-shrink:0;width:3.5rem;height:3.5rem;background-color:#2a2a2a;border-radius:.375rem;overflow:hidden;display:flex;align-items:center;justify-content:center}.search-modal__popular-thumb-img{width:100%;height:100%;object-fit:contain}.search-modal__popular-thumb-placeholder{width:1.25rem;height:1.25rem;color:#4a4a4a}.search-modal__popular-details{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:.125rem}.search-modal__popular-vendor{font-size:.625rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;line-height:1}.search-modal__popular-title{font-size:.9375rem;font-weight:500;color:#fff;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.search-modal__popular-item:hover .search-modal__popular-title{color:var(--header-accent-color, #FF6B6B)}.search-modal__popular-sku{display:inline-flex;align-items:center;gap:.25rem;font-size:.8125rem;font-weight:700;font-family:monospace,var(--font-body);color:var(--header-accent-color, #FF6B6B);background-color:color-mix(in srgb,var(--header-accent-color, #FF6B6B) 10%,transparent);padding:.125rem .375rem;border-radius:.1875rem;border-left:2px solid var(--header-accent-color, #FF6B6B);letter-spacing:.04em;max-width:fit-content;line-height:1.3}.search-modal__popular-sku-label{font-weight:600;font-family:inherit;opacity:.65;font-size:.5625rem;text-transform:uppercase}.search-modal__popular-price-row{display:flex;align-items:center;gap:.375rem;margin-top:.0625rem}.search-modal__popular-price{font-size:.8125rem;font-weight:600;color:#fff}.search-modal__popular-price--sale{color:#dc2626}.search-modal__popular-compare{font-size:.6875rem;color:#6b7280;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 #2a2a2a;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:#222}.search-modal__result-item:hover .search-modal__result-sku{background-color:color-mix(in srgb,var(--header-accent-color, #FF6B6B) 15%,transparent)}.search-modal__result-image-wrapper{position:relative;flex-shrink:0;width:4rem;height:4rem;background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:.5rem;overflow:hidden;display:flex;align-items:center;justify-content:center}@media(min-width:768px){.search-modal__result-image-wrapper{width:4.5rem;height:4.5rem}}.search-modal__result-image{width:100%;height:100%;object-fit:contain;padding:.125rem}.search-modal__result-placeholder{flex-shrink:0;width:4rem;height:4rem;background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:.5rem;display:flex;align-items:center;justify-content:center}@media(min-width:768px){.search-modal__result-placeholder{width:4.5rem;height:4.5rem}}.search-modal__result-placeholder-icon{width:1.5rem;height:1.5rem;color:#4a4a4a}.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:#fff;transition:color .15s;font-size:1rem;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:1.0625rem}}.search-modal__result-item:hover .search-modal__result-title{color:var(--header-accent-color, #FF6B6B)}.search-modal__highlight{background-color:#dc262640;color:#fff;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:#9ca3af;background-color:#2a2a2a;padding:.125rem .5rem;border-radius:9999px;max-width:100%;overflow:hidden}.search-modal__result-match-label{font-weight:600;color:#d1d5db;flex-shrink:0}.search-modal__result-body{font-size:.75rem;color:#9ca3af;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:.1875rem}.search-modal__result-price{color:#fff;font-weight:600;font-size:.875rem}.search-modal__result-price--sale{color:#dc2626}.search-modal__result-compare-price{color:#6b7280;text-decoration:line-through;font-size:.75rem}.search-modal__result-sku{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:700;font-family:monospace,var(--font-body);color:var(--header-accent-color, #FF6B6B);background-color:color-mix(in srgb,var(--header-accent-color, #FF6B6B) 10%,transparent);padding:.1875rem .5rem;border-radius:.25rem;border-left:3px solid var(--header-accent-color, #FF6B6B);letter-spacing:.04em;max-width:fit-content;line-height:1.3}.search-modal__result-sku-label{font-weight:600;font-family:inherit;opacity:.65;font-size:.625rem;text-transform:uppercase}.search-modal__result-stock{font-size:.6875rem;font-weight:600;margin-left:auto;flex-shrink:0}.search-modal__result-stock--in{color:#22c55e}.search-modal__result-stock--out{color:#dc2626}.search-modal__result-item--sold-out .search-modal__result-image{opacity:.5;filter:grayscale(.3)}.search-modal__result-sold-out{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fff;background-color:#0009;border-radius:.375rem}.search-modal__empty-state{text-align:center;padding:2.5rem 1.5rem;color:#9ca3af}.search-modal__empty-icon{color:#4a4a4a;margin-bottom:.75rem}.search-modal__empty-tips{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:.375rem;text-align:left;max-width:16rem;margin-left:auto;margin-right:auto}.search-modal__empty-tips li{font-size:.75rem;color:#9ca3af;padding-left:1rem;position:relative}.search-modal__empty-tips li:before{content:"";position:absolute;left:0;top:.4em;width:4px;height:4px;border-radius:50%;background-color:#4a4a4a}.search-modal__empty-title{font-size:1rem;font-weight:500;color:#fff}.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 #2a2a2a}.search-modal__no-results-suggestions .search-modal__recent-list{justify-content:center}.search-modal__see-more{padding:.75rem 1.5rem;border-top:1px solid #2a2a2a;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/17/assets/search-modal.css.map */