:root{--semu-search-z-index: 4000;--semu-search-input-height: 60px;--semu-search-bg: rgb(var(--color-background));--semu-search-border: rgba(var(--color-foreground), .1);--semu-search-text: rgb(var(--color-foreground));--semu-search-muted: rgba(var(--color-foreground), .6);--semu-search-accent: rgb(var(--color-base-accent-1));--semu-search-gap: 1rem;--semu-search-padding: 1.5rem}.semu-search-modal-wrapper{position:fixed;top:0;left:0;right:0;width:100%;z-index:var(--semu-search-z-index);pointer-events:none}.semu-search-modal{position:absolute;top:var(--header-height, 80px);left:0;right:0;width:100%;background:var(--semu-search-bg);border-bottom:1px solid var(--semu-search-border);box-shadow:0 10px 40px #0000001a;transform:translateY(-100%);opacity:0;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease;pointer-events:none}.semu-search-modal.is-active{transform:translateY(0);opacity:1;pointer-events:auto}.semu-search-header{border-bottom:1px solid var(--semu-search-border);background:var(--semu-search-bg)}.semu-search-header-inner{max-width:1200px;margin:0 auto;padding:var(--semu-search-padding);display:flex;align-items:center;gap:var(--semu-search-gap);position:relative}.semu-search-form{flex:1;display:flex;align-items:center;padding-right:60px}.semu-search-input-wrapper{position:relative;flex:1;height:var(--semu-search-input-height);background:rgba(var(--color-foreground),.04);border:2px solid transparent;border-radius:8px;transition:all .2s ease;overflow:hidden}.semu-search-input-wrapper:focus-within{background:rgba(var(--color-foreground),.02);border-color:var(--semu-search-accent);box-shadow:0 0 0 3px rgba(var(--color-base-accent-1),.1)}.semu-search-icon-static{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--semu-search-muted);pointer-events:none}.semu-popular-searches{border-bottom:1px solid var(--semu-search-border);background:rgba(var(--color-foreground),.02)}.semu-popular-searches-inner{max-width:1200px;margin:0 auto;padding:1rem var(--semu-search-padding);display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.semu-popular-searches-title{font-size:var(--search-popular-title-size, 1rem);font-weight:var(--search-popular-title-weight, 500);color:var(--semu-search-muted);white-space:nowrap}.semu-popular-searches-list{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.semu-popular-search-tag{padding:.375rem .875rem;font-size:var(--search-popular-tag-size, .8125rem);font-weight:var(--search-popular-tag-weight, 400);color:var(--semu-search-text);background:rgba(var(--color-foreground),.05);border:1px solid rgba(var(--color-foreground),.1);border-radius:20px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.semu-popular-search-tag:hover{background:rgba(var(--color-foreground),.1);border-color:var(--semu-search-accent);color:var(--semu-search-accent);transform:translateY(-1px)}.semu-popular-search-tag:active{transform:translateY(0)}.semu-search-input{width:100%;height:100%;padding:0 1.5rem 0 3.5rem;font-size:1.125rem;color:var(--semu-search-text);background:transparent;border:none;outline:none;-webkit-appearance:none;appearance:none}.semu-search-input::placeholder{color:var(--semu-search-muted)}.semu-search-input::-webkit-search-cancel-button,.semu-search-input::-webkit-search-decoration,.semu-search-input::-webkit-search-results-button,.semu-search-input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none;display:none}.semu-search-input::-ms-clear,.semu-search-input::-ms-reveal{display:none;width:0;height:0}.semu-search-input[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.semu-search-modal input[type=search]::-webkit-search-cancel-button,.semu-search-modal input[type=search]::-webkit-search-decoration,.semu-search-modal input[type=search]::-webkit-search-results-button,.semu-search-modal input[type=search]::-webkit-search-results-decoration,#semu-search-input::-webkit-search-cancel-button,#semu-search-input::-webkit-search-decoration{-webkit-appearance:none!important;appearance:none!important;display:none!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important}.semu-search-close{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:2px solid rgba(var(--color-foreground),.1);border-radius:50%;color:var(--semu-search-text);cursor:pointer;transition:all .2s ease;flex-shrink:0}.semu-search-close:hover{background:rgba(var(--color-foreground),.05);border-color:rgba(var(--color-foreground),.2);transform:rotate(90deg)}.semu-search-close:focus{outline:none;box-shadow:0 0 0 3px rgba(var(--color-base-accent-1),.2)}.semu-search-close svg{width:20px;height:20px;stroke-width:2}.semu-search-content{max-height:calc(100vh - var(--header-height, 80px) - 100px);overflow-y:auto;overflow-x:hidden;transition:opacity .2s ease,visibility .2s ease,height .3s ease,padding .3s ease,margin .3s ease}.semu-search-content--hidden{opacity:0;visibility:hidden;pointer-events:none;height:0;overflow:hidden;padding:0;margin:0}.semu-search-content--visible{opacity:1;visibility:visible;pointer-events:auto}.semu-search-content-inner{max-width:1200px;margin:0 auto;padding:var(--semu-search-padding);min-height:200px;transition:padding .3s ease,min-height .3s ease}.semu-search-content--hidden .semu-search-content-inner{padding:0;min-height:0}.semu-search-results:not(:empty){display:grid;gap:2rem}.semu-search-results:empty:after{content:"Start typing to search products, collections, and more...";display:block;text-align:center;padding:3rem;color:var(--semu-search-muted);font-size:1rem}.semu-search-content--hidden .semu-search-results:empty:after{display:none}.semu-predictive-search-results{display:contents}#predictive-search-results{display:block}.semu-search-section{display:grid;gap:1rem;margin-bottom:2rem}.semu-search-section-title{font-size:var(--search-section-title-size, .875rem);font-weight:var(--search-section-title-weight, 600);text-transform:uppercase;letter-spacing:.05em;color:var(--semu-search-muted);margin:0;padding:0 0 .5rem;border-bottom:1px solid var(--semu-search-border)}.semu-search-list{list-style:none;margin:0;padding:0;display:grid;gap:1rem}.semu-search-list--products{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}.semu-search-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;margin-top:1rem}.semu-search-product-item .product-card{height:100%}.semu-search-list--suggestions,.semu-search-list--collections{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.semu-search-item{margin:0}.semu-search-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--semu-search-text);text-decoration:none;background:rgba(var(--color-foreground),.02);border:1px solid transparent;border-radius:8px;transition:all .2s ease}.semu-search-link:hover{background:rgba(var(--color-foreground),.05);border-color:var(--semu-search-border);transform:translateY(-2px)}.semu-search-link--product{flex-direction:column;align-items:stretch;gap:0;padding:0;height:100%;background:var(--semu-search-bg);border:1px solid var(--semu-search-border);overflow:hidden}.semu-search-link--product:hover{border-color:var(--semu-search-accent);box-shadow:0 4px 20px #00000014}.semu-search-image{width:100%;aspect-ratio:1;background:rgba(var(--color-foreground),.02);overflow:hidden}.semu-search-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.semu-search-link--product:hover .semu-search-image img{transform:scale(1.05)}.semu-search-details{padding:1rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.semu-search-title{font-size:var(--search-product-title-size, .875rem);font-weight:var(--search-product-title-weight, 500);line-height:1.4;color:var(--semu-search-text);margin:0}.semu-search-vendor{font-size:var(--search-product-vendor-size, .75rem);color:var(--semu-search-muted);margin:0}.semu-search-price{display:flex;align-items:center;gap:.5rem;margin-top:auto}.semu-search-price-current{font-size:var(--search-product-price-size, 1rem);font-weight:var(--search-product-price-weight, 600);color:var(--semu-search-text)}.semu-search-price-compare{font-size:var(--search-compare-price-size, .875rem);color:var(--semu-search-muted);text-decoration:line-through}.semu-search-icon{width:20px;height:20px;color:var(--semu-search-muted);flex-shrink:0}.semu-search-text{flex:1;font-size:var(--search-link-text-size, .875rem);font-weight:var(--search-link-text-weight, 400);line-height:1.4}.semu-search-footer{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--semu-search-border);text-align:center}.semu-search-view-all{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 2rem;font-size:.875rem;font-weight:500;color:var(--semu-search-accent);background:transparent;border:2px solid var(--semu-search-accent);border-radius:8px;text-decoration:none;transition:all .2s ease}.semu-search-view-all:hover{background:var(--semu-search-accent);color:#fff;transform:translateY(-2px)}.semu-search-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;text-align:center}.semu-search-spinner{width:40px;height:40px}.semu-spinner{width:100%;height:100%;animation:spin 1s linear infinite}.spinner-track{stroke:var(--semu-search-border);fill:none}.spinner-head{stroke:var(--semu-search-accent);stroke-dasharray:60;stroke-dashoffset:60;stroke-linecap:round;fill:none;animation:dash 1.5s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,60;stroke-dashoffset:0}50%{stroke-dasharray:30,60;stroke-dashoffset:-15}to{stroke-dasharray:30,60;stroke-dashoffset:-45}}.semu-search-loading-text{font-size:.875rem;color:var(--semu-search-muted);margin:0}.semu-search-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;text-align:center}.semu-search-empty-icon{width:64px;height:64px;color:var(--semu-search-muted);opacity:.3}.semu-search-empty-title{font-size:1.125rem;font-weight:600;color:var(--semu-search-text);margin:0}.semu-search-empty-text{font-size:.875rem;color:var(--semu-search-muted);margin:0;max-width:300px}.semu-search-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:calc(var(--semu-search-z-index) - 1);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.semu-search-modal-wrapper.search-is-active .semu-search-backdrop{opacity:1;visibility:visible;pointer-events:auto}body.search-is-open{overflow:hidden}.semu-icon{stroke:currentColor;stroke-width:1.5;fill:none}.semu-search-content::-webkit-scrollbar{width:6px}.semu-search-content::-webkit-scrollbar-track{background:transparent}.semu-search-content::-webkit-scrollbar-thumb{background:var(--semu-search-border);border-radius:3px}.semu-search-content::-webkit-scrollbar-thumb:hover{background:var(--semu-search-muted)}@media (max-width: 768px){:root{--semu-search-input-height: 48px;--semu-search-padding: 1rem}.semu-search-modal{top:var(--header-height, 60px)}.semu-search-header-inner{gap:.75rem}.semu-search-form{padding-right:50px}.semu-search-close{width:36px;height:36px;right:1rem}.semu-search-close svg{width:16px;height:16px}.semu-search-list--products,.semu-search-products-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.semu-search-list--suggestions,.semu-search-list--collections{grid-template-columns:1fr}.semu-search-input{font-size:1rem}.semu-popular-searches-inner{padding:.75rem 1rem;gap:.75rem}.semu-popular-searches-title{font-size:1rem}.semu-popular-search-tag{padding:.25rem .75rem;font-size:.75rem}}@media (max-width: 480px){.semu-search-list--products,.semu-search-products-grid{grid-template-columns:repeat(2,1fr)}.semu-search-details{padding:.75rem}.semu-search-title{font-size:.8125rem}.semu-search-price-current{font-size:.875rem}}.semu-search-item{opacity:0;transform:translateY(10px);animation:fadeInUp .3s ease forwards}.semu-search-item:nth-child(1){animation-delay:.05s}.semu-search-item:nth-child(2){animation-delay:.1s}.semu-search-item:nth-child(3){animation-delay:.15s}.semu-search-item:nth-child(4){animation-delay:.2s}.semu-search-item:nth-child(5){animation-delay:.25s}.semu-search-item:nth-child(6){animation-delay:.3s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.header-wrapper{position:relative}.semu-search-modal{will-change:transform,opacity}.semu-search-modal:not(.is-active){pointer-events:none!important}@media (prefers-contrast: high){.semu-search-input-wrapper,.semu-search-link{border-width:1px;border-color:var(--semu-search-border)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/semu-search-system.css.map */