Ihre Kontaktdaten
' +\n '' + (pick ? 'Wir rufen Sie an, um Abholtermin und Gebiet abzustimmen. Die E-Mail brauchen wir f\u00FCr den Reparatur-Status.' : send ? 'Den Link zur Label-Erstellung und den Reparatur-Status senden wir an Ihre E-Mail-Adresse.' : 'Die E-Mail brauchen wir, damit Sie den Reparatur-Status verfolgen k\u00F6nnen.') + '
' +\n field('name', 'Name', 'text', c.name, '', 'name', true) +\n field('email', 'E-Mail', 'email', c.email, '', 'email', true) +\n field('phone', 'Telefon', 'tel', c.phone, '', 'tel', pick) +\n (pick ?\n field('street', 'Stra\u00DFe und Hausnummer (Abholadresse)', 'text', c.street, '', 'street-address', true) +\n '' + field('zip', 'PLZ', 'text', c.zip, '', 'postal-code', true) + field('city', 'Ort', 'text', c.city, '', 'address-level2', true) + '
'\n : '') +\n '' +\n (send && isWheelSendOnly() ? 'Bitte nur das nackte Rad verpacken \u2013 ohne Achsmutter, Distanzscheiben oder Abdeckkappen.
' : '') +\n lockFieldsHtml() +\n (S.method === 'visit' ? 'Werkstatt: ' + esc(locAddress(S.loc)) + (S.loc && S.loc.appt ? ' \u00B7 Termin vereinbaren' : (SHOP.appointmentUrl ? ' \u00B7 Termin vereinbaren' : '')) + '
' : '') +\n '' +\n '' + esc(d.model.name) + '' + esc(methodMeta(d.method, d.model).label) + (d.method === 'visit' && d.loc ? ' \u00B7 ' + esc(d.loc.label || d.loc.name) : '') + '
' + money(sub) + '- ' + rows + '
Bitte pr\u00FCfen Sie Ihre Angaben
' +\n devs.map(lineHtml).join('') +\n '- Name' + esc(c.name) + ' ' +\n (c.phone ? '
- Telefon' + esc(c.phone) + ' ' : '') +\n (c.email ? '
- E-Mail' + esc(c.email) + ' ' : '') + addr + locLine +\n (S.problem ? '
- Problem' + esc(S.problem) + ' ' : '') + '
' + esc(diagFor(S.model.catId)) + '
' : '') +\n '- Gesamt inkl. MwSt.' + money(total() + queueTotal()) + '
Kein Warenkorb. Als N\u00E4chstes bezahlen Sie sicher im Shopify-Checkout. Diagnoseregelung und Teilehinweise stehen in der Auftragsbest\u00E4tigung.
' +\n withdrawConsentHtml() +\n '' +\n '' +\n '
Kein Code hinterlegt: Wir schalten das Ger\u00E4t ein und f\u00FChren einen Funktionstest durch. Einen Code nutzen wir nur zur Pr\u00FCfung der Reparatur \u2013 Datenschutz.
';\n }\n return 'Den Ger\u00E4tecode nutzen wir nur zur Pr\u00FCfung der Reparatur, nicht zum Durchsuchen Ihrer Daten. Datenschutz
';\n }\n function acceptedNoticesHtml(devs) {\n var seen = {};\n var list = [];\n (devs || []).forEach(function (d) {\n (d.items || []).forEach(function (it) {\n if (it.notice && !seen[it.notice]) {\n seen[it.notice] = true;\n list.push(it.notice);\n }\n });\n });\n if (!list.length) return '';\n return 'Akzeptierte Hinweise' +\n list.map(function (t) { return '
';\n }\n function commitCurrent() {\n var items = Object.keys(S.sel).map(function (k) { return S.sel[k]; });\n if (!items.length) return;\n S.queue.push({ model: S.model, items: items, extras: extrasList(), method: S.method, loc: S.loc, problem: S.problem, code: S.code, pattern: (S.pattern || []).slice() });\n S.sel = {};\n S.extras = {};\n S.problem = '';\n S.code = '';\n S.pattern = [];\n }\n function addToCart() {\n var wd = $('[data-ff-withdraw]');\n S.withdraw = !!(wd && wd.checked);\n if (!S.withdraw) {\n var er0 = $('[data-ff-error]');\n if (er0) { er0.hidden = false; er0.textContent = 'Bitte best\u00E4tigen Sie, dass wir vor Ablauf der Widerrufsfrist mit der Reparatur beginnen sollen. Ohne diese Best\u00E4tigung k\u00F6nnen wir die Reparatur nicht annehmen.'; }\n if (wd) wd.focus();\n return;\n }\n var withdrawStamp = 'Ja \u2013 ' + new Date().toISOString();\n var btn = $('[data-ff-cart]');\n if (btn) { btn.disabled = true; btn.textContent = 'Wird hinzugef\u00FCgt \u2026'; }\n commitCurrent();\n var c = S.contact;\n var lines = [];\n S.queue.forEach(function (d) {\n var diag = diagFor(d.model.catId);\n var devLines = [];\n var xLines = [];\n d.items.forEach(function (it) {\n var props = {\n 'Ger\u00E4t': (d.model.vendor && d.model.name.toLowerCase().indexOf(d.model.vendor.toLowerCase()) < 0 ? d.model.vendor + ' ' : '') + d.model.name,\n 'Reparatur': it.title,\n 'Abgabe': methodMeta(d.method, d.model).label,\n 'Kunde': c.name,\n '_Diagnoseregelung': diag,\n 'Beginn vor Ablauf Widerrufsfrist verlangt': withdrawStamp\n };\n if (d.method === 'visit' && d.loc) props['Standort'] = locAddress(d.loc);\n if (d.method === 'send' && locPref('send')) props['Einsendeadresse'] = locAddress(locPref('send'));\n if (c.phone) props['Telefon'] = c.phone;\n props['E-Mail'] = c.email;\n if (d.method === 'pickup') props['Abholadresse'] = c.street + ', ' + c.zip + ' ' + c.city;\n if (d.problem) props['Problem'] = d.problem;\n if (isLockAsk(d.model)) {\n if (d.code) props['Ger\u00E4tecode'] = d.code;\n if (d.pattern && d.pattern.length) props['Sperrmuster'] = d.pattern.join('-');\n if (!hasUnlock(d)) props['Funktionstest'] = 'Ja \u2013 kein Code hinterlegt';\n }\n if (it.notice) {\n props['Hinweis best\u00E4tigt'] = 'Ja';\n props['Teilehinweis'] = it.notice;\n }\n var ch = charge(it);\n if (itemQty(it) > 1) props['R\u00E4der'] = 'Beide';\n devLines.push({ id: ch.id, quantity: ch.qty, properties: props });\n });\n (d.extras || []).forEach(function (x) {\n var xp = {\n 'Ger\u00E4t': (d.model.vendor && d.model.name.toLowerCase().indexOf(d.model.vendor.toLowerCase()) < 0 ? d.model.vendor + ' ' : '') + d.model.name,\n 'Zusatzleistung zu': d.items.map(function (it) { return it.title; }).join(', '),\n 'Abgabe': methodMeta(d.method, d.model).label,\n 'Kunde': c.name,\n 'E-Mail': c.email,\n 'Beginn vor Ablauf Widerrufsfrist verlangt': withdrawStamp\n };\n if (c.phone) xp['Telefon'] = c.phone;\n xLines.push({ id: x.variantId, quantity: 1, properties: xp });\n });\n /* Shopify zeigt zuletzt Hinzugef\u00FCgtes oben: Extras zuerst, damit die Reparatur im Warenkorb vorne steht. */\n lines = lines.concat(xLines, devLines);\n });\n fetch('/cart/add.js', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json', Accept: 'application/json' },\n body: JSON.stringify({ items: lines })\n }).then(function (r) {\n return r.json().then(function (j) { if (!r.ok) throw new Error(j.description || j.message || 'Fehler'); return j; });\n }).then(function () {\n // Kontakt auch als Warenkorb-Attribute, damit er in der Bestellung sichtbar ist (nicht kritisch)\n var attrs = { 'Kunde': c.name, 'Beginn vor Ablauf Widerrufsfrist verlangt': withdrawStamp };\n if (c.phone) attrs['Telefon'] = c.phone;\n if (c.email) attrs['E-Mail'] = c.email;\n if (S.queue.some(function (d) { return d.items.some(function (it) { return !!it.notice; }); })) {\n attrs['Teilehinweis best\u00E4tigt'] = 'Ja';\n }\n return fetch('/cart/update.js', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json', Accept: 'application/json' },\n body: JSON.stringify({ attributes: attrs })\n }).catch(function () { /* ignore */ });\n }).then(function () {\n var root = (window.Shopify && window.Shopify.routes && window.Shopify.routes.root) || '/';\n window.location.href = root.replace(/\\/?$/, '/') + 'checkout';\n }).catch(function (e) {\n var last = S.queue.pop();\n if (last) {\n S.model = last.model;\n S.method = last.method;\n S.loc = last.loc || null;\n S.sel = {};\n last.items.forEach(function (it, i) { S.sel['k' + i] = it; });\n S.extras = {};\n (last.extras || []).forEach(function (x) { S.extras[x.key] = x; });\n S.problem = last.problem;\n S.code = last.code;\n S.pattern = last.pattern || [];\n }\n viewSummary();\n var er = $('[data-ff-error]');\n if (er) { er.hidden = false; er.textContent = 'Die Bestellung konnte nicht vorbereitet werden: ' + (e && e.message ? e.message : 'Bitte erneut versuchen oder uns anrufen: ' + SHOP.phone); }\n });\n }\n\n /* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 navigation \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n function pickModel(m) {\n if (!m) return;\n if (m.service) S.wantService = m.service;\n var cat = catById(m.catId) || S.cat;\n if (m.vendor && norm(m.name) === norm(m.vendor) && cat) {\n S.cat = cat;\n S.brand = m.vendor;\n return viewModels(cat, m.vendor);\n }\n S.model = { name: canonType(m.name, m.vendor) || m.name, vendor: m.vendor, img: m.img, catId: m.catId };\n S.cat = cat || catById(m.catId) || S.cat;\n S.brand = m.vendor || S.brand;\n S.pattern = [];\n S.extras = {};\n if (!isLockAsk(S.model)) S.code = '';\n viewRepair();\n }\n function goBack() {\n switch (S.step) {\n case 'brand': return viewDevice();\n case 'model':\n if (S.cat && S.catData[S.cat.id] && S.catData[S.cat.id].vendorsList && (S.catData[S.cat.id].vendorsList.length > 1 || (S.cat.extras && S.cat.extras.length))) return viewBrand(S.cat);\n return viewDevice();\n case 'request':\n if (S.cat && S.cat.mode === 'catalog' && S.brand) return viewModels(S.cat, S.brand);\n if (S.cat && S.cat.mode === 'catalog') return viewBrand(S.cat);\n return viewDevice();\n case 'repair':\n if (S.cat && S.brand && S.cat.mode === 'catalog') return viewModels(S.cat, S.brand);\n return viewDevice();\n case 'method': return paintRepairStep();\n case 'place': return viewMethod();\n case 'extras':\n if (S.method === 'visit' && visitLocs().length > 1) return viewPlace();\n return S.preMethod ? paintRepairStep() : viewMethod();\n case 'details':\n if (extrasAvailable().length) return viewExtras();\n if (S.method === 'visit' && visitLocs().length > 1) return viewPlace();\n return S.preMethod ? paintRepairStep() : viewMethod();\n case 'summary': return viewDetails();\n default: return viewDevice();\n }\n }\n function paintRepairStep() {\n S.step = 'repair';\n frame();\n paintRepair();\n }\n\n /* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 open / close \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n function open(opts) {\n opts = opts || {};\n if (!S.open) {\n lastFocus = document.activeElement;\n S.open = true;\n shell();\n root.hidden = false;\n document.documentElement.classList.add('ff-flow-lock');\n if (location.hash !== HASH) {\n try { history.pushState({ ffFlow: 1 }, '', HASH); pushed = true; } catch (e) { /* ignore */ }\n }\n }\n S.query = opts.query || '';\n S.focusSearch = !!opts.focusSearch;\n if (opts.service) S.wantService = typeof opts.service === 'string' ? serviceFromAttr(opts.service) : opts.service;\n S.preMethod = opts.method && METHODS[opts.method] ? opts.method : null;\n if (S.preMethod === 'send' && opts.cat === 'escooter') S.preMethod = null;\n root.classList.toggle('ff-flow--senior', !!(opts.cat && catAny(opts.cat) && catAny(opts.cat).senior));\n if (opts.model) {\n var cat = opts.cat ? catAny(opts.cat) : null;\n var mdl = { name: opts.model, vendor: opts.vendor || '', img: opts.img || '', catId: (cat || guessCat(opts.model, opts.vendor || '')).id };\n S.cat = cat || catById(mdl.catId);\n S.brand = mdl.vendor || null;\n pickModel(mdl);\n return;\n }\n if (opts.cat && opts.vendor) {\n var brandCat = catAny(opts.cat);\n if (brandCat) {\n S.cat = brandCat;\n return viewModels(brandCat, opts.vendor);\n }\n }\n if (opts.cat) {\n var c = catAny(opts.cat);\n if (c) { enterClass(c); return; }\n }\n viewDevice();\n }\n function goHomeFromFlow() {\n close();\n document.body.classList.remove('ff-page-on');\n try { history.replaceState(null, '', location.pathname + location.search); } catch (e) { /* ignore */ }\n window.scrollTo(0, 0);\n if (typeof window.FFGoHome === 'function') window.FFGoHome();\n }\n function close(fromPop) {\n if (!S.open) return;\n S.open = false;\n root.hidden = true;\n root.innerHTML = '';\n document.documentElement.classList.remove('ff-flow-lock');\n if (!fromPop && location.hash === HASH) {\n try {\n if (pushed) history.back();\n else history.replaceState(null, '', location.pathname + location.search);\n } catch (e) { /* ignore */ }\n }\n pushed = false;\n if (lastFocus && lastFocus.focus) { try { lastFocus.focus(); } catch (e) { /* ignore */ } }\n }\n\n /* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 events \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n function trapTab(e) {\n if (e.key !== 'Tab') return;\n var f = $$('a[href], button:not([disabled]), input, select, textarea, [tabindex=\"0\"]').filter(function (n) { return n.offsetParent !== null; });\n if (!f.length) return;\n var first = f[0];\n var last = f[f.length - 1];\n if (e.shiftKey && document.activeElement === first) { e.preventDefault(); last.focus(); }\n else if (!e.shiftKey && document.activeElement === last) { e.preventDefault(); first.focus(); }\n }\n root.addEventListener('click', function (e) {\n var t = e.target;\n function hit(attr) { return t.closest('[' + attr + ']'); }\n var el;\n if (hit('data-ff-close')) return close();\n if (hit('data-ff-home-flow')) return goHomeFromFlow();\n if (hit('data-ff-back')) return goBack();\n if (hit('data-ff-restart')) { S.query = ''; S.cat = null; S.brand = null; return viewDevice(); }\n if (hit('data-ff-retry')) return viewRepair();\n if (hit('data-ff-notlisted')) {\n var dev = [S.brand, S.query].filter(Boolean).join(' ') || (S.cat ? S.cat.label : '');\n return viewRequest({ device: dev });\n }\n if ((el = hit('data-ff-extra'))) {\n var ex = S.cat && S.cat.extras && S.cat.extras[+el.getAttribute('data-ff-extra')];\n return viewRequest({ device: ex ? ex.label : '' });\n }\n if ((el = hit('data-ff-cat'))) { return enterClass(catById(el.getAttribute('data-ff-cat'))); }\n if ((el = hit('data-ff-brand'))) { return viewModels(S.cat, el.getAttribute('data-ff-brand')); }\n if ((el = hit('data-ff-model'))) { return pickModel(modelList[+el.getAttribute('data-ff-model')]); }\n if ((el = hit('data-ff-pick'))) { return pickModel(lastResults[+el.getAttribute('data-ff-pick')]); }\n if (hit('data-ff-qclear')) { S.query = ''; var q = $('[data-ff-q]'); q.value = ''; q.focus(); runSearch(''); return; }\n if ((el = hit('data-ff-tab'))) { S.tab = el.getAttribute('data-ff-tab'); return paintRepair(); }\n if (t.closest('[data-ff-var]')) return;\n if ((el = hit('data-ff-qty'))) {\n var box = el.closest('[data-ff-wheels]');\n var cqty = box && cardByKey(box.getAttribute('data-ff-wheels'));\n if (cqty && S.sel[cqty.key]) {\n S.sel[cqty.key].qty = el.getAttribute('data-ff-qty') === '2' ? 2 : 1;\n stampCharge(S.sel[cqty.key], cqty);\n afterSelChange();\n }\n return;\n }\n if (hit('data-ff-stop')) return;\n if ((el = hit('data-ff-card'))) { return toggleCard(el.getAttribute('data-ff-card')); }\n if ((el = hit('data-ff-series'))) {\n modelFilter.series = el.getAttribute('data-ff-series');\n $$('[data-ff-series]').forEach(function (b) { b.classList.toggle('is-on', b === el); });\n return drawModels();\n }\n if (hit('data-ff-next')) {\n if (!selCount()) return;\n if (S.preMethod) { S.method = S.preMethod; return afterMethod(); }\n return viewMethod();\n }\n if ((el = hit('data-ff-xtra'))) return toggleExtra(el.getAttribute('data-ff-xtra'));\n if (hit('data-ff-extras-next')) return viewDetails();\n if ((el = hit('data-ff-method'))) { S.method = el.getAttribute('data-ff-method'); return afterMethod(); }\n if ((el = hit('data-ff-loc'))) {\n var id = el.getAttribute('data-ff-loc');\n var list = visitLocs();\n for (var li = 0; li < list.length; li++) if (list[li].id === id) S.loc = list[li];\n rememberLoc(id);\n return goDetails();\n }\n if (hit('data-ff-near')) return pickNear();\n if (hit('data-ff-pat-clear')) {\n S.pattern = [];\n paintPattern();\n return;\n }\n if (hit('data-ff-tosummary')) {\n readContact();\n var msg = validateContact();\n var er = $('[data-ff-error]');\n if (msg) { er.hidden = false; er.textContent = msg; er.scrollIntoView({ block: 'center' }); return; }\n return viewSummary();\n }\n if (hit('data-ff-another')) {\n commitCurrent();\n S.model = null; S.brand = null; S.query = ''; S.cat = null;\n return viewDevice();\n }\n if (hit('data-ff-cart')) return addToCart();\n });\n root.addEventListener('keydown', function (e) {\n if (e.key === 'Escape') {\n e.preventDefault();\n if (partModalOpen()) return closePartModal();\n return close();\n }\n trapTab(e);\n var card = e.target.closest && e.target.closest('[data-ff-card]');\n if (card && (e.key === ' ' || e.key === 'Enter') && !e.target.closest('select')) {\n e.preventDefault();\n toggleCard(card.getAttribute('data-ff-card'));\n }\n if (e.key === 'Enter' && e.target.matches && e.target.matches('[data-ff-q]') && lastResults.length) {\n e.preventDefault();\n pickModel(lastResults[0]);\n }\n });\n root.addEventListener('input', function (e) {\n var t = e.target;\n if (t.matches('[data-ff-q]')) {\n S.query = t.value.trim();\n runSearch(S.query);\n } else if (t.matches('[data-ff-mfilter]')) {\n modelFilter.q = t.value;\n drawModels();\n } else if (t.matches('[data-ff-req-device]')) {\n S.request.device = t.value; refreshRequestLinks();\n } else if (t.matches('[data-ff-req-problem]')) {\n S.request.problem = t.value; refreshRequestLinks();\n } else if (t.matches('[data-ff-req-name]')) {\n S.contact.name = t.value; saveContact(); refreshRequestLinks();\n } else if (t.matches('[data-ff-req-phone]')) {\n S.contact.phone = t.value; saveContact(); refreshRequestLinks();\n } else if (t.matches('[data-ff-problem]')) {\n S.problem = t.value;\n } else if (t.matches('[data-ff-code]')) {\n S.code = t.value;\n } else if (t.matches('[data-ff-pattern-text]')) {\n S.pattern = parsePatternText(t.value);\n paintPattern(true);\n }\n });\n root.addEventListener('change', function (e) {\n var sel = e.target.closest && e.target.closest('[data-ff-var]');\n if (!sel) return;\n var c = cardByKey(sel.getAttribute('data-ff-var'));\n if (!c) return;\n var prev = c.vi;\n c.vi = +sel.value;\n if (!S.sel[c.key]) {\n drawCards();\n updateTotals();\n return;\n }\n var notice = partNotice(c);\n if (notice && notice.kind === 'warn') {\n showPartModal(notice, function () { applySelection(c, notice); }, function () {\n c.vi = prev;\n drawCards();\n });\n return;\n }\n applySelection(c, null);\n });\n\n document.addEventListener('click', function (e) {\n if (e.defaultPrevented || e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return;\n var el = e.target.closest && e.target.closest('[data-ff-open-flow]');\n if (!el || root.contains(el)) return;\n e.preventDefault();\n if (el.hasAttribute('data-ff-popular')) {\n var pm = el.__ffModel;\n if (pm) open({ model: pm.name, vendor: pm.vendor, img: pm.img, query: '' });\n else open({ query: el.getAttribute('data-ff-popular') || '' });\n return;\n }\n open({\n cat: el.getAttribute('data-ff-cat') || '',\n model: el.getAttribute('data-ff-model') || '',\n vendor: el.getAttribute('data-ff-vendor') || '',\n img: el.getAttribute('data-ff-img') || '',\n method: el.getAttribute('data-ff-method') || '',\n query: el.getAttribute('data-ff-query') || '',\n service: el.getAttribute('data-ff-service') || '',\n focusSearch: el.hasAttribute('data-ff-focus-search')\n });\n });\n document.addEventListener('keydown', function (e) {\n if (e.key === 'Escape' && S.open && !root.contains(e.target)) close();\n });\n window.addEventListener('popstate', function () {\n if (S.open && location.hash !== HASH) close(true);\n else if (!S.open && location.hash === HASH) open({});\n });\n\n /* hero search (home): same predictive results, picks open the flow at the repair step */\n function bindHeroSearch() {\n $$('[data-ff-hero-search]', document).forEach(function (wrap) {\n if (wrap.__ffBound) return;\n wrap.__ffBound = true;\n var input = wrap.querySelector('input');\n var box = wrap.querySelector('[data-ff-hero-results]');\n var results = [];\n var seq = 0;\n var run = debounce(function (q) {\n var mine = ++seq;\n if (!q) { box.hidden = true; box.innerHTML = ''; return; }\n box.hidden = false;\n box.innerHTML = '' + esc(t) + '
'; }).join('') + 'Suche \u2026
';\n S.query = q;\n searchModels(q).then(function (list) {\n if (mine !== seq) return;\n results = list;\n box.innerHTML = resultsHtml(list);\n });\n }, 160);\n input.addEventListener('input', function () { run(input.value.trim()); });\n input.addEventListener('keydown', function (e) {\n if (e.key === 'Enter') {\n e.preventDefault();\n if (results.length) { open({ model: results[0].name, vendor: results[0].vendor, img: results[0].img, cat: results[0].catId, service: results[0].service }); box.hidden = true; }\n else open({ query: input.value.trim() });\n } else if (e.key === 'Escape') { box.hidden = true; }\n });\n box.addEventListener('click', function (e) {\n if (e.target.closest('[data-ff-notlisted]')) {\n box.hidden = true;\n open({ query: input.value.trim() });\n viewRequest({ device: input.value.trim() });\n return;\n }\n var b = e.target.closest('[data-ff-pick]');\n if (!b) return;\n var m = results[+b.getAttribute('data-ff-pick')];\n if (!m) return;\n box.hidden = true;\n open({ model: m.name, vendor: m.vendor, img: m.img, cat: m.catId, service: m.service });\n });\n var go = wrap.querySelector('[data-ff-hero-go]');\n if (go) go.addEventListener('click', function () {\n var v = input.value.trim();\n if (results.length && v) open({ model: results[0].name, vendor: results[0].vendor, img: results[0].img, cat: results[0].catId, service: results[0].service });\n else open({ query: v });\n });\n document.addEventListener('click', function (e) {\n if (!wrap.contains(e.target)) box.hidden = true;\n });\n });\n }\n\n /* popular models (home): resolve real product images + exact model names, lazily and cached */\n function hydratePopular() {\n var els = $$('[data-ff-popular]', document).filter(function (el) { return !el.__ffHydrated; });\n if (!els.length) return;\n function sized(u) {\n if (!u) return '';\n u = u.replace(/^\\/\\//, 'https://');\n return u + (u.indexOf('?') > -1 ? '&' : '?') + 'width=300';\n }\n function apply(el, m) {\n if (!m) return;\n el.__ffModel = m;\n var holder = el.querySelector('[data-ff-pop-img]');\n if (holder && m.img) {\n holder.innerHTML = '