{"title":"Cuina","description":"\u003cp\u003eTransformeu la vostra cuina en un centre culinari amb la nostra gamma de petits electrodomèstics. Des de batedores i liquadores fins a torradores i cafeteres, la nostra col·lecció ofereix eines innovadores per ajudar-lo a preparar menjars deliciosos amb facilitat. Tenim dispositius dissenyats perquè cuinar sigui més eficient i divertit, elevant la seva experiència culinària a nous nivells.\u003c\/p\u003e","products":[{"product_id":"sensor-bin-60l_bh-9560","title":"Contenidor Amb Sensor De 60L","description":"\u003cstyle\u003e .bh-scope .bh-head{ position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; } .bh-scope .bh-head .label{ color:#222; font-weight:600; } .bh-scope .bh-head .set{ opacity:.5; } \/* === Estils encapsulats NOMÉS per a aquest bloc === *\/ .bh-scope{line-height:1.6;color:#333} .bh-scope h2{ color:#800000;margin:40px 0 15px;border-bottom:2px solid font-weight:600;font-size:1.5em } .bh-scope h3{ color:#800000;font-style:italic;font-size:1.2em;font-weight:600;margin:20px 0 } .bh-scope .specs{ width:100%;border-collapse:collapse;margin-bottom:20px;font-size:1em;border:1px solid #ddd } .bh-scope .specs td{ border:1px solid #ddd;vertical-align:top;padding:12 .bh-scope .specs td:first-child{font-weight:600;width:30%;background:#f8f8f8} .bh-scope .bullets{list-style:none;padding:0;margin:0 0 30px} .bh-sco 0;border-bottom:1px dotted #eee;display:flex;align-items:center;font-size:1.05em } .bh-scope .bullets li:last-child{border-bottom:none} .bh-scope .bullets .dot{display:inline-block;width:1em;margin-left:-1em;color:#C28E7D;font-weight:bold} .bh-scope .icon-row{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;5 .bh-scope .icon-row img{display:block;border:0;outline:0;width:45px;height:45px} \/* Swatch circular bàsic (el JS el convertirà en tooltip bombolla) *\/ .bh-scope .color-swatch{ display:inline-block;width:25px;height:25px;vorder-radius:50%; border:1px solid rgba(0,0,0,.25); \/* abans #ccc *\/ vertical-align:middle;margin-right:8px;margin-bottom:6px; \/* + marge inferior per a salts de línia bonics *\/ } \/* Tooltip bombolla reutilitzable (per a icones i colors) *\/ .bh-scope .tooltip{position:relative;display:inline-flex;flex-direction:column;align-items:center} .bh-scope .tooltiptext visibilitat:hidden;max-width:260px;background:#444;color:#fff;text-align:center;border-radius:5px; padding:8px 12px;position:absolute;z-index:9999;bottom:110%;left:50%;transform:translateX(-50%); opacity:0;transition:opacity .2s ease,bottom .2s ease;white-space:normal;overflow-wrap:break-word; font-size:.9em;box-shadow:0 2px 8px rgba(0,0,0,.2);pointer-events:none } .bh-scope .tooltip:hover .tooltiptext, .bh-scope .tooltip:focus .tooltiptext{visibility: .bh-scope .tooltiptext::after{ content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid; border-color:#444 transparent transparent transparent } \u003c\/style\u003e \u003cdiv class=\"bh-scope\"\u003e \u003cdiv class=\"bh-head\"\u003e \u003cspan class=\"label\"\u003eRef:\u003c\/span\u003e \u003cspan\u003eBH\/9560\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBerlinger Haus\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan\u003ePromintra\u003c\/span\u003e \u003c\/div\u003e \u003ch2\u003eCaracterístiques principals\u003c\/h2\u003e \u003ctable class=\"specs\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd\u003eMaterial\u003c\/td\u003e \u003ctd\u003e Hit \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e 76x42x30 cm 60L \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eAlimentació\u003c\/td\u003e \u003ctd\u003e 4 piles AA (no incloses) \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e negre t \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Alimentació: 4 piles AA (no incloses)\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/cX3C1JRH\/bateries\" class=\"tooltiptext\"\u003eAlimentació: 4 piles AA (no incloses)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Sensor\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/hJ19JZbZ\/sensor.png\" alt=\" class=\"tooltiptext\"\u003eSensor\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unifica tooltips de COLOR amb les d'icones: - Si el Python ja genera estructura amb .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616913949015,"sku":"BH\/9560","price":449.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9560-1.jpg?v=1772799988"},{"product_id":"sensor-bin-58l_bh-9526","title":"Contenidor Amb Sensor De 58L","description":"\u003cstyle\u003e .bh-scope .bh-head{ position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; } .bh-scope .bh-head .label{ color:#222; font-weight:600; } .bh-scope .bh-head .set{ opacity:.5; } \/* === Estils encapsulats NOMÉS per a aquest bloc === *\/ .bh-scope{line-height:1.6;color:#333} .bh-scope h2{ color:#800000;margin:40px 0 15px;border-bottom:2px solid font-weight:600;font-size:1.5em } .bh-scope h3{ color:#800000;font-style:italic;font-size:1.2em;font-weight:600;margin:20px 0 } .bh-scope .specs{ width:100%;border-collapse:collapse;margin-bottom:20px;font-size:1em;border:1px solid #ddd } .bh-scope .specs td{ border:1px solid #ddd;vertical-align:top;padding:12 .bh-scope .specs td:first-child{font-weight:600;width:30%;background:#f8f8f8} .bh-scope .bullets{list-style:none;padding:0;margin:0 0 30px} .bh-sco 0;border-bottom:1px dotted #eee;display:flex;align-items:center;font-size:1.05em } .bh-scope .bullets li:last-child{border-bottom:none} .bh-scope .bullets .dot{display:inline-block;width:1em;margin-left:-1em;color:#C28E7D;font-weight:bold} .bh-scope .icon-row{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;5 .bh-scope .icon-row img{display:block;border:0;outline:0;width:45px;height:45px} \/* Swatch circular bàsic (el JS el convertirà en tooltip bombolla) *\/ .bh-scope .color-swatch{ display:inline-block;width:25px;height:25px;vorder-radius:50%; border:1px solid rgba(0,0,0,.25); \/* abans #ccc *\/ vertical-align:middle;margin-right:8px;margin-bottom:6px; \/* + marge inferior per a salts de línia bonics *\/ } \/* Tooltip bombolla reutilitzable (per a icones i colors) *\/ .bh-scope .tooltip{position:relative;display:inline-flex;flex-direction:column;align-items:center} .bh-scope .tooltiptext visibilitat:hidden;max-width:260px;background:#444;color:#fff;text-align:center;border-radius:5px; padding:8px 12px;position:absolute;z-index:9999;bottom:110%;left:50%;transform:translateX(-50%); opacity:0;transition:opacity .2s ease,bottom .2s ease;white-space:normal;overflow-wrap:break-word; font-size:.9em;box-shadow:0 2px 8px rgba(0,0,0,.2);pointer-events:none } .bh-scope .tooltip:hover .tooltiptext, .bh-scope .tooltip:focus .tooltiptext{visibility: .bh-scope .tooltiptext::after{ content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid; border-color:#444 transparent transparent transparent } \u003c\/style\u003e \u003cdiv class=\"bh-scope\"\u003e \u003cdiv class=\"bh-head\"\u003e \u003cspan class=\"label\"\u003eRef:\u003c\/span\u003e \u003cspan\u003eBH\/9526\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBerlinger Haus\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan\u003ePromintra\u003c\/span\u003e \u003c\/div\u003e \u003ch2\u003eCaracterístiques principals\u003c\/h2\u003e \u003ctable class=\"specs\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd\u003eMaterial\u003c\/td\u003e \u003ctd\u003e Hit \u003ctd\u003eDimensions\u003c\/td\u003e \u003ctd\u003e 67x39,5x28 cm, 58L \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eAlimentació\u003c\/td\u003e \u003ctd\u003e 4 piles AA (no incloses) \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Alimentació: 4 piles AA (no incloses)\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/cX3C1JRH\/bateries\" class=\"tooltiptext\"\u003eAlimentació: 4 piles AA (no incloses)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Sensor\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/hJ19JZbZ\/sensor.png\" alt=\" class=\"tooltiptext\"\u003eSensor\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unifica tooltips de COLOR amb les d'icones: - Si el Python ja genera estructura amb .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616913588567,"sku":"BH\/9526","price":284.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9526-1_aa4ec94d-413a-462d-9ec1-196888dde89c.jpg?v=1764237079"},{"product_id":"sensor-bin-58l_bh-9524","title":"Contenidor Amb Sensor De 58L","description":"\u003cstyle\u003e .bh-scope .bh-head{ position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; } .bh-scope .bh-head .label{ color:#222; font-weight:600; } .bh-scope .bh-head .set{ opacity:.5; } \/* === Estils encapsulats NOMÉS per a aquest bloc === *\/ .bh-scope{line-height:1.6;color:#333} .bh-scope h2{ color:#800000;margin:40px 0 15px;border-bottom:2px solid font-weight:600;font-size:1.5em } .bh-scope h3{ color:#800000;font-style:italic;font-size:1.2em;font-weight:600;margin:20px 0 } .bh-scope .specs{ width:100%;border-collapse:collapse;margin-bottom:20px;font-size:1em;border:1px solid #ddd } .bh-scope .specs td{ border:1px solid #ddd;vertical-align:top;padding:12 .bh-scope .specs td:first-child{font-weight:600;width:30%;background:#f8f8f8} .bh-scope .bullets{list-style:none;padding:0;margin:0 0 30px} .bh-sco 0;border-bottom:1px dotted #eee;display:flex;align-items:center;font-size:1.05em } .bh-scope .bullets li:last-child{border-bottom:none} .bh-scope .bullets .dot{display:inline-block;width:1em;margin-left:-1em;color:#C28E7D;font-weight:bold} .bh-scope .icon-row{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;5 .bh-scope .icon-row img{display:block;border:0;outline:0;width:45px;height:45px} \/* Swatch circular bàsic (el JS el convertirà en tooltip bombolla) *\/ .bh-scope .color-swatch{ display:inline-block;width:25px;height:25px;vorder-radius:50%; border:1px solid rgba(0,0,0,.25); \/* abans #ccc *\/ vertical-align:middle;margin-right:8px;margin-bottom:6px; \/* + marge inferior per a salts de línia bonics *\/ } \/* Tooltip bombolla reutilitzable (per a icones i colors) *\/ .bh-scope .tooltip{position:relative;display:inline-flex;flex-direction:column;align-items:center} .bh-scope .tooltiptext visibilitat:hidden;max-width:260px;background:#444;color:#fff;text-align:center;border-radius:5px; padding:8px 12px;position:absolute;z-index:9999;bottom:110%;left:50%;transform:translateX(-50%); opacity:0;transition:opacity .2s ease,bottom .2s ease;white-space:normal;overflow-wrap:break-word; font-size:.9em;box-shadow:0 2px 8px rgba(0,0,0,.2);pointer-events:none } .bh-scope .tooltip:hover .tooltiptext, .bh-scope .tooltip:focus .tooltiptext{visibility: .bh-scope .tooltiptext::after{ content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid; border-color:#444 transparent transparent transparent } \u003c\/style\u003e \u003cdiv class=\"bh-scope\"\u003e \u003cdiv class=\"bh-head\"\u003e \u003cspan class=\"label\"\u003eRef:\u003c\/span\u003e \u003cspan\u003eBH\/9524\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBerlinger Haus\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan\u003ePromintra\u003c\/span\u003e \u003c\/div\u003e \u003ch2\u003eCaracterístiques principals\u003c\/h2\u003e \u003ctable class=\"specs\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd\u003eMaterial\u003c\/td\u003e \u003ctd\u003e Hit \u003ctd\u003eDimensions\u003c\/td\u003e \u003ctd\u003e 67x39,5x28 cm, 58L \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eAlimentació\u003c\/td\u003e \u003ctd\u003e 4 piles AA (no incloses) \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Alimentació: 4 piles AA (no incloses)\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/cX3C1\" \u003cspan class=\"tooltiptext\"\u003eAlimentació: 4 piles AA (no incloses)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Sensor\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/hJ19JZbZ\/sensor.png\" class=\"tooltiptext\"\u003eSensor\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unifica tooltips de COLOR amb les d'icones: - Si el Python ja genera estructura amb .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616913129815,"sku":"BH\/9524","price":284.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9524-2_3bcd2fe6-b05a-4167-987a-d2b50af23c72.jpg?v=1764237075"},{"product_id":"sensor-bin-58l_bh-8542","title":"Contenidor Amb Sensor De 58L","description":"\u003cstyle\u003e .bh-scope .bh-head{ position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; } .bh-scope .bh-head .label{ color:#222; font-weight:600; } .bh-scope .bh-head .set{ opacity:.5; } \/* === Estils encapsulats NOMÉS per a aquest bloc === *\/ .bh-scope{line-height:1.6;color:#333} .bh-scope h2{ color:#800000;margin:40px 0 15px;border-bottom:2px solid font-weight:600;font-size:1.5em } .bh-scope h3{ color:#800000;font-style:italic;font-size:1.2em;font-weight:600;margin:20px 0 } .bh-scope .specs{ width:100%;border-collapse:collapse;margin-bottom:20px;font-size:1em;border:1px solid #ddd } .bh-scope .specs td{ border:1px solid #ddd;vertical-align:top;padding:12 .bh-scope .specs td:first-child{font-weight:600;width:30%;background:#f8f8f8} .bh-scope .bullets{list-style:none;padding:0;margin:0 0 30px} .bh-sco 0;border-bottom:1px dotted #eee;display:flex;align-items:center;font-size:1.05em } .bh-scope .bullets li:last-child{border-bottom:none} .bh-scope .bullets .dot{display:inline-block;width:1em;margin-left:-1em;color:#C28E7D;font-weight:bold} .bh-scope .icon-row{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;5 .bh-scope .icon-row img{display:block;border:0;outline:0;width:45px;height:45px} \/* Swatch circular bàsic (el JS el convertirà en tooltip bombolla) *\/ .bh-scope .color-swatch{ display:inline-block;width:25px;height:25px;vorder-radius:50%; border:1px solid rgba(0,0,0,.25); \/* abans #ccc *\/ vertical-align:middle;margin-right:8px;margin-bottom:6px; \/* + marge inferior per a salts de línia bonics *\/ } \/* Tooltip bombolla reutilitzable (per a icones i colors) *\/ .bh-scope .tooltip{position:relative;display:inline-flex;flex-direction:column;align-items:center} .bh-scope .tooltiptext visibilitat:hidden;max-width:260px;background:#444;color:#fff;text-align:center;border-radius:5px; padding:8px 12px;position:absolute;z-index:9999;bottom:110%;left:50%;transform:translateX(-50%); opacity:0;transition:opacity .2s ease,bottom .2s ease;white-space:normal;overflow-wrap:break-word; font-size:.9em;box-shadow:0 2px 8px rgba(0,0,0,.2);pointer-events:none } .bh-scope .tooltip:hover .tooltiptext, .bh-scope .tooltip:focus .tooltiptext{visibility: .bh-scope .tooltiptext::after{ content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid; border-color:#444 transparent transparent transparent } \u003c\/style\u003e \u003cdiv class=\"bh-scope\"\u003e \u003cdiv class=\"bh-head\"\u003e \u003cspan class=\"label\"\u003eRef:\u003c\/span\u003e \u003cspan\u003eBH\/8542\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBerlinger Haus\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan\u003ePromintra\u003c\/span\u003e \u003c\/div\u003e \u003ch2\u003eCaracterístiques principals\u003c\/h2\u003e \u003ctable class=\"specs\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd\u003eMaterial\u003c\/td\u003e \u003ctd\u003e Hit \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e 67x39,5x28 cm, 58L \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eAlimentació\u003c\/td\u003e \u003ctd\u003e 4 piles AA (no incloses) \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Alimentació: 4 piles AA (no incloses)\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/cX3C1\" \u003cspan class=\"tooltiptext\"\u003eAlimentació: 4 piles AA (no incloses)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Sensor\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/hJ19JZbZ\/sensor.png\" class=\"tooltiptext\"\u003eSensor\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unifica tooltips de COLOR amb les d'icones: - Si el Python ja genera estructura amb .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616912736599,"sku":"BH\/8542","price":284.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8542-3.jpg?v=1764059416"},{"product_id":"pedal-bin-2x30l_bh-8883","title":"Galleda De fem amb Pedal 2X30L","description":"\u003cstyle\u003e .bh-scope .bh-head{ position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; } .bh-scope .bh-head .label{ color:#222; font-weight:600; } .bh-scope .bh-head .set{ opacity:.5; } \/* === Estils encapsulats NOMÉS per a aquest bloc === *\/ .bh-scope{line-height:1.6;color:#333} .bh-scope h2{ color:#800000;margin:40px 0 15px;border-bottom:2px solid font-weight:600;font-size:1.5em } .bh-scope h3{ color:#800000;font-style:italic;font-size:1.2em;font-weight:600;margin:20px 0 } .bh-scope .specs{ width:100%;border-collapse:collapse;margin-bottom:20px;font-size:1em;border:1px solid #ddd } .bh-scope .specs td{ border:1px solid #ddd;vertical-align:top;padding:12 .bh-scope .specs td:first-child{font-weight:600;width:30%;background:#f8f8f8} .bh-scope .bullets{list-style:none;padding:0;margin:0 0 30px} .bh-sco 0;border-bottom:1px dotted #eee;display:flex;align-items:center;font-size:1.05em } .bh-scope .bullets li:last-child{border-bottom:none} .bh-scope .bullets .dot{display:inline-block;width:1em;margin-left:-1em;color:#C28E7D;font-weight:bold} .bh-scope .icon-row{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;5 .bh-scope .icon-row img{display:block;border:0;outline:0;width:45px;height:45px} \/* Swatch circular bàsic (el JS el convertirà en tooltip bombolla) *\/ .bh-scope .color-swatch{ display:inline-block;width:25px;height:25px;vorder-radius:50%; border:1px solid rgba(0,0,0,.25); \/* abans #ccc *\/ vertical-align:middle;margin-right:8px;margin-bottom:6px; \/* + marge inferior per a salts de línia bonics *\/ } \/* Tooltip bombolla reutilitzable (per a icones i colors) *\/ .bh-scope .tooltip{position:relative;display:inline-flex;flex-direction:column;align-items:center} .bh-scope .tooltiptext visibilitat:hidden;max-width:260px;background:#444;color:#fff;text-align:center;border-radius:5px; padding:8px 12px;position:absolute;z-index:9999;bottom:110%;left:50%;transform:translateX(-50%); opacity:0;transition:opacity .2s ease,bottom .2s ease;white-space:normal;overflow-wrap:break-word; font-size:.9em;box-shadow:0 2px 8px rgba(0,0,0,.2);pointer-events:none } .bh-scope .tooltip:hover .tooltiptext, .bh-scope .tooltip:focus .tooltiptext{visibility: .bh-scope .tooltiptext::after{ content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid; border-color:#444 transparent transparent transparent } \u003c\/style\u003e \u003cdiv class=\"bh-scope\"\u003e \u003cdiv class=\"bh-head\"\u003e \u003cspan class=\"label\"\u003eRef:\u003c\/span\u003e \u003cspan\u003eBH\/8883\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBerlinger Haus\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan\u003ePromintra\u003c\/span\u003e \u003c\/div\u003e \u003ch2\u003eCaracterístiques Principals\u003c\/h2\u003e \u003ctable class=\"specs\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd\u003eMaterial\u003c\/td\u003e \u003ctd\u003e \u003ctr\u003e \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e 45,1x37,1x70 cm, 2x30 L \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e negre mat \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/td\u003e class=\"tooltip\" tabindex=\"0\" aria-label=\"Sistema silenciós d'obertura\/tancament\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/wxVpNDR\/silent.png\" alt=\"Silenciós\"\u003e \u003cspan class=\"tooltiptext\"\u003eSistema silenciós d'obertura\/tanca\u003c\/\u003c\/div\u003e Unifica tooltips de COLOR amb les d'icones: - Si el Python ja genera estructura amb .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51617490207063,"sku":"BH\/8883","price":330.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8883-1_fb21dfd3-a1f4-4c5e-a38d-8eb9b310704e.jpg?v=1764059342"},{"product_id":"sensor-bin-60l_bh-9797","title":"Contenidor Amb Sensor De 60L","description":"\u003cstyle\u003e .bh-scope .bh-head{ position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; } .bh-scope .bh-head .label{ color:#222; font-weight:600; } .bh-scope .bh-head .set{ opacity:.5; } \/* === Estils encapsulats NOMÉS per a aquest bloc === *\/ .bh-scope{line-height:1.6;color:#333} .bh-scope h2{ color:#800000;margin:40px 0 15px;border-bottom:2px solid font-weight:600;font-size:1.5em } .bh-scope h3{ color:#800000;font-style:italic;font-size:1.2em;font-weight:600;margin:20px 0 } .bh-scope .specs{ width:100%;border-collapse:collapse;margin-bottom:20px;font-size:1em;border:1px solid #ddd } .bh-scope .specs td{ border:1px solid #ddd;vertical-align:top;padding:12 .bh-scope .specs td:first-child{font-weight:600;width:30%;background:#f8f8f8} .bh-scope .bullets{list-style:none;padding:0;margin:0 0 30px} .bh-sco 0;border-bottom:1px dotted #eee;display:flex;align-items:center;font-size:1.05em } .bh-scope .bullets li:last-child{border-bottom:none} .bh-scope .bullets .dot{display:inline-block;width:1em;margin-left:-1em;color:#C28E7D;font-weight:bold} .bh-scope .icon-row{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;5 .bh-scope .icon-row img{display:block;border:0;outline:0;width:45px;height:45px} \/* Swatch circular bàsic (el JS el convertirà en tooltip bombolla) *\/ .bh-scope .color-swatch{ display:inline-block;width:25px;height:25px;vorder-radius:50%; border:1px solid rgba(0,0,0,.25); \/* abans #ccc *\/ vertical-align:middle;margin-right:8px;margin-bottom:6px; \/* + marge inferior per a salts de línia bonics *\/ } \/* Tooltip bombolla reutilitzable (per a icones i colors) *\/ .bh-scope .tooltip{position:relative;display:inline-flex;flex-direction:column;align-items:center} .bh-scope .tooltiptext visibilitat:hidden;max-width:260px;background:#444;color:#fff;text-align:center;border-radius:5px; padding:8px 12px;position:absolute;z-index:9999;bottom:110%;left:50%;transform:translateX(-50%); opacity:0;transition:opacity .2s ease,bottom .2s ease;white-space:normal;overflow-wrap:break-word; font-size:.9em;box-shadow:0 2px 8px rgba(0,0,0,.2);pointer-events:none } .bh-scope .tooltip:hover .tooltiptext, .bh-scope .tooltip:focus .tooltiptext{visibility: .bh-scope .tooltiptext::after{ content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid; border-color:#444 transparent transparent transparent } \u003c\/style\u003e \u003cdiv class=\"bh-scope\"\u003e \u003cdiv class=\"bh-head\"\u003e \u003cspan class=\"label\"\u003eRef:\u003c\/span\u003e \u003cspan\u003eBH\/9797\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBerlinger Haus\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan\u003ePromintra\u003c\/span\u003e \u003c\/div\u003e \u003ch2\u003eCaracterístiques principals\u003c\/h2\u003e \u003ctable class=\"specs\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd\u003eMaterial\u003c\/td\u003e \u003ctd\u003e \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e 65x38,5x28,5 cm, 60L \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eAlimentació\u003c\/td\u003e \u003ctd\u003e 4 piles AA (no incloses) \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Alimentació: 4 piles AA (no incloses)\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/cX3C1JRH\/bateries\" class=\"tooltiptext\"\u003eAlimentació: 4 piles AA (no incloses)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"La tapa es pot obrir amb un botó i un sensor\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/hJ19JZb\u003e class=\"tooltiptext\"\u003eLa tapa es pot obrir amb un botó i un sensor\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unifica tooltips de COLOR amb les d'icones: - Si el Python ja genera estructura amb .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616914866519,"sku":"BH\/9797","price":284.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9797-1_2b55bcef-92ea-4ccd-943a-57bbbc038cbf.jpg?v=1764237087"},{"product_id":"sensor-bin-60l_bh-9798","title":"Contenidor Amb Sensor De 60L","description":"\u003cstyle\u003e .bh-scope .bh-head{ position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; } .bh-scope .bh-head .label{ color:#222; font-weight:600; } .bh-scope .bh-head .set{ opacity:.5; } \/* === Estils encapsulats NOMÉS per a aquest bloc === *\/ .bh-scope{line-height:1.6;color:#333} .bh-scope h2{ color:#800000;margin:40px 0 15px;border-bottom:2px solid font-weight:600;font-size:1.5em } .bh-scope h3{ color:#800000;font-style:italic;font-size:1.2em;font-weight:600;margin:20px 0 } .bh-scope .specs{ width:100%;border-collapse:collapse;margin-bottom:20px;font-size:1em;border:1px solid #ddd } .bh-scope .specs td{ border:1px solid #ddd;vertical-align:top;padding:12 .bh-scope .specs td:first-child{font-weight:600;width:30%;background:#f8f8f8} .bh-scope .bullets{list-style:none;padding:0;margin:0 0 30px} .bh-sco 0;border-bottom:1px dotted #eee;display:flex;align-items:center;font-size:1.05em } .bh-scope .bullets li:last-child{border-bottom:none} .bh-scope .bullets .dot{display:inline-block;width:1em;margin-left:-1em;color:#C28E7D;font-weight:bold} .bh-scope .icon-row{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;5 .bh-scope .icon-row img{display:block;border:0;outline:0;width:45px;height:45px} \/* Swatch circular bàsic (el JS el convertirà en tooltip bombolla) *\/ .bh-scope .color-swatch{ display:inline-block;width:25px;height:25px;vorder-radius:50%; border:1px solid rgba(0,0,0,.25); \/* abans #ccc *\/ vertical-align:middle;margin-right:8px;margin-bottom:6px; \/* + marge inferior per a salts de línia bonics *\/ } \/* Tooltip bombolla reutilitzable (per a icones i colors) *\/ .bh-scope .tooltip{position:relative;display:inline-flex;flex-direction:column;align-items:center} .bh-scope .tooltiptext visibilitat:hidden;max-width:260px;background:#444;color:#fff;text-align:center;border-radius:5px; padding:8px 12px;position:absolute;z-index:9999;bottom:110%;left:50%;transform:translateX(-50%); opacity:0;transition:opacity .2s ease,bottom .2s ease;white-space:normal;overflow-wrap:break-word; font-size:.9em;box-shadow:0 2px 8px rgba(0,0,0,.2);pointer-events:none } .bh-scope .tooltip:hover .tooltiptext, .bh-scope .tooltip:focus .tooltiptext{visibility: .bh-scope .tooltiptext::after{ content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid; border-color:#444 transparent transparent transparent } \u003c\/style\u003e \u003cdiv class=\"bh-scope\"\u003e \u003cdiv class=\"bh-head\"\u003e \u003cspan class=\"label\"\u003eRef:\u003c\/span\u003e \u003cspan\u003eBH\/9798\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBerlinger Haus\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan\u003ePromintra\u003c\/span\u003e \u003c\/div\u003e \u003ch2\u003eCaracterístiques principals\u003c\/h2\u003e \u003ctable class=\"specs\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd\u003eMaterial\u003c\/td\u003e \u003ctd\u003e \u003ctd\u003eDimensions\u003c\/td\u003e \u003ctd\u003e 65x38,5x28,5 cm, 60L \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eAlimentació\u003c\/td\u003e \u003ctd\u003e 4 piles AA (no incloses) \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Alimentació: 4 piles AA (no incloses)\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/cX3C1\" \u003cspan class=\"tooltiptext\"\u003eAlimentació: 4 piles AA (no incloses)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"La tapa s'obre amb un botó i un sensor\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/hJ19\" \u003cspan class=\"tooltiptext\"\u003eLa tapa s'obre amb un botó i un sensor\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unifica tooltips de COLOR amb les d'icones: - Si el Python ja genera estructura amb .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616915226967,"sku":"BH\/9798","price":284.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9798-2.jpg?v=1764237089"},{"product_id":"sensor-bin-60l_bh-9796","title":"Contenidor Amb Sensor De 60L","description":"\u003cstyle\u003e .bh-scope .bh-head{ position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; } .bh-scope .bh-head .label{ color:#222; font-weight:600; } .bh-scope .bh-head .set{ opacity:.5; } \/* === Estils encapsulats NOMÉS per a aquest bloc === *\/ .bh-scope{line-height:1.6;color:#333} .bh-scope h2{ color:#800000;margin:40px 0 15px;border-bottom:2px solid font-weight:600;font-size:1.5em } .bh-scope h3{ color:#800000;font-style:italic;font-size:1.2em;font-weight:600;margin:20px 0 } .bh-scope .specs{ width:100%;border-collapse:collapse;margin-bottom:20px;font-size:1em;border:1px solid #ddd } .bh-scope .specs td{ border:1px solid #ddd;vertical-align:top;padding:12 .bh-scope .specs td:first-child{font-weight:600;width:30%;background:#f8f8f8} .bh-scope .bullets{list-style:none;padding:0;margin:0 0 30px} .bh-sco 0;border-bottom:1px dotted #eee;display:flex;align-items:center;font-size:1.05em } .bh-scope .bullets li:last-child{border-bottom:none} .bh-scope .bullets .dot{display:inline-block;width:1em;margin-left:-1em;color:#C28E7D;font-weight:bold} .bh-scope .icon-row{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;5 .bh-scope .icon-row img{display:block;border:0;outline:0;width:45px;height:45px} \/* Swatch circular bàsic (el JS el convertirà en tooltip bombolla) *\/ .bh-scope .color-swatch{ display:inline-block;width:25px;height:25px;vorder-radius:50%; border:1px solid rgba(0,0,0,.25); \/* abans #ccc *\/ vertical-align:middle;margin-right:8px;margin-bottom:6px; \/* + marge inferior per a salts de línia bonics *\/ } \/* Tooltip bombolla reutilitzable (per a icones i colors) *\/ .bh-scope .tooltip{position:relative;display:inline-flex;flex-direction:column;align-items:center} .bh-scope .tooltiptext visibilitat:hidden;max-width:260px;background:#444;color:#fff;text-align:center;border-radius:5px; padding:8px 12px;position:absolute;z-index:9999;bottom:110%;left:50%;transform:translateX(-50%); opacity:0;transition:opacity .2s ease,bottom .2s ease;white-space:normal;overflow-wrap:break-word; font-size:.9em;box-shadow:0 2px 8px rgba(0,0,0,.2);pointer-events:none } .bh-scope .tooltip:hover .tooltiptext, .bh-scope .tooltip:focus .tooltiptext{visibility: .bh-scope .tooltiptext::after{ content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid; border-color:#444 transparent transparent transparent } \u003c\/style\u003e \u003cdiv class=\"bh-scope\"\u003e \u003cdiv class=\"bh-head\"\u003e \u003cspan class=\"label\"\u003eRef:\u003c\/span\u003e \u003cspan\u003eBH\/9796\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBerlinger Haus\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan\u003ePromintra\u003c\/span\u003e \u003c\/div\u003e \u003ch2\u003eCaracterístiques principals\u003c\/h2\u003e \u003ctable class=\"specs\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd\u003eMaterial\u003c\/td\u003e \u003ctd\u003e \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e 65x38,5x28,5 cm, 60L \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eAlimentació\u003c\/td\u003e \u003ctd\u003e 4 piles AA (no incloses) \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Alimentació: 4 piles AA (no incloses)\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/cX3C1\" \u003cspan class=\"tooltiptext\"\u003eAlimentació: 4 piles AA (no incloses)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"La tapa es pot obrir amb un botó i un sensor\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/hJ19\" \u003cspan class=\"tooltiptext\"\u003eLa tapa es pot obrir amb un botó i un sensor\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unifica tooltips de COLOR amb les d'icones: - Si el Python ja genera estructura amb .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616914768215,"sku":"BH\/9796","price":284.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9796-2.jpg?v=1764237086"},{"product_id":"sensor-bin-60l_bh-9799","title":"Contenidor Amb Sensor De 60L","description":"\u003cstyle\u003e .bh-scope .bh-head{ position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; } .bh-scope .bh-head .label{ color:#222; font-weight:600; } .bh-scope .bh-head .set{ opacity:.5; } \/* === Estils encapsulats NOMÉS per a aquest bloc === *\/ .bh-scope{line-height:1.6;color:#333} .bh-scope h2{ color:#800000;margin:40px 0 15px;border-bottom:2px solid font-weight:600;font-size:1.5em } .bh-scope h3{ color:#800000;font-style:italic;font-size:1.2em;font-weight:600;margin:20px 0 } .bh-scope .specs{ width:100%;border-collapse:collapse;margin-bottom:20px;font-size:1em;border:1px solid #ddd } .bh-scope .specs td{ border:1px solid #ddd;vertical-align:top;padding:12 .bh-scope .specs td:first-child{font-weight:600;width:30%;background:#f8f8f8} .bh-scope .bullets{list-style:none;padding:0;margin:0 0 30px} .bh-sco 0;border-bottom:1px dotted #eee;display:flex;align-items:center;font-size:1.05em } .bh-scope .bullets li:last-child{border-bottom:none} .bh-scope .bullets .dot{display:inline-block;width:1em;margin-left:-1em;color:#C28E7D;font-weight:bold} .bh-scope .icon-row{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;5 .bh-scope .icon-row img{display:block;border:0;outline:0;width:45px;height:45px} \/* Swatch circular bàsic (el JS el convertirà en tooltip bombolla) *\/ .bh-scope .color-swatch{ display:inline-block;width:25px;height:25px;vorder-radius:50%; border:1px solid rgba(0,0,0,.25); \/* abans #ccc *\/ vertical-align:middle;margin-right:8px;margin-bottom:6px; \/* + marge inferior per a salts de línia bonics *\/ } \/* Tooltip bombolla reutilitzable (per a icones i colors) *\/ .bh-scope .tooltip{position:relative;display:inline-flex;flex-direction:column;align-items:center} .bh-scope .tooltiptext visibilitat:hidden;max-width:260px;background:#444;color:#fff;text-align:center;border-radius:5px; padding:8px 12px;position:absolute;z-index:9999;bottom:110%;left:50%;transform:translateX(-50%); opacity:0;transition:opacity .2s ease,bottom .2s ease;white-space:normal;overflow-wrap:break-word; font-size:.9em;box-shadow:0 2px 8px rgba(0,0,0,.2);pointer-events:none } .bh-scope .tooltip:hover .tooltiptext, .bh-scope .tooltip:focus .tooltiptext{visibility: .bh-scope .tooltiptext::after{ content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid; border-color:#444 transparent transparent transparent } \u003c\/style\u003e \u003cdiv class=\"bh-scope\"\u003e \u003cdiv class=\"bh-head\"\u003e \u003cspan class=\"label\"\u003eRef:\u003c\/span\u003e \u003cspan\u003eBH\/9799\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBerlinger Haus\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan\u003ePromintra\u003c\/span\u003e \u003c\/div\u003e \u003ch2\u003eCaracterístiques principals\u003c\/h2\u003e \u003ctable class=\"specs\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd\u003eMaterial\u003c\/td\u003e \u003ctd\u003e \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e 65x38,5x28,5 cm, 60L \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eAlimentació\u003c\/td\u003e \u003ctd\u003e 4 piles AA (no incloses) \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Alimentació: 4 piles AA (no incloses)\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/cX3C1\" \u003cspan class=\"tooltiptext\"\u003eAlimentació: 4 piles AA (no incloses)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"La tapa es pot obrir amb un botó i un sensor\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/hJ19\" \u003cspan class=\"tooltiptext\"\u003eLa tapa es pot obrir amb un botó i un sensor\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unifica tooltips de COLOR amb les d'icones: - Si el Python ja genera estructura amb .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616915292503,"sku":"BH\/9799","price":284.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9799-3.jpg?v=1764237090"},{"product_id":"sensor-bin-60l_bh-9793","title":"Contenidor Amb Sensor De 60L","description":"\u003cstyle\u003e .bh-scope .bh-head{ position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; } .bh-scope .bh-head .label{ color:#222; font-weight:600; } .bh-scope .bh-head .set{ opacity:.5; } \/* === Estils encapsulats NOMÉS per a aquest bloc === *\/ .bh-scope{line-height:1.6;color:#333} .bh-scope h2{ color:#800000;margin:40px 0 15px;border-bottom:2px solid font-weight:600;font-size:1.5em } .bh-scope h3{ color:#800000;font-style:italic;font-size:1.2em;font-weight:600;margin:20px 0 } .bh-scope .specs{ width:100%;border-collapse:collapse;margin-bottom:20px;font-size:1em;border:1px solid #ddd } .bh-scope .specs td{ border:1px solid #ddd;vertical-align:top;padding:12 .bh-scope .specs td:first-child{font-weight:600;width:30%;background:#f8f8f8} .bh-scope .bullets{list-style:none;padding:0;margin:0 0 30px} .bh-sco 0;border-bottom:1px dotted #eee;display:flex;align-items:center;font-size:1.05em } .bh-scope .bullets li:last-child{border-bottom:none} .bh-scope .bullets .dot{display:inline-block;width:1em;margin-left:-1em;color:#C28E7D;font-weight:bold} .bh-scope .icon-row{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;5 .bh-scope .icon-row img{display:block;border:0;outline:0;width:45px;height:45px} \/* Swatch circular bàsic (el JS el convertirà en tooltip bombolla) *\/ .bh-scope .color-swatch{ display:inline-block;width:25px;height:25px;vorder-radius:50%; border:1px solid rgba(0,0,0,.25); \/* abans #ccc *\/ vertical-align:middle;margin-right:8px;margin-bottom:6px; \/* + marge inferior per a salts de línia bonics *\/ } \/* Tooltip bombolla reutilitzable (per a icones i colors) *\/ .bh-scope .tooltip{position:relative;display:inline-flex;flex-direction:column;align-items:center} .bh-scope .tooltiptext visibilitat:hidden;max-width:260px;background:#444;color:#fff;text-align:center;border-radius:5px; padding:8px 12px;position:absolute;z-index:9999;bottom:110%;left:50%;transform:translateX(-50%); opacity:0;transition:opacity .2s ease,bottom .2s ease;white-space:normal;overflow-wrap:break-word; font-size:.9em;box-shadow:0 2px 8px rgba(0,0,0,.2);pointer-events:none } .bh-scope .tooltip:hover .tooltiptext, .bh-scope .tooltip:focus .tooltiptext{visibility: .bh-scope .tooltiptext::after{ content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid; border-color:#444 transparent transparent transparent } \u003c\/style\u003e \u003cdiv class=\"bh-scope\"\u003e \u003cdiv class=\"bh-head\"\u003e \u003cspan class=\"label\"\u003eRef:\u003c\/span\u003e \u003cspan\u003eBH\/9793\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBerlinger Haus\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan\u003ePromintra\u003c\/span\u003e \u003c\/div\u003e \u003ch2\u003eCaracterístiques principals\u003c\/h2\u003e \u003ctable class=\"specs\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd\u003eMaterial\u003c\/td\u003e \u003ctd\u003e \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e 65x38,5x28,5 cm, 60L \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eAlimentació\u003c\/td\u003e \u003ctd\u003e 4 piles AA (no incloses) \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Alimentació: 4 piles AA (no incloses)\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/cX3C1JRH\/bateries\" class=\"tooltiptext\"\u003eAlimentació: 4 piles AA (no incloses)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"La tapa es pot obrir amb un botó i un sensor\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/hJ19JZb\u003e class=\"tooltiptext\"\u003eLa tapa es pot obrir amb un botó i un sensor\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unifica tooltips de COLOR amb les d'icones: - Si el Python ja genera estructura amb .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616914309463,"sku":"BH\/9793","price":284.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9793-1.jpg?v=1764237082"},{"product_id":"sensor-bin-60l_bh-9794","title":"Contenidor Amb Sensor De 60L","description":"\u003cstyle\u003e .bh-scope .bh-head{ position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; } .bh-scope .bh-head .label{ color:#222; font-weight:600; } .bh-scope .bh-head .set{ opacity:.5; } \/* === Estils encapsulats NOMÉS per a aquest bloc === *\/ .bh-scope{line-height:1.6;color:#333} .bh-scope h2{ color:#800000;margin:40px 0 15px;border-bottom:2px solid font-weight:600;font-size:1.5em } .bh-scope h3{ color:#800000;font-style:italic;font-size:1.2em;font-weight:600;margin:20px 0 } .bh-scope .specs{ width:100%;border-collapse:collapse;margin-bottom:20px;font-size:1em;border:1px solid #ddd } .bh-scope .specs td{ border:1px solid #ddd;vertical-align:top;padding:12 .bh-scope .specs td:first-child{font-weight:600;width:30%;background:#f8f8f8} .bh-scope .bullets{list-style:none;padding:0;margin:0 0 30px} .bh-sco 0;border-bottom:1px dotted #eee;display:flex;align-items:center;font-size:1.05em } .bh-scope .bullets li:last-child{border-bottom:none} .bh-scope .bullets .dot{display:inline-block;width:1em;margin-left:-1em;color:#C28E7D;font-weight:bold} .bh-scope .icon-row{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;5 .bh-scope .icon-row img{display:block;border:0;outline:0;width:45px;height:45px} \/* Swatch circular bàsic (el JS el convertirà en tooltip bombolla) *\/ .bh-scope .color-swatch{ display:inline-block;width:25px;height:25px;vorder-radius:50%; border:1px solid rgba(0,0,0,.25); \/* abans #ccc *\/ vertical-align:middle;margin-right:8px;margin-bottom:6px; \/* + marge inferior per a salts de línia bonics *\/ } \/* Tooltip bombolla reutilitzable (per a icones i colors) *\/ .bh-scope .tooltip{position:relative;display:inline-flex;flex-direction:column;align-items:center} .bh-scope .tooltiptext visibilitat:hidden;max-width:260px;background:#444;color:#fff;text-align:center;border-radius:5px; padding:8px 12px;position:absolute;z-index:9999;bottom:110%;left:50%;transform:translateX(-50%); opacity:0;transition:opacity .2s ease,bottom .2s ease;white-space:normal;overflow-wrap:break-word; font-size:.9em;box-shadow:0 2px 8px rgba(0,0,0,.2);pointer-events:none } .bh-scope .tooltip:hover .tooltiptext, .bh-scope .tooltip:focus .tooltiptext{visibility: .bh-scope .tooltiptext::after{ content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid; border-color:#444 transparent transparent transparent } \u003c\/style\u003e \u003cdiv class=\"bh-scope\"\u003e \u003cdiv class=\"bh-head\"\u003e \u003cspan class=\"label\"\u003eRef:\u003c\/span\u003e \u003cspan\u003eBH\/9794\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBerlinger Haus\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan\u003ePromintra\u003c\/span\u003e \u003c\/div\u003e \u003ch2\u003eCaracterístiques principals\u003c\/h2\u003e \u003ctable class=\"specs\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd\u003eMaterial\u003c\/td\u003e \u003ctd\u003e \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e 65x38,5x28,5 cm, 60L \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eAlimentació\u003c\/td\u003e \u003ctd\u003e 4 piles AA (no incloses) \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Alimentació: 4 piles AA (no incloses)\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/cX3C1\" \u003cspan class=\"tooltiptext\"\u003eAlimentació: 4 piles AA (no incloses)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"La tapa es pot obrir amb un botó i un sensor\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/hJ19\" \u003cspan class=\"tooltiptext\"\u003eLa tapa es pot obrir amb un botó i un sensor\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unifica tooltips de COLOR amb les d'icones: - Si el Python ja genera estructura amb .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616914342231,"sku":"BH\/9794","price":284.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9794-3.jpg?v=1764237083"},{"product_id":"sensor-bin-60l_bh-9795","title":"Contenidor Amb Sensor De 60L","description":"\u003cstyle\u003e .bh-scope .bh-head{ position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; } .bh-scope .bh-head .label{ color:#222; font-weight:600; } .bh-scope .bh-head .set{ opacity:.5; } \/* === Estils encapsulats NOMÉS per a aquest bloc === *\/ .bh-scope{line-height:1.6;color:#333} .bh-scope h2{ color:#800000;margin:40px 0 15px;border-bottom:2px solid font-weight:600;font-size:1.5em } .bh-scope h3{ color:#800000;font-style:italic;font-size:1.2em;font-weight:600;margin:20px 0 } .bh-scope .specs{ width:100%;border-collapse:collapse;margin-bottom:20px;font-size:1em;border:1px solid #ddd } .bh-scope .specs td{ border:1px solid #ddd;vertical-align:top;padding:12 .bh-scope .specs td:first-child{font-weight:600;width:30%;background:#f8f8f8} .bh-scope .bullets{list-style:none;padding:0;margin:0 0 30px} .bh-sco 0;border-bottom:1px dotted #eee;display:flex;align-items:center;font-size:1.05em } .bh-scope .bullets li:last-child{border-bottom:none} .bh-scope .bullets .dot{display:inline-block;width:1em;margin-left:-1em;color:#C28E7D;font-weight:bold} .bh-scope .icon-row{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;5 .bh-scope .icon-row img{display:block;border:0;outline:0;width:45px;height:45px} \/* Swatch circular bàsic (el JS el convertirà en tooltip bombolla) *\/ .bh-scope .color-swatch{ display:inline-block;width:25px;height:25px;vorder-radius:50%; border:1px solid rgba(0,0,0,.25); \/* abans #ccc *\/ vertical-align:middle;margin-right:8px;margin-bottom:6px; \/* + marge inferior per a salts de línia bonics *\/ } \/* Tooltip bombolla reutilitzable (per a icones i colors) *\/ .bh-scope .tooltip{position:relative;display:inline-flex;flex-direction:column;align-items:center} .bh-scope .tooltiptext visibilitat:hidden;max-width:260px;background:#444;color:#fff;text-align:center;border-radius:5px; padding:8px 12px;position:absolute;z-index:9999;bottom:110%;left:50%;transform:translateX(-50%); opacity:0;transition:opacity .2s ease,bottom .2s ease;white-space:normal;overflow-wrap:break-word; font-size:.9em;box-shadow:0 2px 8px rgba(0,0,0,.2);pointer-events:none } .bh-scope .tooltip:hover .tooltiptext, .bh-scope .tooltip:focus .tooltiptext{visibility: .bh-scope .tooltiptext::after{ content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid; border-color:#444 transparent transparent transparent } \u003c\/style\u003e \u003cdiv class=\"bh-scope\"\u003e \u003cdiv class=\"bh-head\"\u003e \u003cspan class=\"label\"\u003eRef:\u003c\/span\u003e \u003cspan\u003eBH\/9795\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBerlinger Haus\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan\u003ePromintra\u003c\/span\u003e \u003c\/div\u003e \u003ch2\u003eCaracterístiques principals\u003c\/h2\u003e \u003ctable class=\"specs\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd\u003eMaterial\u003c\/td\u003e \u003ctd\u003e \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e 65x38,5x28,5 cm, 60L \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eAlimentació\u003c\/td\u003e \u003ctd\u003e 4 piles AA (no incloses) \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Alimentació: 4 piles AA (no incloses)\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/cX3C1JRH\/bateries\" class=\"tooltiptext\"\u003eAlimentació: 4 piles AA (no incloses)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"La tapa es pot obrir amb un botó i un sensor\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/hJ19JZb\u003e class=\"tooltiptext\"\u003eLa tapa es pot obrir amb un botó i un sensor\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unifica tooltips de COLOR amb les d'icones: - Si el Python ja genera estructura amb .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616914407767,"sku":"BH\/9795","price":284.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9795-3.jpg?v=1764237085"},{"product_id":"hanging-bin-7l_bh-8609","title":"Galleda De Fem Penjoll De 7L","description":"\u003cstyle\u003e .bh-scope .bh-head{ position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; } .bh-scope .bh-head .label{ color:#222; font-weight:600; } .bh-scope .bh-head .set{ opacity:.5; } \/* === Estils encapsulats NOMÉS per a aquest bloc === *\/ .bh-scope{line-height:1.6;color:#333} .bh-scope h2{ color:#800000;margin:40px 0 15px;border-bottom:2px solid font-weight:600;font-size:1.5em } .bh-scope h3{ color:#800000;font-style:italic;font-size:1.2em;font-weight:600;margin:20px 0 } .bh-scope .specs{ width:100%;border-collapse:collapse;margin-bottom:20px;font-size:1em;border:1px solid #ddd } .bh-scope .specs td{ border:1px solid #ddd;vertical-align:top;padding:12 .bh-scope .specs td:first-child{font-weight:600;width:30%;background:#f8f8f8} .bh-scope .bullets{list-style:none;padding:0;margin:0 0 30px} .bh-sco 0;border-bottom:1px dotted #eee;display:flex;align-items:center;font-size:1.05em } .bh-scope .bullets li:last-child{border-bottom:none} .bh-scope .bullets .dot{display:inline-block;width:1em;margin-left:-1em;color:#C28E7D;font-weight:bold} .bh-scope .icon-row{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;5 .bh-scope .icon-row img{display:block;border:0;outline:0;width:45px;height:45px} \/* Swatch circular bàsic (el JS el convertirà en tooltip bombolla) *\/ .bh-scope .color-swatch{ display:inline-block;width:25px;height:25px;vorder-radius:50%; border:1px solid rgba(0,0,0,.25); \/* abans #ccc *\/ vertical-align:middle;margin-right:8px;margin-bottom:6px; \/* + marge inferior per a salts de línia bonics *\/ } \/* Tooltip bombolla reutilitzable (per a icones i colors) *\/ .bh-scope .tooltip{position:relative;display:inline-flex;flex-direction:column;align-items:center} .bh-scope .tooltiptext visibilitat:hidden;max-width:260px;background:#444;color:#fff;text-align:center;border-radius:5px; padding:8px 12px;position:absolute;z-index:9999;bottom:110%;left:50%;transform:translateX(-50%); opacity:0;transition:opacity .2s ease,bottom .2s ease;white-space:normal;overflow-wrap:break-word; font-size:.9em;box-shadow:0 2px 8px rgba(0,0,0,.2);pointer-events:none } .bh-scope .tooltip:hover .tooltiptext, .bh-scope .tooltip:focus .tooltiptext{visibility: .bh-scope .tooltiptext::after{ content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid; border-color:#444 transparent transparent transparent } \u003c\/style\u003e \u003cdiv class=\"bh-scope\"\u003e \u003cdiv class=\"bh-head\"\u003e \u003cspan class=\"label\"\u003eRef:\u003c\/span\u003e \u003cspan\u003eBH\/8609\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBerlinger Haus\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan\u003ePromintra\u003c\/span\u003e \u003c\/div\u003e \u003ch2\u003eCaracterístiques Principals\u003c\/h2\u003e \u003ctable class=\"specs\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd\u003ematerial\u003c\/td\u003e \u003ctd\u003e \u003ctd\u003e \u003ctd\u003e \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e 24x15,6x26,6 cm 7L \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e negre-or rosa \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e de la icona Unifica tool estructura amb .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51617454326103,"sku":"BH\/8609","price":35.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8609-2.jpg?v=1764059182"},{"product_id":"hanging-bin-7l_bh-8887","title":"Galleda De Fem Penjoll De 7L","description":"\u003cstyle\u003e .bh-scope .bh-head{ position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; } .bh-scope .bh-head .label{ color:#222; font-weight:600; } .bh-scope .bh-head .set{ opacity:.5; } \/* === Estils encapsulats NOMÉS per a aquest bloc === *\/ .bh-scope{line-height:1.6;color:#333} .bh-scope h2{ color:#800000;margin:40px 0 15px;border-bottom:2px solid font-weight:600;font-size:1.5em } .bh-scope h3{ color:#800000;font-style:italic;font-size:1.2em;font-weight:600;margin:20px 0 } .bh-scope .specs{ width:100%;border-collapse:collapse;margin-bottom:20px;font-size:1em;border:1px solid #ddd } .bh-scope .specs td{ border:1px solid #ddd;vertical-align:top;padding:12 .bh-scope .specs td:first-child{font-weight:600;width:30%;background:#f8f8f8} .bh-scope .bullets{list-style:none;padding:0;margin:0 0 30px} .bh-sco 0;border-bottom:1px dotted #eee;display:flex;align-items:center;font-size:1.05em } .bh-scope .bullets li:last-child{border-bottom:none} .bh-scope .bullets .dot{display:inline-block;width:1em;margin-left:-1em;color:#C28E7D;font-weight:bold} .bh-scope .icon-row{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;5 .bh-scope .icon-row img{display:block;border:0;outline:0;width:45px;height:45px} \/* Swatch circular bàsic (el JS el convertirà en tooltip bombolla) *\/ .bh-scope .color-swatch{ display:inline-block;width:25px;height:25px;vorder-radius:50%; border:1px solid rgba(0,0,0,.25); \/* abans #ccc *\/ vertical-align:middle;margin-right:8px;margin-bottom:6px; \/* + marge inferior per a salts de línia bonics *\/ } \/* Tooltip bombolla reutilitzable (per a icones i colors) *\/ .bh-scope .tooltip{position:relative;display:inline-flex;flex-direction:column;align-items:center} .bh-scope .tooltiptext visibilitat:hidden;max-width:260px;background:#444;color:#fff;text-align:center;border-radius:5px; padding:8px 12px;position:absolute;z-index:9999;bottom:110%;left:50%;transform:translateX(-50%); opacity:0;transition:opacity .2s ease,bottom .2s ease;white-space:normal;overflow-wrap:break-word; font-size:.9em;box-shadow:0 2px 8px rgba(0,0,0,.2);pointer-events:none } .bh-scope .tooltip:hover .tooltiptext, .bh-scope .tooltip:focus .tooltiptext{visibility: .bh-scope .tooltiptext::after{ content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid; border-color:#444 transparent transparent transparent } \u003c\/style\u003e \u003cdiv class=\"bh-scope\"\u003e \u003cdiv class=\"bh-head\"\u003e \u003cspan class=\"label\"\u003eRef:\u003c\/span\u003e \u003cspan\u003eBH\/8887\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBerlinger Haus\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan\u003ePromintra\u003c\/span\u003e \u003c\/div\u003e \u003ch2\u003eCaracterístiques Principals\u003c\/h2\u003e \u003ctable class=\"specs\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd\u003ematerial\u003c\/td\u003e \u003ctd\u003e \u003ctd\u003e \u003ctd\u003e \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e 24x15,6x26,6 cm, 7L \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e crema \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unifica tooltips de COL: .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51617454457175,"sku":"BH\/8887","price":35.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8887-1.jpg?v=1764059184"},{"product_id":"hanging-bin-7l_bh-8888","title":"Galleda De Fem Penjoll De 7L","description":"\u003cstyle\u003e .bh-scope .bh-head{ position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; } .bh-scope .bh-head .label{ color:#222; font-weight:600; } .bh-scope .bh-head .set{ opacity:.5; } \/* === Estils encapsulats NOMÉS per a aquest bloc === *\/ .bh-scope{line-height:1.6;color:#333} .bh-scope h2{ color:#800000;margin:40px 0 15px;border-bottom:2px solid font-weight:600;font-size:1.5em } .bh-scope h3{ color:#800000;font-style:italic;font-size:1.2em;font-weight:600;margin:20px 0 } .bh-scope .specs{ width:100%;border-collapse:collapse;margin-bottom:20px;font-size:1em;border:1px solid #ddd } .bh-scope .specs td{ border:1px solid #ddd;vertical-align:top;padding:12 .bh-scope .specs td:first-child{font-weight:600;width:30%;background:#f8f8f8} .bh-scope .bullets{list-style:none;padding:0;margin:0 0 30px} .bh-sco 0;border-bottom:1px dotted #eee;display:flex;align-items:center;font-size:1.05em } .bh-scope .bullets li:last-child{border-bottom:none} .bh-scope .bullets .dot{display:inline-block;width:1em;margin-left:-1em;color:#C28E7D;font-weight:bold} .bh-scope .icon-row{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;5 .bh-scope .icon-row img{display:block;border:0;outline:0;width:45px;height:45px} \/* Swatch circular bàsic (el JS el convertirà en tooltip bombolla) *\/ .bh-scope .color-swatch{ display:inline-block;width:25px;height:25px;vorder-radius:50%; border:1px solid rgba(0,0,0,.25); \/* abans #ccc *\/ vertical-align:middle;margin-right:8px;margin-bottom:6px; \/* + marge inferior per a salts de línia bonics *\/ } \/* Tooltip bombolla reutilitzable (per a icones i colors) *\/ .bh-scope .tooltip{position:relative;display:inline-flex;flex-direction:column;align-items:center} .bh-scope .tooltiptext visibilitat:hidden;max-width:260px;background:#444;color:#fff;text-align:center;border-radius:5px; padding:8px 12px;position:absolute;z-index:9999;bottom:110%;left:50%;transform:translateX(-50%); opacity:0;transition:opacity .2s ease,bottom .2s ease;white-space:normal;overflow-wrap:break-word; font-size:.9em;box-shadow:0 2px 8px rgba(0,0,0,.2);pointer-events:none } .bh-scope .tooltip:hover .tooltiptext, .bh-scope .tooltip:focus .tooltiptext{visibility: .bh-scope .tooltiptext::after{ content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid; border-color:#444 transparent transparent transparent } \u003c\/style\u003e \u003cdiv class=\"bh-scope\"\u003e \u003cdiv class=\"bh-head\"\u003e \u003cspan class=\"label\"\u003eRef:\u003c\/span\u003e \u003cspan\u003eBH\/8888\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBerlinger Haus\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan\u003ePromintra\u003c\/span\u003e \u003c\/div\u003e \u003ch2\u003eCaracterístiques Principals\u003c\/h2\u003e \u003ctable class=\"specs\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd\u003ematerial\u003c\/td\u003e \u003ctd\u003e \u003ctd\u003e \u003ctd\u003e \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e 24x15,6x26,6 cm, 7L \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e gris talp \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003c icon\u003e Unifica tool estructura amb .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51617454948695,"sku":"BH\/8888","price":35.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8888-1.jpg?v=1764059185"},{"product_id":"hanging-bin-7l_bh-8889","title":"Galleda De Fem Penjoll De 7L","description":"\u003cstyle\u003e .bh-scope .bh-head{ position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; } .bh-scope .bh-head .label{ color:#222; font-weight:600; } .bh-scope .bh-head .set{ opacity:.5; } \/* === Estils encapsulats NOMÉS per a aquest bloc === *\/ .bh-scope{line-height:1.6;color:#333} .bh-scope h2{ color:#800000;margin:40px 0 15px;border-bottom:2px solid font-weight:600;font-size:1.5em } .bh-scope h3{ color:#800000;font-style:italic;font-size:1.2em;font-weight:600;margin:20px 0 } .bh-scope .specs{ width:100%;border-collapse:collapse;margin-bottom:20px;font-size:1em;border:1px solid #ddd } .bh-scope .specs td{ border:1px solid #ddd;vertical-align:top;padding:12 .bh-scope .specs td:first-child{font-weight:600;width:30%;background:#f8f8f8} .bh-scope .bullets{list-style:none;padding:0;margin:0 0 30px} .bh-sco 0;border-bottom:1px dotted #eee;display:flex;align-items:center;font-size:1.05em } .bh-scope .bullets li:last-child{border-bottom:none} .bh-scope .bullets .dot{display:inline-block;width:1em;margin-left:-1em;color:#C28E7D;font-weight:bold} .bh-scope .icon-row{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;5 .bh-scope .icon-row img{display:block;border:0;outline:0;width:45px;height:45px} \/* Swatch circular bàsic (el JS el convertirà en tooltip bombolla) *\/ .bh-scope .color-swatch{ display:inline-block;width:25px;height:25px;vorder-radius:50%; border:1px solid rgba(0,0,0,.25); \/* abans #ccc *\/ vertical-align:middle;margin-right:8px;margin-bottom:6px; \/* + marge inferior per a salts de línia bonics *\/ } \/* Tooltip bombolla reutilitzable (per a icones i colors) *\/ .bh-scope .tooltip{position:relative;display:inline-flex;flex-direction:column;align-items:center} .bh-scope .tooltiptext visibilitat:hidden;max-width:260px;background:#444;color:#fff;text-align:center;border-radius:5px; padding:8px 12px;position:absolute;z-index:9999;bottom:110%;left:50%;transform:translateX(-50%); opacity:0;transition:opacity .2s ease,bottom .2s ease;white-space:normal;overflow-wrap:break-word; font-size:.9em;box-shadow:0 2px 8px rgba(0,0,0,.2);pointer-events:none } .bh-scope .tooltip:hover .tooltiptext, .bh-scope .tooltip:focus .tooltiptext{visibility: .bh-scope .tooltiptext::after{ content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid; border-color:#444 transparent transparent transparent } \u003c\/style\u003e \u003cdiv class=\"bh-scope\"\u003e \u003cdiv class=\"bh-head\"\u003e \u003cspan class=\"label\"\u003eRef:\u003c\/span\u003e \u003cspan\u003eBH\/8889\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBerlinger Haus\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan\u003ePromintra\u003c\/span\u003e \u003c\/div\u003e \u003ch2\u003eCaracterístiques Principals\u003c\/h2\u003e \u003ctable class=\"specs\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd\u003ematerial\u003c\/td\u003e \u003ctd\u003e \u003ctd\u003e \u003ctd\u003e \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e 24x15,6x26,6 cm, 7L \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e verd \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unifica tooltips de COL: .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51617456161111,"sku":"BH\/8889","price":35.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8889-5_81af035c-cc7b-4f5e-a126-23779f58ce08.jpg?v=1764059187"},{"product_id":"hanging-bin-7l_bh-8890","title":"Galleda De Fem Penjoll De 7L","description":"\u003cstyle\u003e .bh-scope .bh-head{ position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; } .bh-scope .bh-head .label{ color:#222; font-weight:600; } .bh-scope .bh-head .set{ opacity:.5; } \/* === Estils encapsulats NOMÉS per a aquest bloc === *\/ .bh-scope{line-height:1.6;color:#333} .bh-scope h2{ color:#800000;margin:40px 0 15px;border-bottom:2px solid font-weight:600;font-size:1.5em } .bh-scope h3{ color:#800000;font-style:italic;font-size:1.2em;font-weight:600;margin:20px 0 } .bh-scope .specs{ width:100%;border-collapse:collapse;margin-bottom:20px;font-size:1em;border:1px solid #ddd } .bh-scope .specs td{ border:1px solid #ddd;vertical-align:top;padding:12 .bh-scope .specs td:first-child{font-weight:600;width:30%;background:#f8f8f8} .bh-scope .bullets{list-style:none;padding:0;margin:0 0 30px} .bh-sco 0;border-bottom:1px dotted #eee;display:flex;align-items:center;font-size:1.05em } .bh-scope .bullets li:last-child{border-bottom:none} .bh-scope .bullets .dot{display:inline-block;width:1em;margin-left:-1em;color:#C28E7D;font-weight:bold} .bh-scope .icon-row{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;5 .bh-scope .icon-row img{display:block;border:0;outline:0;width:45px;height:45px} \/* Swatch circular bàsic (el JS el convertirà en tooltip bombolla) *\/ .bh-scope .color-swatch{ display:inline-block;width:25px;height:25px;vorder-radius:50%; border:1px solid rgba(0,0,0,.25); \/* abans #ccc *\/ vertical-align:middle;margin-right:8px;margin-bottom:6px; \/* + marge inferior per a salts de línia bonics *\/ } \/* Tooltip bombolla reutilitzable (per a icones i colors) *\/ .bh-scope .tooltip{position:relative;display:inline-flex;flex-direction:column;align-items:center} .bh-scope .tooltiptext visibilitat:hidden;max-width:260px;background:#444;color:#fff;text-align:center;border-radius:5px; padding:8px 12px;position:absolute;z-index:9999;bottom:110%;left:50%;transform:translateX(-50%); opacity:0;transition:opacity .2s ease,bottom .2s ease;white-space:normal;overflow-wrap:break-word; font-size:.9em;box-shadow:0 2px 8px rgba(0,0,0,.2);pointer-events:none } .bh-scope .tooltip:hover .tooltiptext, .bh-scope .tooltip:focus .tooltiptext{visibility: .bh-scope .tooltiptext::after{ content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid; border-color:#444 transparent transparent transparent } \u003c\/style\u003e \u003cdiv class=\"bh-scope\"\u003e \u003cdiv class=\"bh-head\"\u003e \u003cspan class=\"label\"\u003eRef:\u003c\/span\u003e \u003cspan\u003eBH\/8890\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBerlinger Haus\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan\u003ePromintra\u003c\/span\u003e \u003c\/div\u003e \u003ch2\u003eCaracterístiques Principals\u003c\/h2\u003e \u003ctable class=\"specs\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd\u003ematerial\u003c\/td\u003e \u003ctd\u003e \u003ctd\u003e \u003ctd\u003e \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e 24x15,6x26,6 cm, 7L \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e bordeus \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003c icon\u003e Unifica tools amb .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51617458127191,"sku":"BH\/8890","price":35.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8890-1.jpg?v=1764059188"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/collections\/1eK.jpg?v=1715589566","url":"https:\/\/berlinger-haus.es\/ca\/collections\/kitchen.oembed","provider":"Berlinger Haus, tienda oficial en España","version":"1.0","type":"link"}