{"id":9728,"date":"2026-11-10T12:59:54","date_gmt":"2026-11-10T12:59:54","guid":{"rendered":"https:\/\/bihome.pl\/porownywarka\/"},"modified":"2026-11-10T12:59:54","modified_gmt":"2026-11-10T12:59:54","slug":"porownywarka","status":"publish","type":"page","link":"https:\/\/bihome.pl\/en\/porownywarka\/","title":{"rendered":"Por\u00f3wnywarka lamp i mebli"},"content":{"rendered":"<div id=\"bt3c\" class=\"bt3\" data-src=\"https:\/\/bihome.pl\/wp-content\/uploads\/bihome-tools\/katalog.json\">\n<style>.bt3 { font-family: Outfit, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif; max-width: 1200px; margin: 0 auto; color: #1e293b; }\n.bt3 * { box-sizing: border-box; }\n.bt3 a { color: #cc685c; text-decoration: none; }\n.bt3 a:hover { text-decoration: underline; }\n\n\/* ---------- POR\u00d3WNYWARKA: Czysty, lekki nag\u0142\u00f3wek bez ciemnych nak\u0142adek ---------- *\/\n.bt3-cmp-bar {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 12px;\n  background: #fbfaf9;\n  border: 1px solid #f7f6f4;\n  border-radius: 10px;\n  padding: 12px 18px;\n  margin-bottom: 20px;\n}\n.bt3-cmp-title {\n  font-size: 15px;\n  font-weight: 700;\n  color: #1e293b;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin: 0;\n}\n.bt3-lead-trigger-btn {\n  background: #cc685c;\n  color: #fff !important;\n  font-size: 13px;\n  font-weight: 600;\n  padding: 7px 16px;\n  border-radius: 6px;\n  border: none;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  transition: background .2s;\n}\n.bt3-lead-trigger-btn:hover { background: #b55347; text-decoration: none; }\n\n.bt3-srch-box {\n  position: relative;\n  margin-bottom: 16px;\n}\n.bt3-srch-input {\n  width: 100%;\n  padding: 10px 14px;\n  border-radius: 8px;\n  border: 1px solid #cbd5e1;\n  font-size: 13px;\n  font-family: inherit;\n  background: #ffffff;\n}\n.bt3-srch-input:focus { outline: none; border-color: #cc685c; }\n\n.bt3-sug {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  right: 0;\n  z-index: 100;\n  list-style: none;\n  margin: 4px 0 0;\n  padding: 0;\n  max-height: 260px;\n  overflow-y: auto;\n  background: #fff;\n  border: 1px solid #e2e8f0;\n  border-radius: 8px;\n  box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n}\n.bt3-sug button {\n  display: flex;\n  gap: 10px;\n  align-items: center;\n  width: 100%;\n  text-align: left;\n  border: 0;\n  background: none;\n  padding: 8px 12px;\n  cursor: pointer;\n  font: inherit;\n  font-size: 13px;\n  border-bottom: 1px solid #f1f5f9;\n}\n.bt3-sug button:hover { background: #fbf1ef; }\n.bt3-sug img { width: 38px; height: 38px; object-fit: contain; border-radius: 4px; background: #fff; }\n\n\/* Tabela por\u00f3wnania - czysta, jasna, bez p\u0142ywaj\u0105cego czarnego paska *\/\n.bt3-tbl-wrap {\n  overflow-x: auto;\n  background: #ffffff;\n  border: 1px solid #e2e8f0;\n  border-radius: 12px;\n  box-shadow: 0 2px 10px rgba(0,0,0,0.02);\n  margin-bottom: 24px;\n}\n.bt3-tbl {\n  width: 100%;\n  border-collapse: collapse;\n  table-layout: fixed;\n  background: #fff;\n}\n.bt3-tbl th, .bt3-tbl td,\n.page .entry-content .bt3 .bt3-tbl th,\n.page .entry-content .bt3 .bt3-tbl td {\n  padding: 14px 16px;\n  border-bottom: 1px solid #f1f5f9;\n  vertical-align: middle;\n  font-size: 13px;\n  text-align: center;\n}\n.bt3-tbl th.rl,\n.page .entry-content .bt3 .bt3-tbl th.rl,\n.page .entry-content .bt3-tbl th.rl {\n  width: 160px;\n  font-weight: 700;\n  color: #475569 !important;\n  background-color: #f8fafc !important;\n  border-right: 1px solid #e2e8f0;\n  text-align: left !important;\n  vertical-align: middle;\n}\n\n.bt3-tbl-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  padding: 6px 14px;\n  background: #fbf1ef;\n  border: 1px solid #f7f6f4;\n  border-radius: 6px;\n  color: #cc685c !important;\n  font-weight: 600;\n  font-size: 12px;\n  text-decoration: none !important;\n  transition: all 0.2s ease;\n}\n.bt3-tbl-btn:hover {\n  background: #cc685c;\n  color: #ffffff !important;\n  border-color: #cc685c;\n}\n\n\/* Wiersz kart produkt\u00f3w w nag\u0142\u00f3wku tabeli - czysty, bia\u0142y bez ciemnego navy motywu *\/\n.bt3-tbl-head th,\n.page .entry-content .bt3 .bt3-tbl-head th,\n.page .entry-content .bt3-tbl-head th,\n.page .entry-content table.bt3-tbl th {\n  background-color: #ffffff !important;\n  color: #1e293b !important;\n  border-bottom: 2px solid #cc685c;\n  padding: 16px 14px;\n  vertical-align: top;\n}\n.bt3-tbl-head th.rl,\n.page .entry-content .bt3 .bt3-tbl-head th.rl,\n.page .entry-content .bt3-tbl-head th.rl {\n  background-color: #f8fafc !important;\n  color: #475569 !important;\n}\n\n.bt3-card-prod {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 8px;\n}\n.bt3-card-img-wrap {\n  width: 130px;\n  height: 130px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #ffffff;\n  padding: 8px;\n}\n.bt3-card-img {\n  max-width: 100%;\n  max-height: 100%;\n  object-fit: contain !important;\n  mix-blend-mode: multiply;\n}\n.bt3-card-name {\n  font-size: 13px;\n  font-weight: 700;\n  line-height: 1.35;\n  color: #1e293b;\n  margin: 0;\n  max-width: 220px;\n  height: 36px;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n}\n.bt3-card-del {\n  font-size: 11px;\n  background: #f1f5f9;\n  border: 1px solid #cbd5e1;\n  color: #64748b;\n  border-radius: 20px;\n  padding: 3px 10px;\n  cursor: pointer;\n  transition: all .2s;\n}\n.bt3-card-del:hover { background: #fee2e2; border-color: #ef4444; color: #dc2626; }\n\n\/* ---------- GET THE LOOK: 2-KOLUMNOWY UK\u0141AD MIESZCZ\u0104CY SI\u0118 NA JEDNYM EKRANIE ---------- *\/\n.bt3-tabs { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 16px; }\n.bt3-tabs button {\n  border: 1px solid #cbd5e1;\n  background: #ffffff;\n  border-radius: 20px;\n  padding: 7px 14px;\n  cursor: pointer;\n  font-size: 12px;\n  font-weight: 500;\n  color: #334155;\n  transition: all .2s;\n}\n.bt3-tabs button[aria-pressed=true] {\n  background: #cc685c;\n  color: #ffffff;\n  border-color: #cc685c;\n  font-weight: 600;\n}\n\n\/* 2 Kolumny obok siebie: Zdj\u0119cie po lewej (62%), Produkt po prawej (38%) *\/\n.bt3-gtl-viewport {\n  display: grid;\n  grid-template-columns: minmax(0, 1.4fr) minmax(320px, 1fr);\n  gap: 22px;\n  align-items: start;\n}\n@media (max-width: 900px) {\n  .bt3-gtl-viewport { grid-template-columns: 1fr; gap: 16px; }\n}\n\n\/* Lewa kolumna: zdj\u0119cie dopasowane do wysoko\u015bci ekranu (max 68vh) *\/\n.bt3-fig-box {\n  position: relative;\n  border-radius: 12px;\n  overflow: hidden;\n  background: #f1f5f9;\n  line-height: 0;\n  box-shadow: 0 4px 16px rgba(0,0,0,0.05);\n}\n.bt3-fig-box img {\n  width: 100%;\n  max-height: 68vh;\n  object-fit: cover;\n  display: block;\n}\n\n\/* Hotspoty *\/\n.bt3-hs {\n  position: absolute;\n  width: 30px;\n  height: 30px;\n  margin: -15px 0 0 -15px;\n  border-radius: 50%;\n  border: 2px solid #ffffff;\n  background: #cc685c;\n  color: #ffffff;\n  font: 700 12px\/26px Outfit, sans-serif;\n  text-align: center;\n  cursor: pointer;\n  padding: 0;\n  box-shadow: 0 2px 8px rgba(0,0,0,0.3);\n  animation: bt3pulse 2.2s infinite;\n  transition: transform .2s ease, background-color .2s;\n  z-index: 5;\n}\n.bt3-hs:hover, .bt3-hs[aria-pressed=true] {\n  background: #1e293b;\n  transform: scale(1.2);\n  animation: none;\n  z-index: 6;\n}\n@keyframes bt3pulse {\n  0% { box-shadow: 0 0 0 0 rgba(138,90,43, 0.7); }\n  70% { box-shadow: 0 0 0 12px rgba(138,90,43, 0); }\n  100% { box-shadow: 0 0 0 0 rgba(138,90,43, 0); }\n}\n\n\/* Prawa kolumna: Aktywny produkt (widoczny obok zdj\u0119cia bez przewijania) *\/\n.bt3-active-panel {\n  background: #ffffff;\n  border: 1px solid #e2e8f0;\n  border-radius: 12px;\n  padding: 20px;\n  box-shadow: 0 4px 16px rgba(0,0,0,0.03);\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n.bt3-panel-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  border-bottom: 1px solid #f1f5f9;\n  padding-bottom: 10px;\n}\n.bt3-panel-pin-badge {\n  background: #cc685c;\n  color: #fff;\n  font-size: 11px;\n  font-weight: 700;\n  padding: 3px 8px;\n  border-radius: 4px;\n}\n.bt3-panel-label {\n  font-size: 12px;\n  font-weight: 600;\n  color: #64748b;\n}\n\n.bt3-panel-img-wrap {\n  width: 100%;\n  height: 200px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #ffffff;\n  padding: 10px;\n}\n.bt3-panel-img {\n  max-width: 100%;\n  max-height: 100%;\n  object-fit: contain !important;\n  mix-blend-mode: multiply;\n}\n\n.bt3-panel-info {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n.bt3-panel-brand {\n  font-size: 11px;\n  font-weight: 700;\n  text-transform: uppercase;\n  color: #cc685c;\n  letter-spacing: 0.04em;\n}\n.bt3-panel-name {\n  font-size: 15px;\n  font-weight: 700;\n  color: #1e293b;\n  margin: 0;\n  line-height: 1.35;\n}\n.bt3-panel-specs {\n  font-size: 12px;\n  color: #64748b;\n  margin: 0;\n  line-height: 1.4;\n}\n\n.bt3-panel-actions {\n  display: grid;\n  grid-template-columns: 1fr auto;\n  gap: 8px;\n  margin-top: 6px;\n  padding-top: 10px;\n  border-top: 1px solid #f1f5f9;\n}\n.bt3-panel-btn-main {\n  background: #cc685c;\n  color: #fff !important;\n  font-size: 12px;\n  font-weight: 600;\n  padding: 8px 12px;\n  border-radius: 6px;\n  text-align: center;\n  transition: background .2s;\n}\n.bt3-panel-btn-main:hover { background: #b55347; text-decoration: none; }\n.bt3-panel-btn-cmp {\n  background: #fff;\n  border: 1px solid #cbd5e1;\n  color: #475569 !important;\n  font-size: 12px;\n  font-weight: 600;\n  padding: 8px 10px;\n  border-radius: 6px;\n  transition: all .2s;\n}\n.bt3-panel-btn-cmp:hover { border-color: #cc685c; color: #cc685c !important; text-decoration: none; }\n\n\/* Pasek szybkiego wyboru punkt\u00f3w pod panelem *\/\n.bt3-panel-pins-strip {\n  display: flex;\n  gap: 6px;\n  align-items: center;\n  margin-top: 8px;\n  padding-top: 10px;\n  border-top: 1px dashed #e2e8f0;\n}\n.bt3-strip-title { font-size: 11px; font-weight: 600; color: #64748b; margin-right: 4px; }\n.bt3-strip-dot {\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  border: 1px solid #cbd5e1;\n  background: #f8fafc;\n  color: #475569;\n  font-size: 11px;\n  font-weight: 600;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all .2s;\n}\n.bt3-strip-dot.active, .bt3-strip-dot:hover {\n  background: #cc685c;\n  color: #fff;\n  border-color: #cc685c;\n}\n\n\/* F5b polish (audyt UX) *\/\n.bt3-tbl-wrap { max-height: 78vh; overflow: auto; }\n.bt3-tbl { min-width: 520px; }\n.bt3-tbl thead th, .page .entry-content .bt3 .bt3-tbl-head th { position: sticky; top: 0; z-index: 3; box-shadow: 0 2px 0 #cc685c; }\n.bt3-tbl thead th.rl, .page .entry-content .bt3 .bt3-tbl-head th.rl { left: 0; z-index: 4; }\n.bt3-tbl tbody th.rl { position: sticky; left: 0; z-index: 2; }\n.bt3-tbl td, .bt3-tbl th { text-align: center; }\n.bt3-tbl td { overflow-wrap: anywhere; }\n.bt3-card-prod { margin: 0 auto; }\n@media (max-width: 700px) { .bt3-tbl th.rl { width: 96px; font-size: 12px; } .bt3-tbl th, .bt3-tbl td { padding: 10px 8px; } .bt3-card-img-wrap { width: 96px; height: 96px; } }\n.bt3-lead-trigger-btn:focus-visible, .bt3-tabs button:focus-visible, .bt3-hs:focus-visible, .bt3-strip-dot:focus-visible, .bt3-card-del:focus-visible { outline: 2px solid #cc685c; outline-offset: 2px; }\n\/* GTL: zdj\u0119cie w naturalnych proporcjach = hotspoty (w %) zawsze trafiaj\u0105 w ten sam punkt *\/\n.bt3-fig-box img { max-height: none !important; height: auto !important; object-fit: fill !important; width: 100%; }\n.bt3-gtl-viewport { grid-template-columns: minmax(0, 1.6fr) minmax(300px, 1fr); }\n.bt3-active-panel { position: sticky; top: 16px; }\n@media (max-width: 900px) {\n  .bt3-gtl-viewport { grid-template-columns: minmax(0, 1fr); }\n  .bt3-active-panel { position: static; }\n  .bt3-hs { width: 34px; height: 34px; margin: -17px 0 0 -17px; line-height: 30px; }\n  .bt3-strip-dot { width: 32px; height: 32px; }\n  .bt3-panel-pins-strip { flex-wrap: wrap; }\n}\n@media (max-width: 520px) { .bt3-hs { width: 30px; height: 30px; margin: -15px 0 0 -15px; line-height: 26px; } }\n.bt3-tabs { overflow-x: auto; flex-wrap: nowrap; padding-bottom: 4px; }\n.bt3-tabs button { white-space: nowrap; min-height: 36px; }\n@media print {\n  body { background: #fff !important; }\n  .bt3-cmp-bar, .bt3-srch-box, .bt3-tabs, .bt3-fig-box, .bt3-panel-actions { display: none !important; }\n  .bt3-tbl-wrap { box-shadow: none !important; border: 1px solid #ccc !important; }\n}\n\/* Druk specyfikacji por\u00f3wnywarki \u2014 czysty arkusz (aktywny tylko przez body.bt3c-printing) *\/\n.bt3-print-head { display: none; }\n@media print {\n  body.bt3c-printing * { visibility: hidden !important; }\n  body.bt3c-printing #bt3c, body.bt3c-printing #bt3c * { visibility: visible !important; }\n  body.bt3c-printing #bt3c { position: absolute; left: 0; top: 0; width: 100%; margin: 0; padding: 0; }\n  body.bt3c-printing #bt3c .bt3-cmp-bar,\n  body.bt3c-printing #bt3c .bt3-srch-box,\n  body.bt3c-printing #bt3c .bt3-card-del { display: none !important; }\n  body.bt3c-printing #bt3c th.bt3-ph-empty { border: 0 !important; background: transparent !important; }\n  body.bt3c-printing #bt3c th.bt3-ph-empty > div { display: none !important; }\n  body.bt3c-printing #bt3c .bt3-tbl-wrap { border: 1px solid #ddd !important; box-shadow: none !important; }\n  body.bt3c-printing #bt3c .bt3-print-head { display: block !important; margin: 0 0 14px 0; }\n  body.bt3c-printing #bt3c .bt3-print-head-title { font-size: 18px; font-weight: 700; color: #1a2340; }\n  body.bt3c-printing #bt3c .bt3-print-head-sub { font-size: 11px; color: #64748b; margin-top: 3px; }\n  body.bt3c-printing #bt3c .bt3-tbl th.rl { -webkit-print-color-adjust: exact; print-color-adjust: exact; background: #f7f6f4 !important; }\n  body.bt3c-printing #bt3c a.bt3-tbl-btn { color: #1a2340 !important; text-decoration: none !important; }\n}<\/style>\n\n<div class=\"bt3-print-head\" aria-hidden=\"true\">\n  <div class=\"bt3-print-head-title\">Zestawienie parametr\u00f3w technicznych<\/div>\n  <div class=\"bt3-print-head-sub\">bihome.pl \u2014 wygenerowano <span id=\"bt3-print-date\"><\/span><\/div>\n<\/div>\n\n<div class=\"bt3-cmp-bar\">\n  <h3 class=\"bt3-cmp-title\">\n    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M16 3h5v5M4 20L21 3M21 16v5h-5M15 15l6 6M4 4l5 5\"\/><\/svg>\n    Zestawienie parametr\u00f3w technicznych\n  <\/h3>\n  <button type=\"button\" class=\"bt3-lead-trigger-btn\" id=\"bt3-print-trigger\" aria-label=\"Drukuj lub zapisz specyfikacj\u0119 jako PDF\">\n    <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 9V2h12v7M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2M6 14h12v8H6z\"\/><\/svg>\n    Drukuj \/ Zapisz specyfikacj\u0119 jako PDF\n  <\/button>\n<\/div>\n\n<div class=\"bt3-srch-box\">\n  <input type=\"search\" id=\"bt3-q\" class=\"bt3-srch-input\" placeholder=\"Wyszukaj model do por\u00f3wnania (np. Apollo, Rowan, Straight, Lille)...\">\n  <ul class=\"bt3-sug\" id=\"bt3-sug\" hidden><\/ul>\n<\/div>\n\n<div class=\"bt3-tbl-wrap\">\n  <table class=\"bt3-tbl\" id=\"bt3-tbl\">\n    <thead class=\"bt3-tbl-head\">\n      <tr id=\"bt3-tr-head\">\n        <th class=\"rl\">Produkt<\/th>\n      <\/tr>\n    <\/thead>\n    <tbody id=\"bt3-tbody\"><\/tbody>\n  <\/table>\n<\/div>\n\n<script>\n(function(){\n  var R = document.getElementById('bt3c');\n  var ALL = [], BY = {}, SEL = [];\n  var $ = function(id){ return document.getElementById(id); };\n  var esc = function(s){ return String(s==null?'':s).replace(\/[&<>\"]\/g, function(c){return{'&':'&amp;','<':'&lt;','>':'&gt;','\"':'&quot;'}[c]}); };\n\n  function renderTable(){\n    var headTr = $('bt3-tr-head');\n    var tbody = $('bt3-tbody');\n    headTr.innerHTML = '<th class=\"rl\">Parametr<\/th>';\n    tbody.innerHTML = '';\n\n    if(!SEL.length){\n      tbody.innerHTML = '<tr><td colspan=\"4\" style=\"text-align:center; padding:36px; color:#64748b;\">Wybierz produkty w wyszukiwarce powy\u017cej, aby por\u00f3wna\u0107 ich parametry.<\/td><\/tr>';\n      return;\n    }\n\n    SEL.forEach(function(p){\n      var th = document.createElement('th');\n      th.innerHTML = \n        '<div class=\"bt3-card-prod\">' +\n          '<div class=\"bt3-card-img-wrap\">' +\n            (p.img ? '<img decoding=\"async\" class=\"bt3-card-img\" src=\"' + esc(p.img) + '\" alt=\"' + esc(p.n) + '\">' : '<div style=\"color:#94a3b8; font-size:11px;\">Brak zdj\u0119cia<\/div>') +\n          '<\/div>' +\n          '<h4 class=\"bt3-card-name\">' + esc(p.n) + '<\/h4>' +\n          '<button type=\"button\" class=\"bt3-card-del\" data-id=\"' + p.i + '\">Usu\u0144<\/button>' +\n        '<\/div>';\n      headTr.appendChild(th);\n    });\n\n    for(var i = SEL.length; i < 3; i++){\n      var emptyTh = document.createElement('th');\n      emptyTh.className = 'bt3-ph-empty';\n      emptyTh.innerHTML = '<div style=\"padding:28px 10px; text-align:center; color:#64748b; font-size:12px; border:1px dashed #cbd5e1; border-radius:8px; background:#f8fafc;\">+ Dodaj kolejny model (max 3)<\/div>';\n      headTr.appendChild(emptyTh);\n    }\n\n    var rows = [\n      { label: 'Marka', fn: function(p){ return p.m || '\u2014'; } },\n      { label: 'Kategoria', fn: function(p){ return p.k || '\u2014'; } },\n      { label: 'Seria', fn: function(p){ return p.s || '\u2014'; } },\n      { label: 'Wymiary', fn: function(p){\n        var a = [];\n        if(p.h) a.push('wys. ' + p.h + ' cm');\n        if(p.d) a.push('\u015br. ' + p.d + ' cm');\n        else if(p.w) a.push('szer. ' + p.w + ' cm');\n        return a.length ? a.join(' \u00d7 ') : 'brak danych';\n      } },\n      { label: 'Materia\u0142', fn: function(p){ return p.mt || '\u2014'; } },\n      { label: '\u015awiat\u0142o \/ Parametry', fn: function(p){\n        var a = [];\n        if(p.lm) a.push(p.lm + ' lm');\n        if(p.W) a.push('max ' + p.W + ' W');\n        if(p.g) a.push(p.g);\n        return a.length ? a.join(' \u00b7 ') : 'brak danych';\n      } },\n      { label: 'Karta produktu', fn: function(p){\n        return '<a href=\"' + esc(p.u) + '\" class=\"bt3-tbl-btn\">' + (p.pub ? 'Przejd\u017a do karty \u2192' : 'Zobacz kolekcj\u0119 \u2192') + '<\/a>';\n      } }\n    ];\n\n    rows.forEach(function(r){\n      var tr = document.createElement('tr');\n      tr.innerHTML = '<th class=\"rl\">' + esc(r.label) + '<\/th>';\n      SEL.forEach(function(p){\n        var td = document.createElement('td');\n        td.innerHTML = r.fn(p);\n        tr.appendChild(td);\n      });\n      for(var j = SEL.length; j < 3; j++){\n        tr.innerHTML += '<td style=\"color:#cbd5e1;\">\u2014<\/td>';\n      }\n      tbody.appendChild(tr);\n    });\n\n    headTr.querySelectorAll('.bt3-card-del').forEach(function(btn){\n      btn.addEventListener('click', function(){\n        var id = +this.getAttribute('data-id');\n        SEL = SEL.filter(function(x){ return x.i !== id; });\n        renderTable();\n      });\n    });\n  }\n\n  var inp = $('bt3-q');\n  var sug = $('bt3-sug');\n\n  inp.addEventListener('input', function(){\n    var q = this.value.trim().toLowerCase();\n    if(q.length < 2){ sug.hidden = true; return; }\n    var matches = ALL.filter(function(p){\n      return (p.n + ' ' + (p.m || '') + ' ' + (p.s || '')).toLowerCase().indexOf(q) > -1;\n    }).slice(0, 8);\n\n    if(!matches.length){\n      sug.innerHTML = '<li style=\"padding:10px 14px; font-size:12px; color:#94a3b8;\">Brak dopasowa\u0144.<\/li>';\n      sug.hidden = false;\n      return;\n    }\n\n    sug.innerHTML = '';\n    matches.forEach(function(p){\n      var li = document.createElement('li');\n      li.innerHTML = \n        '<button type=\"button\" data-id=\"' + p.i + '\">' +\n          (p.img ? '<img decoding=\"async\" src=\"' + esc(p.img) + '\" alt=\"\">' : '<div style=\"width:36px; height:36px; background:#eee;\"><\/div>') +\n          '<div><strong>' + esc(p.n) + '<\/strong><small style=\"display:block; color:#64748b;\">' + esc((p.m?p.m+' \u00b7 ':'') + (p.s||'')) + '<\/small><\/div>' +\n        '<\/button>';\n      sug.appendChild(li);\n    });\n    sug.hidden = false;\n  });\n\n  sug.addEventListener('click', function(e){\n    var btn = e.target.closest('button');\n    if(!btn) return;\n    var id = +btn.getAttribute('data-id');\n    var p = BY[id];\n    if(p && SEL.length < 3 && !SEL.some(function(x){ return x.i === id; })){\n      SEL.push(p);\n      renderTable();\n    }\n    sug.hidden = true;\n    inp.value = '';\n  });\n\n  var printDate = $('bt3-print-date');\n  if(printDate){\n    try { printDate.textContent = new Date().toLocaleDateString('pl-PL', { day: '2-digit', month: 'long', year: 'numeric' }); } catch(e){}\n  }\n  $('bt3-print-trigger').addEventListener('click', function(){\n    document.body.classList.add('bt3c-printing');\n    window.print();\n  });\n  window.addEventListener('afterprint', function(){\n    document.body.classList.remove('bt3c-printing');\n  });\n\n  fetch(R.getAttribute('data-src'))\n    .then(function(r){ return r.json(); })\n    .then(function(data){\n      ALL = data;\n      ALL.forEach(function(p){ BY[p.i] = p; });\n\n      var urlParams = new URLSearchParams(location.search);\n      var pre = urlParams.get('porownaj');\n      if(pre){\n        pre.split(',').forEach(function(sid){\n          var id = +sid;\n          if(BY[id] && SEL.length < 3) SEL.push(BY[id]);\n        });\n      }\n      if(!SEL.length){\n        [811, 445].forEach(function(id){ if(BY[id]) SEL.push(BY[id]); });\n      }\n      renderTable();\n    });\n})();\n<\/script>\n<\/div>\n\t\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_swt_meta_header_display":false,"_swt_meta_footer_display":false,"_swt_meta_site_title_display":false,"_swt_meta_sticky_header":false,"_swt_meta_transparent_header":false,"footnotes":""},"class_list":["post-9728","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bihome.pl\/en\/wp-json\/wp\/v2\/pages\/9728","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bihome.pl\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bihome.pl\/en\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/bihome.pl\/en\/wp-json\/wp\/v2\/comments?post=9728"}],"version-history":[{"count":0,"href":"https:\/\/bihome.pl\/en\/wp-json\/wp\/v2\/pages\/9728\/revisions"}],"wp:attachment":[{"href":"https:\/\/bihome.pl\/en\/wp-json\/wp\/v2\/media?parent=9728"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}