{"id":9729,"date":"2026-11-10T12:59:55","date_gmt":"2026-11-10T12:59:55","guid":{"rendered":"https:\/\/bihome.pl\/get-the-look\/"},"modified":"2026-11-10T12:59:55","modified_gmt":"2026-11-10T12:59:55","slug":"get-the-look","status":"publish","type":"page","link":"https:\/\/bihome.pl\/en\/get-the-look\/","title":{"rendered":"Get the look \u2014 aran\u017cacje z klikalnymi produktami"},"content":{"rendered":"<div id=\"bt3g\" 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-tabs\" id=\"bt3-tabs\" role=\"group\" aria-label=\"Wyb\u00f3r aran\u017cacji\"><\/div>\n\n<div class=\"bt3-gtl-viewport\">\n  <!-- LEWA STRONA: Zdj\u0119cie z hotspotami (widoczne bez przewijania) -->\n  <div class=\"bt3-fig-box\" id=\"bt3-fig\"><\/div>\n\n  <!-- PRAWA STRONA: Panel aktywnego produktu (obok zdj\u0119cia, bez zje\u017cd\u017cania w d\u00f3\u0142!) -->\n  <div class=\"bt3-active-panel\" id=\"bt3-active-panel\">\n    <div class=\"bt3-panel-header\">\n      <span class=\"bt3-panel-pin-badge\" id=\"bt3-active-pin-badge\">Punkt 1<\/span>\n      <span class=\"bt3-panel-label\" id=\"bt3-active-pin-label\">Element aran\u017cacji<\/span>\n    <\/div>\n\n    <div class=\"bt3-panel-img-wrap\">\n      <img decoding=\"async\" id=\"bt3-active-img\" class=\"bt3-panel-img\" src=\"\" alt=\"\">\n    <\/div>\n\n    <div class=\"bt3-panel-info\">\n      <span class=\"bt3-panel-brand\" id=\"bt3-active-brand\">Marka<\/span>\n      <h4 class=\"bt3-panel-name\" id=\"bt3-active-name\">Nazwa produktu<\/h4>\n      <p class=\"bt3-panel-specs\" id=\"bt3-active-specs\">Wymiary i specyfikacja<\/p>\n    <\/div>\n\n    <div class=\"bt3-panel-actions\">\n      <a href=\"#\" id=\"bt3-active-link\" class=\"bt3-panel-btn-main\">Karta produktu \u2192<\/a>\n      <a href=\"#\" id=\"bt3-active-cmp\" class=\"bt3-panel-btn-cmp\">Por\u00f3wnaj<\/a>\n    <\/div>\n\n    <div class=\"bt3-panel-pins-strip\">\n      <span class=\"bt3-strip-title\">Wybierz punkt:<\/span>\n      <div id=\"bt3-strip-dots\" style=\"display:flex; gap:6px;\"><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<p id=\"bt3-src\" style=\"font-size:12px; color:#64748b; margin-top:12px; line-height:1.4;\"><\/p>\n\n<script type=\"application\/json\" id=\"bt3-scenes\">[{\"id\":\"jasny-salon-saaristo\",\"title\":\"Jasny salon z szarym dywanem\",\"img\":\"\/wp-content\/uploads\/2026\/11\/6056.jpg\",\"w\":900,\"h\":559,\"alt\":\"Jasny salon: okr\u0105g\u0142y ciemny stolik kawowy na szarym dywanie, jasny fotel z drewnianymi pod\u0142okietnikami, sofa i ma\u0142a lampa sto\u0142owa na komodzie\",\"src\":\"Aran\u017cacja: stolik Fjord, fotel Haze, szary dywan Saaristo i ma\u0142a lampa Mush Mini na komodzie. Produkty w tym samym stylu \u2014 komplet do zestawienia.\",\"hs\":[{\"x\":76,\"y\":50,\"l\":\"Lampa \u2014 H\u00fcbsch Mush Mini sand\",\"p\":[1061]},{\"x\":45,\"y\":64,\"l\":\"Stolik \u2014 H\u00fcbsch Fjord \u00d880 czarny\",\"p\":[1265]},{\"x\":80,\"y\":70,\"l\":\"Fotel \u2014 H\u00fcbsch Haze szary d\u0105b\",\"p\":[1269]},{\"x\":50,\"y\":85,\"l\":\"Dywan \u2014 Finarte Saaristo grey\",\"p\":[856]}]},{\"id\":\"gabinet-przy-oknie\",\"title\":\"Gabinet przy oknie\",\"img\":\"\/wp-content\/uploads\/2026\/11\/6032.jpg\",\"w\":1000,\"h\":667,\"alt\":\"Jasny gabinet w paryskim wn\u0119trzu: d\u0119bowe biurko, mi\u0119towe krzes\u0142o, niebieski dywan i bia\u0142a lampa pod\u0142ogowa przy \u015bcianie\",\"src\":\"Aran\u017cacja: biurko Studio z szufladami, krzes\u0142o Oblique, niebieski dywan Bond oraz lampa Pholc Romb. Produkty w tym samym stylu.\",\"hs\":[{\"x\":9,\"y\":18,\"l\":\"Lampa \u2014 Pholc Romb 36 bawe\u0142na\",\"p\":[711]},{\"x\":65,\"y\":55,\"l\":\"Biurko \u2014 H\u00fcbsch Studio z szufladami\",\"p\":[1285]},{\"x\":33,\"y\":65,\"l\":\"Krzes\u0142o \u2014 H\u00fcbsch Oblique czarne\",\"p\":[1131]},{\"x\":40,\"y\":85,\"l\":\"Dywan \u2014 Finarte Bond aqua\",\"p\":[915]}]},{\"id\":\"jadalnia-rattan-rocco\",\"title\":\"Jadalnia z rattanem i puf\u0105\",\"img\":\"\/wp-content\/uploads\/2026\/11\/5446.jpg\",\"w\":1200,\"h\":800,\"alt\":\"Jadalnia: drewniany st\u00f3\u0142 z blatem w mozaik\u0119, oliwkowy fotel i r\u00f3\u017cowe krzes\u0142a, plecione \u015bwiat\u0142o wisz\u0105ce nad sto\u0142em oraz czerwona pufa przy \u015bcianie\",\"src\":\"Aran\u017cacja: lampa Chand rattan nad sto\u0142em Herringbone, fotel Auguste Cactus i pufa Rocco. Produkty w tym samym stylu.\",\"hs\":[{\"x\":39,\"y\":8,\"l\":\"Lampa \u2014 H\u00fcbsch Chand L naturalna rattan\",\"p\":[1111]},{\"x\":40,\"y\":62,\"l\":\"St\u00f3\u0142 \u2014 H\u00fcbsch Herringbone\",\"p\":[1241]},{\"x\":14,\"y\":65,\"l\":\"Fotel \u2014 Auguste Cactus\",\"p\":[695]},{\"x\":90,\"y\":75,\"l\":\"Pufa \u2014 H\u00fcbsch Rocco red\",\"p\":[513]}]},{\"id\":\"kacik-czytelniczy-mush\",\"title\":\"K\u0105cik czytelniczy\",\"img\":\"\/wp-content\/uploads\/2026\/11\/8530.jpg\",\"w\":2048,\"h\":1365,\"alt\":\"K\u0105cik z rega\u0142em i oknem: czarna lampa grzybek na p\u00f3\u0142ce, ma\u0142y czarny stolik, sk\u00f3rzany rudy fotel i jasny dywan w paski na d\u0119bowej pod\u0142odze\",\"src\":\"Aran\u017cacja: lampa Mush Tall na regale, stolik Koohi, fotel Eyrie i dywan Norm beige. Produkty w tym samym stylu.\",\"hs\":[{\"x\":29,\"y\":26,\"l\":\"Lampa \u2014 H\u00fcbsch Mush Tall czarna\",\"p\":[1384]},{\"x\":54,\"y\":66,\"l\":\"Stolik \u2014 H\u00fcbsch Koohi Black\",\"p\":[505]},{\"x\":70,\"y\":63,\"l\":\"Fotel \u2014 H\u00fcbsch Eyrie br\u0105zowy\",\"p\":[1215]},{\"x\":65,\"y\":90,\"l\":\"Dywan \u2014 Finarte Norm beige\",\"p\":[872]}]}]<\/script>\n<script>\n(function(){\n  var R = document.getElementById('bt3g');\n  var SC = JSON.parse(document.getElementById('bt3-scenes').textContent);\n  var BY = {}, curScene = 0, curPin = 0;\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 renderScene(idx){\n    curScene = idx;\n    var s = SC[idx];\n    var fig = $('bt3-fig');\n    fig.innerHTML = '';\n\n    var img = document.createElement('img');\n    img.src = s.img;\n    img.alt = s.alt;\n    fig.appendChild(img);\n\n    s.hs.forEach(function(h, pidx){\n      var btn = document.createElement('button');\n      btn.type = 'button';\n      btn.className = 'bt3-hs';\n      btn.textContent = String(pidx + 1);\n      btn.style.left = h.x + '%';\n      btn.style.top = h.y + '%';\n      btn.setAttribute('aria-label', 'Punkt ' + (pidx + 1) + ': ' + h.l);\n      btn.setAttribute('data-pin', pidx);\n\n      btn.addEventListener('click', function(){\n        selectPin(pidx);\n      });\n      fig.appendChild(btn);\n    });\n\n    $('bt3-src').textContent = s.src;\n\n    var dotsWrap = $('bt3-strip-dots');\n    dotsWrap.innerHTML = '';\n    s.hs.forEach(function(h, pidx){\n      var d = document.createElement('button');\n      d.type = 'button';\n      d.className = 'bt3-strip-dot' + (pidx === 0 ? ' active' : '');\n      d.textContent = String(pidx + 1);\n      d.setAttribute('data-pin', pidx);\n      d.addEventListener('click', function(){ selectPin(pidx); });\n      dotsWrap.appendChild(d);\n    });\n\n    var tabs = $('bt3-tabs').children;\n    for(var k = 0; k < tabs.length; k++){\n      tabs[k].setAttribute('aria-pressed', k === idx ? 'true' : 'false');\n    }\n\n    selectPin(0);\n  }\n\n  function selectPin(pidx){\n    curPin = pidx;\n    var s = SC[curScene];\n    var h = s.hs[pidx];\n    if(!h) return;\n\n    var fig = $('bt3-fig');\n    fig.querySelectorAll('.bt3-hs').forEach(function(b){\n      b.setAttribute('aria-pressed', b.getAttribute('data-pin') == pidx ? 'true' : 'false');\n    });\n\n    var dotsWrap = $('bt3-strip-dots');\n    dotsWrap.querySelectorAll('.bt3-strip-dot').forEach(function(d){\n      if(d.getAttribute('data-pin') == pidx) d.classList.add('active');\n      else d.classList.remove('active');\n    });\n\n    var prodId = h.p[0];\n    var p = BY[prodId];\n\n    $('bt3-active-pin-badge').textContent = 'Punkt ' + (pidx + 1);\n    $('bt3-active-pin-label').textContent = h.l;\n\n    if(p){\n      $('bt3-active-img').src = p.img || '';\n      $('bt3-active-img').alt = p.n || '';\n      $('bt3-active-brand').textContent = p.m || 'Kolekcja bihome';\n      $('bt3-active-name').textContent = p.n || h.l;\n\n      var specs = [];\n      if(p.d) specs.push('\u015br. ' + p.d + ' cm');\n      if(p.h) specs.push('wys. ' + p.h + ' cm');\n      if(p.mt) specs.push('materia\u0142: ' + p.mt);\n      if(p.lm) specs.push(p.lm + ' lm');\n      $('bt3-active-specs').textContent = specs.join(' \u00b7 ') || 'Produkt widoczny w aran\u017cacji';\n\n      $('bt3-active-link').href = p.u || '#';\n      $('bt3-active-link').textContent = p.pub ? 'Przejd\u017a do karty produktu \u2192' : 'Zobacz model w katalogu \u2192';\n      $('bt3-active-cmp').href = '\/porownywarka\/?porownaj=' + p.i;\n      $('bt3-active-cmp').style.display = 'inline-block';\n    } else {\n      $('bt3-active-name').textContent = h.l;\n      $('bt3-active-specs').textContent = 'Element architektury wn\u0119trza';\n      $('bt3-active-cmp').style.display = 'none';\n    }\n  }\n\n  var tabsWrap = $('bt3-tabs');\n  SC.forEach(function(s, idx){\n    var btn = document.createElement('button');\n    btn.type = 'button';\n    btn.textContent = s.title;\n    btn.setAttribute('aria-pressed', idx === 0 ? 'true' : 'false');\n    btn.addEventListener('click', function(){ renderScene(idx); });\n    tabsWrap.appendChild(btn);\n  });\n\n  fetch(R.getAttribute('data-src'))\n    .then(function(r){ return r.json(); })\n    .then(function(data){\n      data.forEach(function(p){ BY[p.i] = p; });\n      renderScene(0);\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-9729","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bihome.pl\/en\/wp-json\/wp\/v2\/pages\/9729","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=9729"}],"version-history":[{"count":0,"href":"https:\/\/bihome.pl\/en\/wp-json\/wp\/v2\/pages\/9729\/revisions"}],"wp:attachment":[{"href":"https:\/\/bihome.pl\/en\/wp-json\/wp\/v2\/media?parent=9729"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}