(function(){ if (typeof document === 'undefined') return; var qs = new URLSearchParams(window.location.search); var storeQ = qs.get('store') || ''; function ensure() { if (document.getElementById('ch-storefront-search')) return; var root = document.createElement('div'); root.id = 'ch-storefront-search'; root.setAttribute('aria-hidden', 'true'); root.style.cssText = 'position:fixed;inset:0;z-index:9999;display:none;align-items:flex-start;justify-content:center;padding:60px 16px;background:rgba(3,5,10,0.7);backdrop-filter:blur(4px)'; root.innerHTML = '

'; document.body.appendChild(root); var input = root.querySelector('#ch-search-input'); var results = root.querySelector('#ch-search-results'); var close = root.querySelector('#ch-search-close'); function hide(){ root.style.display='none'; root.setAttribute('aria-hidden','true'); } function show(){ root.style.display='flex'; root.setAttribute('aria-hidden','false'); setTimeout(function(){input.focus();}, 30); } root.addEventListener('click', function(ev){ if (ev.target === root) hide(); }); close.addEventListener('click', hide); document.addEventListener('keydown', function(ev){ if (ev.key === 'Escape') hide(); }); var t = null; input.addEventListener('input', function(){ var q = input.value.trim(); if (t) clearTimeout(t); if (!q) { results.innerHTML = ''; return; } t = setTimeout(function(){ fetch('/api/products/search?q=' + encodeURIComponent(q) + (storeQ ? '&store=' + encodeURIComponent(storeQ) : '')) .then(function(r){ return r.ok ? r.json() : { hits: [] }; }) .then(function(j){ var hits = j.hits || []; if (hits.length === 0) { results.innerHTML = '

No products match "' + q.replace(/[<>&"]/g, function(c){return {"<":"<",">":">","&":"&",'"':"""}[c];}) + '"

'; return; } results.innerHTML = hits.map(function(h){ var price = '$' + (h.priceCents / 100).toFixed(2); var img = h.imageUrl ? '

' : '

'; return '' + img + '

' + h.title.replace(/[<>&"]/g, function(c){return {"<":"<",">":">","&":"&",'"':"""}[c];}) + '

' + price + '

'; }).join(''); }) .catch(function(){ results.innerHTML = '

Search failed. Try again.

'; }); }, 200); }); return { show: show, hide: hide }; } document.addEventListener('click', function(ev){ var t = ev.target; while (t && t !== document.body) { if (t.getAttribute && t.getAttribute('data-ch-search-toggle') !== null) { ev.preventDefault(); ensure(); document.getElementById('ch-storefront-search').style.display = 'flex'; var input = document.getElementById('ch-search-input'); if (input) setTimeout(function(){input.focus();}, 30); return; } t = t.parentElement; } }); })();

Sign in