{"title":"Cuina Essencial","description":"\u003cp\u003e*\u003c\/p\u003e","products":[{"product_id":"toaster_bh-9569","title":"Torradora","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\/9569\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\u003eLongitud del cable d'alimentació\u003c\/td\u003e \u003ctd\u003e 65-70 cm \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 \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdivclass= tabindex=\"0\" aria-label=\"Disseny de potes antilliscants\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/5gy0RhHh\/antislip.png\" alt=\"Antideslitzants\"\u003e \u003cspan class=\"tooltiptext\"\u003eDisseny de potes antilliscants\u003c\/span\u003e \u003c\/div\u003e 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":51616987939159,"sku":"BH\/9569","price":114.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9569-2.jpg?v=1764237288"},{"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":557.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":352.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":352.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":"toaster_bh-9520","title":"Torradora","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\/9520\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 Metal, td\u003e \u003ctd\u003eVoltatge\u003c\/td\u003e \u003ctd\u003e 220-240 V, 50\/60 Hz \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003ePotència\u003c\/td\u003e \u003ctd\u003e 850 W \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eLongitud del cable d'alimentació\u003c\/td\u003e \u003ctd \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e bordeus mat \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Disseny de potes antilliscants\" src=\"https:\/\/i.ibb.co\/5gy0RhHh\/antislip.png\" alt=\"Antideslitzants\"\u003e \u003cspan class=\"tooltiptext\"\u003eDisseny de potes antilliscants\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unifica tooltips de COLOR amb els de icones: .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":51616987873623,"sku":"BH\/9520","price":172.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9520-4.jpg?v=1764237287"},{"product_id":"toaster_bh-9518","title":"Torradora","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\/9518\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 Metal, td\u003e \u003ctd\u003eVoltatge\u003c\/td\u003e \u003ctd\u003e 220-240 V, 50\/60 Hz \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003ePotència\u003c\/td\u003e \u003ctd\u003e 850 W \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eLongitud del cable d'alimentació\u003c\/td\u003e \u003ctd \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e gris talp mat \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Disseny de potes antilliscants src=\"https:\/\/i.ibb.co\/5gy0RhHh\/antislip.png\" alt=\"Antideslitzants\"\u003e \u003cspan class=\"tooltiptext\"\u003eDisseny de potes antilliscants\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unifica tooltips de COLOR amb els de icones: .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":51616987480407,"sku":"BH\/9518","price":172.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9518-4_99669c55-a9e7-45fd-ab4b-7c8339b54803.jpg?v=1764237283"},{"product_id":"toaster_bh-9517","title":"Torradora","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\/9517\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 Metal, td\u003e \u003ctd\u003eVoltatge\u003c\/td\u003e \u003ctd\u003e 220-240 V, 50\/60 Hz \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003ePotència\u003c\/td\u003e \u003ctd\u003e 850 W \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eLongitud del cable d'alimentació\u003c\/td\u003e \u003ctd \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e negre mat - or rosa \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Disseny de potes antides src=\"https:\/\/i.ibb.co\/5gy0RhHh\/antislip.png\" alt=\"Antideslitzants\"\u003e \u003cspan class=\"tooltiptext\"\u003eDisseny de potes antilliscants\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unifica tooltips de COLOR amb els de icones: .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":51616987382103,"sku":"BH\/9517","price":172.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9517-3_10f48e23-1b11-44c8-96e7-5111b21f2325.jpg?v=1764237281"},{"product_id":"toaster_bh-9395","title":"Torradora","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\/9395\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 29 x 18 x 18,5 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eLongitud del cable d'alimentació\u003c\/td\u003e \u003ctd\u003e 75 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e negre metalitzat td \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Disseny de potes antilliscants\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/5gy0RhHh\/antislip.png\" alt=\"Antliz potes antilliscants\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":51617541554519,"sku":"BH\/9395","price":147.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9395-1.jpg?v=1764237276"},{"product_id":"toaster_bh-9392","title":"Torradora","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\/9392\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 29 x 18 x 18,5 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eLongitud del cable d'alimentació\u003c\/td\u003e \u003ctd\u003e 75 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e morat metal·litzat \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Disseny de potes antilliscants\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/5gy0RhHh\/antislip.png\" alt=\"Antliz potes antilliscants\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":51616986038615,"sku":"BH\/9392","price":147.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9392-1.jpg?v=1764237274"},{"product_id":"toaster_bh-9229","title":"Torradora","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\/9229\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 26,1 x 14,5 x 17,2 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eLongitud del cable d'alimentació\u003c\/td\u003e \u003ctd\u003e 75 cm \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=\"Disseny de potes antilliscants\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/5gy0RhHh\/antislip\" class=\"tooltiptext\"\u003eDisseny de potes antilliscants\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":51616985645399,"sku":"BH\/9229","price":147.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9229-1_b7ce0fb9-33a2-4ff1-a331-4fc11003e9b4.jpg?v=1764059557"},{"product_id":"toaster_bh-9685","title":"Torradora","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\/9685\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\u003eLongitud del cable d'alimentació\u003c\/td\u003e \u003ctd\u003e 80 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e negre - or rosa \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eRanura excepcionalment llarga\u003c\/td\u003e \u003ctd\u003e 25 cm \u003c\/td\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Disseny de potes antilliscants\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/5gy0RhHh\/antislip.png\" alt=\"Antliz potes antilliscants\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":51616988758359,"sku":"BH\/9685","price":114.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9685-4.jpg?v=1764237292"},{"product_id":"toaster_bh-9642","title":"Torradora","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\/9642\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 Metal, td\u003e \u003ctd\u003eVoltatge\u003c\/td\u003e \u003ctd\u003e 220-240 V, 50\/60 Hz \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003ePotència\u003c\/td\u003e \u003ctd\u003e 850 W \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eLongitud del cable d'alimentació\u003c\/td\u003e \u003ctd \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e negre mat \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Disseny de potes antilliscants\"\u003e \u003cim src=\"https:\/\/i.ibb.co\/5gy0RhHh\/antislip.png\" alt=\"Antideslitzants\"\u003e \u003cspan class=\"tooltiptext\"\u003eDisseny de potes antilliscants\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unifica tooltips de COLOR amb els de icones: .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":51616988332375,"sku":"BH\/9642","price":172.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9642-2_f689dcc9-c2fa-4cd2-8003-1dcf36def804.jpg?v=1764237289"},{"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":352.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":"toaster_bh-9643","title":"Torradora","description":"\u003cstyle\u003e\n  \/* === Bloque encapsulado SOLO para .bh-scope === *\/\n  .bh-scope{line-height:1.6;color:#333;font-family:inherit}\n\n  .bh-scope .bh-head{\n    position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;\n  }\n\n  \/* ── Títulos de sección ─────────────────────────────── *\/\n  .bh-scope .bh-section-title{\n    display:flex;align-items:center;gap:10px;\n    margin:32px 0 12px;font-size:1.05em;font-weight:700;\n    color:#1a1a1a;letter-spacing:.01em;\n  }\n  .bh-scope .bh-section-title::after{\n    content:\"\";flex:1;height:1px;\n    background:linear-gradient(to right,#ddd,transparent);\n  }\n  .bh-scope .bh-pill{\n    background:#800000;color:#fff;font-size:.68em;font-weight:700;\n    padding:2px 9px;border-radius:99px;letter-spacing:.06em;\n    text-transform:uppercase;white-space:nowrap;\n  }\n\n  \/* ── Tabla de características - estilo clásico limpio ─ *\/\n  .bh-scope .bh-specs{\n    width:100%;border-collapse:collapse;\n    margin-bottom:4px;font-size:.96em;\n    border:1px solid #e8e8e8;border-radius:6px;overflow:hidden;\n  }\n  .bh-scope .bh-specs tr{border-bottom:1px solid #efefef}\n  .bh-scope .bh-specs tr:last-child{border-bottom:none}\n  .bh-scope .bh-specs tr:hover{background:#fdf5f5}\n  .bh-scope .bh-specs td{\n    padding:10px 14px;vertical-align:middle;text-align:left;\n  }\n  .bh-scope .bh-specs td:first-child{\n    font-weight:700;color:#444;width:34%;\n    background:#f9f3f3;\n    border-right:1px solid #efefef;\n  }\n  .bh-scope .bh-specs td:last-child{color:#222}\n\n  \/* Swatches de color ─────────────────────────── *\/\n  .bh-scope .color-swatch{\n    display:inline-block;width:22px;height:22px;border-radius:50%;\n    border:2px solid #fff;\n    box-shadow:0 0 0 1.5px rgba(0,0,0,.20),0 1px 4px rgba(0,0,0,.10);\n    vertical-align:middle;margin:2px 5px 2px 0;cursor:default;\n    transition:transform .15s,box-shadow .15s;\n  }\n  .bh-scope .color-swatch:hover{\n    transform:scale(1.25);\n    box-shadow:0 0 0 2px rgba(0,0,0,.28),0 3px 8px rgba(0,0,0,.15);\n  }\n\n  \/* ── Bullets de beneficios ─────────────────────────── *\/\n  .bh-scope .bullets{list-style:none;padding:0;margin:0 0 24px}\n  .bh-scope .bullets li{\n    padding:8px 0;border-bottom:1px solid #f2f2f2;\n    display:flex;align-items:flex-start;font-size:.98em;gap:10px;\n  }\n  .bh-scope .bullets li:last-child{border-bottom:none}\n  .bh-scope .bullets .dot{\n    flex-shrink:0;width:6px;height:6px;border-radius:50%;\n    background:#800000;margin-top:8px;\n  }\n\n  \/* ── Fila de iconos con tooltip (sin etiqueta visible) *\/\n  .bh-scope .icon-row{\n    display:flex;flex-wrap:wrap;align-items:center;\n    justify-content:center;gap:18px;\n    margin:8px 0 20px;padding:14px 0;\n    border-top:1px solid #f0f0f0;\n    border-bottom:1px solid #f0f0f0;\n  }\n  .bh-scope .icon-row img{\n    display:block;width:46px;height:46px;border:0;outline:0;\n    opacity:.85;transition:opacity .15s,transform .15s;\n  }\n  .bh-scope .icon-row .tooltip:hover img,\n  .bh-scope .icon-row .tooltip:focus img{\n    opacity:1;transform:scale(1.12);\n  }\n\n  \/* ── Bloque de colección ──────────────────────────── *\/\n  .bh-scope .bh-collection{\n    display:flex;align-items:center;gap:14px;\n    background:#fdf5f5;border:1px solid #f0dada;border-radius:8px;\n    padding:14px 18px;margin-top:8px;flex-wrap:wrap;\n  }\n  .bh-scope .bh-collection-label{\n    font-size:.78em;font-weight:700;text-transform:uppercase;\n    letter-spacing:.08em;color:#800000;white-space:nowrap;\n  }\n  .bh-scope .bh-collection-links{\n    display:flex;flex-wrap:wrap;gap:8px;\n  }\n  .bh-scope .bh-collection-link{\n    display:inline-block;\n    background:#800000;color:#fff !important;text-decoration:none !important;\n    font-size:.82em;font-weight:600;padding:4px 12px;border-radius:99px;\n    transition:background .18s,transform .15s;white-space:nowrap;\n  }\n  .bh-scope .bh-collection-link:hover{\n    background:#600000;transform:translateY(-1px);\n    text-decoration:none !important;\n  }\n\n  \/* Tooltip CSS puro ──────────────────────────────────── *\/\n  .bh-scope .tooltip{\n    position:relative;display:inline-flex;\n    flex-direction:column;align-items:center;cursor:default;\n  }\n  .bh-scope .tooltiptext{\n    visibility:hidden;max-width:200px;background:#1a1a1a;color:#fff;\n    text-align:center;border-radius:7px;padding:6px 11px;\n    position:absolute;z-index:9999;bottom:calc(100% + 8px);left:50%;\n    transform:translateX(-50%);opacity:0;\n    transition:opacity .18s ease;\n    white-space:normal;font-size:.80em;\n    box-shadow:0 3px 12px rgba(0,0,0,.25);pointer-events:none;\n  }\n  .bh-scope .tooltip:hover .tooltiptext,\n  .bh-scope .tooltip:focus .tooltiptext{visibility:visible;opacity:1}\n  .bh-scope .tooltiptext::after{\n    content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;\n    border-width:5px;border-style:solid;\n    border-color:#1a1a1a transparent transparent transparent;\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bh-scope\"\u003e\n  \u003cdiv class=\"bh-head\"\u003e\n    \u003cspan\u003eRef: BH\/9643\u003c\/span\u003e · \u003cspan\u003eBerlinger Haus\u003c\/span\u003e · \u003cspan\u003ePromintra\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \n    \u003cdiv class=\"bh-section-title\"\u003e\n      \u003cspan class=\"bh-pill\"\u003eProducto\u003c\/span\u003e\n      Características Principales\n    \u003c\/div\u003e\n    \u003ctable class=\"bh-specs\"\u003e\n      \u003ctbody\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eMaterial\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                Metal, aluminio\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eVoltaje\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                220-240 V, 50\/60 Hz\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003ePotencia\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                850 W\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eLongitud del cable de alimentación\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                80 cm\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eColor\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                \u003cspan class=\"color-swatch\" style=\"background-color:#353535;\" title=\"antracita mate\" aria-label=\"antracita mate\"\u003e\u003c\/span\u003e\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \n\n  \n\n  \n\n  \n    \u003cdiv class=\"bh-section-title\"\u003e\n      \u003cspan class=\"bh-pill\"\u003eCalidad\u003c\/span\u003e\n      Beneficios\n    \u003c\/div\u003e\n    \u003cdiv class=\"icon-row\"\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Diseño con patas antideslizantes\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/s9tMjnfZ\/Anti-skidbottom.png\" alt=\"Antideslizantes\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eDiseño con patas antideslizantes\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"6 niveles de tostado\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/TqtnTjcr\/Intensitylevels.png\" alt=\"Control De Velocidad Variable\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003e6 niveles de tostado\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Color: antracita mate\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eColor: antracita mate\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n    \u003c\/div\u003e\n  \n\n  \n\n  \n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/* Convierte color-swatch con title\/aria-label en tooltip burbuja CSS *\/\n(function(){\n  var scopes = document.querySelectorAll('.bh-scope');\n  scopes.forEach(function(scope){\n    var swatches = scope.querySelectorAll('.color-swatch');\n    swatches.forEach(function(swatch){\n      if (swatch.closest('.tooltip')) return;\n      var label = swatch.getAttribute('aria-label') || swatch.getAttribute('title') || '';\n      if (!label) return;\n      var wrap = document.createElement('span');\n      wrap.className = 'tooltip';\n      wrap.setAttribute('tabindex','0');\n      swatch.parentNode.insertBefore(wrap, swatch);\n      wrap.appendChild(swatch);\n      var tip = document.createElement('span');\n      tip.className = 'tooltiptext';\n      tip.textContent = label;\n      wrap.appendChild(tip);\n      swatch.removeAttribute('title');\n    });\n  });\n})();\n\u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616988365143,"sku":"BH\/9643","price":172.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9643-1_1430bb71-8a82-40a0-9cd4-8a3a7a07fa28.jpg?v=1764237290"},{"product_id":"toaster_bh-9456","title":"Torradora","description":"\u003cstyle\u003e\n  \/* === Bloque encapsulado SOLO para .bh-scope === *\/\n  .bh-scope{line-height:1.6;color:#333;font-family:inherit}\n\n  .bh-scope .bh-head{\n    position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;\n  }\n\n  \/* ── Títulos de sección ─────────────────────────────── *\/\n  .bh-scope .bh-section-title{\n    display:flex;align-items:center;gap:10px;\n    margin:32px 0 12px;font-size:1.05em;font-weight:700;\n    color:#1a1a1a;letter-spacing:.01em;\n  }\n  .bh-scope .bh-section-title::after{\n    content:\"\";flex:1;height:1px;\n    background:linear-gradient(to right,#ddd,transparent);\n  }\n  .bh-scope .bh-pill{\n    background:#800000;color:#fff;font-size:.68em;font-weight:700;\n    padding:2px 9px;border-radius:99px;letter-spacing:.06em;\n    text-transform:uppercase;white-space:nowrap;\n  }\n\n  \/* ── Tabla de características - estilo clásico limpio ─ *\/\n  .bh-scope .bh-specs{\n    width:100%;border-collapse:collapse;\n    margin-bottom:4px;font-size:.96em;\n    border:1px solid #e8e8e8;border-radius:6px;overflow:hidden;\n  }\n  .bh-scope .bh-specs tr{border-bottom:1px solid #efefef}\n  .bh-scope .bh-specs tr:last-child{border-bottom:none}\n  .bh-scope .bh-specs tr:hover{background:#fdf5f5}\n  .bh-scope .bh-specs td{\n    padding:10px 14px;vertical-align:middle;text-align:left;\n  }\n  .bh-scope .bh-specs td:first-child{\n    font-weight:700;color:#444;width:34%;\n    background:#f9f3f3;\n    border-right:1px solid #efefef;\n  }\n  .bh-scope .bh-specs td:last-child{color:#222}\n\n  \/* Swatches de color ─────────────────────────── *\/\n  .bh-scope .color-swatch{\n    display:inline-block;width:22px;height:22px;border-radius:50%;\n    border:2px solid #fff;\n    box-shadow:0 0 0 1.5px rgba(0,0,0,.20),0 1px 4px rgba(0,0,0,.10);\n    vertical-align:middle;margin:2px 5px 2px 0;cursor:default;\n    transition:transform .15s,box-shadow .15s;\n  }\n  .bh-scope .color-swatch:hover{\n    transform:scale(1.25);\n    box-shadow:0 0 0 2px rgba(0,0,0,.28),0 3px 8px rgba(0,0,0,.15);\n  }\n\n  \/* ── Bullets de beneficios ─────────────────────────── *\/\n  .bh-scope .bullets{list-style:none;padding:0;margin:0 0 24px}\n  .bh-scope .bullets li{\n    padding:8px 0;border-bottom:1px solid #f2f2f2;\n    display:flex;align-items:flex-start;font-size:.98em;gap:10px;\n  }\n  .bh-scope .bullets li:last-child{border-bottom:none}\n  .bh-scope .bullets .dot{\n    flex-shrink:0;width:6px;height:6px;border-radius:50%;\n    background:#800000;margin-top:8px;\n  }\n\n  \/* ── Fila de iconos con tooltip (sin etiqueta visible) *\/\n  .bh-scope .icon-row{\n    display:flex;flex-wrap:wrap;align-items:center;\n    justify-content:center;gap:18px;\n    margin:8px 0 20px;padding:14px 0;\n    border-top:1px solid #f0f0f0;\n    border-bottom:1px solid #f0f0f0;\n  }\n  .bh-scope .icon-row img{\n    display:block;width:46px;height:46px;border:0;outline:0;\n    opacity:.85;transition:opacity .15s,transform .15s;\n  }\n  .bh-scope .icon-row .tooltip:hover img,\n  .bh-scope .icon-row .tooltip:focus img{\n    opacity:1;transform:scale(1.12);\n  }\n\n  \/* ── Bloque de colección ──────────────────────────── *\/\n  .bh-scope .bh-collection{\n    display:flex;align-items:center;gap:14px;\n    background:#fdf5f5;border:1px solid #f0dada;border-radius:8px;\n    padding:14px 18px;margin-top:8px;flex-wrap:wrap;\n  }\n  .bh-scope .bh-collection-label{\n    font-size:.78em;font-weight:700;text-transform:uppercase;\n    letter-spacing:.08em;color:#800000;white-space:nowrap;\n  }\n  .bh-scope .bh-collection-links{\n    display:flex;flex-wrap:wrap;gap:8px;\n  }\n  .bh-scope .bh-collection-link{\n    display:inline-block;\n    background:#800000;color:#fff !important;text-decoration:none !important;\n    font-size:.82em;font-weight:600;padding:4px 12px;border-radius:99px;\n    transition:background .18s,transform .15s;white-space:nowrap;\n  }\n  .bh-scope .bh-collection-link:hover{\n    background:#600000;transform:translateY(-1px);\n    text-decoration:none !important;\n  }\n\n  \/* Tooltip CSS puro ──────────────────────────────────── *\/\n  .bh-scope .tooltip{\n    position:relative;display:inline-flex;\n    flex-direction:column;align-items:center;cursor:default;\n  }\n  .bh-scope .tooltiptext{\n    visibility:hidden;max-width:200px;background:#1a1a1a;color:#fff;\n    text-align:center;border-radius:7px;padding:6px 11px;\n    position:absolute;z-index:9999;bottom:calc(100% + 8px);left:50%;\n    transform:translateX(-50%);opacity:0;\n    transition:opacity .18s ease;\n    white-space:normal;font-size:.80em;\n    box-shadow:0 3px 12px rgba(0,0,0,.25);pointer-events:none;\n  }\n  .bh-scope .tooltip:hover .tooltiptext,\n  .bh-scope .tooltip:focus .tooltiptext{visibility:visible;opacity:1}\n  .bh-scope .tooltiptext::after{\n    content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;\n    border-width:5px;border-style:solid;\n    border-color:#1a1a1a transparent transparent transparent;\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bh-scope\"\u003e\n  \u003cdiv class=\"bh-head\"\u003e\n    \u003cspan\u003eRef: BH\/9456\u003c\/span\u003e · \u003cspan\u003eBerlinger Haus\u003c\/span\u003e · \u003cspan\u003ePromintra\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \n    \u003cdiv class=\"bh-section-title\"\u003e\n      \u003cspan class=\"bh-pill\"\u003eProducto\u003c\/span\u003e\n      Características Principales\n    \u003c\/div\u003e\n    \u003ctable class=\"bh-specs\"\u003e\n      \u003ctbody\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eMaterial\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                Acero inoxidable con carcasa de plástico\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eDimensiones\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                24,6 x 28,6 x 13,4 cm\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eLongitud del cable de alimentación\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                60 cm\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eColor\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                \u003cspan class=\"color-swatch\" style=\"background-color:#000000;\" title=\"negro\" aria-label=\"negro\"\u003e\u003c\/span\u003e\u003cspan class=\"color-swatch\" style=\"background-color:#D4D4D4;\" title=\"plata\" aria-label=\"plata\"\u003e\u003c\/span\u003e\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \n\n  \n\n  \n\n  \n    \u003cdiv class=\"bh-section-title\"\u003e\n      \u003cspan class=\"bh-pill\"\u003eCalidad\u003c\/span\u003e\n      Beneficios\n    \u003c\/div\u003e\n    \u003cdiv class=\"icon-row\"\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Diseño con patas antideslizantes\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/s9tMjnfZ\/Anti-skidbottom.png\" alt=\"Antideslizantes\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eDiseño con patas antideslizantes\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"7 niveles de tostado\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/TqtnTjcr\/Intensitylevels.png\" alt=\"Control De Velocidad Variable\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003e7 niveles de tostado\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mate\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eMate\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Material: acero inoxidable con carcasa de plástico\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/WNHF0bV2\/Stainless-Steel.png\" alt=\"Stainless Steel\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eMaterial: acero inoxidable con carcasa de plástico\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n    \u003c\/div\u003e\n  \n\n  \n    \u003cdiv class=\"bh-collection\"\u003e\n      \u003cspan class=\"bh-collection-label\"\u003eSerie\u003c\/span\u003e\n      \u003cdiv class=\"bh-collection-links\"\u003e\n        \n          \u003ca class=\"bh-collection-link\" href=\"https:\/\/berlinger-haus.es\/collections\/black-vantage-collection\" title=\"Ver colección Black Vantage Collection\"\u003e\n            Black Vantage Collection\n          \u003c\/a\u003e\n        \n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \n\n  \n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/* Convierte color-swatch con title\/aria-label en tooltip burbuja CSS *\/\n(function(){\n  var scopes = document.querySelectorAll('.bh-scope');\n  scopes.forEach(function(scope){\n    var swatches = scope.querySelectorAll('.color-swatch');\n    swatches.forEach(function(swatch){\n      if (swatch.closest('.tooltip')) return;\n      var label = swatch.getAttribute('aria-label') || swatch.getAttribute('title') || '';\n      if (!label) return;\n      var wrap = document.createElement('span');\n      wrap.className = 'tooltip';\n      wrap.setAttribute('tabindex','0');\n      swatch.parentNode.insertBefore(wrap, swatch);\n      wrap.appendChild(swatch);\n      var tip = document.createElement('span');\n      tip.className = 'tooltiptext';\n      tip.textContent = label;\n      wrap.appendChild(tip);\n      swatch.removeAttribute('title');\n    });\n  });\n})();\n\u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616986399063,"sku":"BH\/9456","price":86.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9456-2.jpg?v=1764237277"},{"product_id":"toaster_bh-9643n","title":"Torradora","description":"\u003cstyle\u003e\n  \/* === Bloque encapsulado SOLO para .bh-scope === *\/\n  .bh-scope{line-height:1.6;color:#333;font-family:inherit}\n\n  .bh-scope .bh-head{\n    position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;\n  }\n\n  \/* ── Títulos de sección ─────────────────────────────── *\/\n  .bh-scope .bh-section-title{\n    display:flex;align-items:center;gap:10px;\n    margin:32px 0 12px;font-size:1.05em;font-weight:700;\n    color:#1a1a1a;letter-spacing:.01em;\n  }\n  .bh-scope .bh-section-title::after{\n    content:\"\";flex:1;height:1px;\n    background:linear-gradient(to right,#ddd,transparent);\n  }\n  .bh-scope .bh-pill{\n    background:#800000;color:#fff;font-size:.68em;font-weight:700;\n    padding:2px 9px;border-radius:99px;letter-spacing:.06em;\n    text-transform:uppercase;white-space:nowrap;\n  }\n\n  \/* ── Tabla de características - estilo clásico limpio ─ *\/\n  .bh-scope .bh-specs{\n    width:100%;border-collapse:collapse;\n    margin-bottom:4px;font-size:.96em;\n    border:1px solid #e8e8e8;border-radius:6px;overflow:hidden;\n  }\n  .bh-scope .bh-specs tr{border-bottom:1px solid #efefef}\n  .bh-scope .bh-specs tr:last-child{border-bottom:none}\n  .bh-scope .bh-specs tr:hover{background:#fdf5f5}\n  .bh-scope .bh-specs td{\n    padding:10px 14px;vertical-align:middle;text-align:left;\n  }\n  .bh-scope .bh-specs td:first-child{\n    font-weight:700;color:#444;width:34%;\n    background:#f9f3f3;\n    border-right:1px solid #efefef;\n  }\n  .bh-scope .bh-specs td:last-child{color:#222}\n\n  \/* Swatches de color ─────────────────────────── *\/\n  .bh-scope .color-swatch{\n    display:inline-block;width:22px;height:22px;border-radius:50%;\n    border:2px solid #fff;\n    box-shadow:0 0 0 1.5px rgba(0,0,0,.20),0 1px 4px rgba(0,0,0,.10);\n    vertical-align:middle;margin:2px 5px 2px 0;cursor:default;\n    transition:transform .15s,box-shadow .15s;\n  }\n  .bh-scope .color-swatch:hover{\n    transform:scale(1.25);\n    box-shadow:0 0 0 2px rgba(0,0,0,.28),0 3px 8px rgba(0,0,0,.15);\n  }\n\n  \/* ── Bullets de beneficios ─────────────────────────── *\/\n  .bh-scope .bullets{list-style:none;padding:0;margin:0 0 24px}\n  .bh-scope .bullets li{\n    padding:8px 0;border-bottom:1px solid #f2f2f2;\n    display:flex;align-items:flex-start;font-size:.98em;gap:10px;\n  }\n  .bh-scope .bullets li:last-child{border-bottom:none}\n  .bh-scope .bullets .dot{\n    flex-shrink:0;width:6px;height:6px;border-radius:50%;\n    background:#800000;margin-top:8px;\n  }\n\n  \/* ── Fila de iconos con tooltip (sin etiqueta visible) *\/\n  .bh-scope .icon-row{\n    display:flex;flex-wrap:wrap;align-items:center;\n    justify-content:center;gap:18px;\n    margin:8px 0 20px;padding:14px 0;\n    border-top:1px solid #f0f0f0;\n    border-bottom:1px solid #f0f0f0;\n  }\n  .bh-scope .icon-row img{\n    display:block;width:46px;height:46px;border:0;outline:0;\n    opacity:.85;transition:opacity .15s,transform .15s;\n  }\n  .bh-scope .icon-row .tooltip:hover img,\n  .bh-scope .icon-row .tooltip:focus img{\n    opacity:1;transform:scale(1.12);\n  }\n\n  \/* ── Bloque de colección ──────────────────────────── *\/\n  .bh-scope .bh-collection{\n    display:flex;align-items:center;gap:14px;\n    background:#fdf5f5;border:1px solid #f0dada;border-radius:8px;\n    padding:14px 18px;margin-top:8px;flex-wrap:wrap;\n  }\n  .bh-scope .bh-collection-label{\n    font-size:.78em;font-weight:700;text-transform:uppercase;\n    letter-spacing:.08em;color:#800000;white-space:nowrap;\n  }\n  .bh-scope .bh-collection-links{\n    display:flex;flex-wrap:wrap;gap:8px;\n  }\n  .bh-scope .bh-collection-link{\n    display:inline-block;\n    background:#800000;color:#fff !important;text-decoration:none !important;\n    font-size:.82em;font-weight:600;padding:4px 12px;border-radius:99px;\n    transition:background .18s,transform .15s;white-space:nowrap;\n  }\n  .bh-scope .bh-collection-link:hover{\n    background:#600000;transform:translateY(-1px);\n    text-decoration:none !important;\n  }\n\n  \/* Tooltip CSS puro ──────────────────────────────────── *\/\n  .bh-scope .tooltip{\n    position:relative;display:inline-flex;\n    flex-direction:column;align-items:center;cursor:default;\n  }\n  .bh-scope .tooltiptext{\n    visibility:hidden;max-width:200px;background:#1a1a1a;color:#fff;\n    text-align:center;border-radius:7px;padding:6px 11px;\n    position:absolute;z-index:9999;bottom:calc(100% + 8px);left:50%;\n    transform:translateX(-50%);opacity:0;\n    transition:opacity .18s ease;\n    white-space:normal;font-size:.80em;\n    box-shadow:0 3px 12px rgba(0,0,0,.25);pointer-events:none;\n  }\n  .bh-scope .tooltip:hover .tooltiptext,\n  .bh-scope .tooltip:focus .tooltiptext{visibility:visible;opacity:1}\n  .bh-scope .tooltiptext::after{\n    content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;\n    border-width:5px;border-style:solid;\n    border-color:#1a1a1a transparent transparent transparent;\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bh-scope\"\u003e\n  \u003cdiv class=\"bh-head\"\u003e\n    \u003cspan\u003eRef: BH\/9643N\u003c\/span\u003e · \u003cspan\u003eBerlinger Haus\u003c\/span\u003e · \u003cspan\u003ePromintra\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \n    \u003cdiv class=\"bh-section-title\"\u003e\n      \u003cspan class=\"bh-pill\"\u003eProducto\u003c\/span\u003e\n      Características Principales\n    \u003c\/div\u003e\n    \u003ctable class=\"bh-specs\"\u003e\n      \u003ctbody\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eMaterial\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                Metal, aluminio\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eVoltaje\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                220-240 V, 50\/60 Hz\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003ePotencia\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                850 W\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eLongitud del cable de alimentación\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                80 cm\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eColor\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                \u003cspan class=\"color-swatch\" style=\"background-color:#353535;\" title=\"antracita mate\" aria-label=\"antracita mate\"\u003e\u003c\/span\u003e\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \n\n  \n\n  \n\n  \n    \u003cdiv class=\"bh-section-title\"\u003e\n      \u003cspan class=\"bh-pill\"\u003eCalidad\u003c\/span\u003e\n      Beneficios\n    \u003c\/div\u003e\n    \u003cdiv class=\"icon-row\"\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Diseño con patas antideslizantes\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/s9tMjnfZ\/Anti-skidbottom.png\" alt=\"Antideslizantes\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eDiseño con patas antideslizantes\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"6 niveles de tostado\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/TqtnTjcr\/Intensitylevels.png\" alt=\"Control De Velocidad Variable\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003e6 niveles de tostado\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Color: antracita mate\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eColor: antracita mate\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n    \u003c\/div\u003e\n  \n\n  \n\n  \n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/* Convierte color-swatch con title\/aria-label en tooltip burbuja CSS *\/\n(function(){\n  var scopes = document.querySelectorAll('.bh-scope');\n  scopes.forEach(function(scope){\n    var swatches = scope.querySelectorAll('.color-swatch');\n    swatches.forEach(function(swatch){\n      if (swatch.closest('.tooltip')) return;\n      var label = swatch.getAttribute('aria-label') || swatch.getAttribute('title') || '';\n      if (!label) return;\n      var wrap = document.createElement('span');\n      wrap.className = 'tooltip';\n      wrap.setAttribute('tabindex','0');\n      swatch.parentNode.insertBefore(wrap, swatch);\n      wrap.appendChild(swatch);\n      var tip = document.createElement('span');\n      tip.className = 'tooltiptext';\n      tip.textContent = label;\n      wrap.appendChild(tip);\n      swatch.removeAttribute('title');\n    });\n  });\n})();\n\u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616988397911,"sku":"BH\/9643N","price":172.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9643-N-1_63bbfcc8-b910-41a0-b2d8-2e4aa1b1f59d.jpg?v=1764237292"},{"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":409.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":"toaster_bh-9765","title":"Torradora","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\/9765\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 Metal, td\u003e \u003ctd\u003eVoltatge\u003c\/td\u003e \u003ctd\u003e 220-240 V, 50\/60 Hz \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003ePotència\u003c\/td\u003e \u003ctd\u003e 850 W \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eLongitud del cable d'alimentació\u003c\/td\u003e \u003ctd \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003eblau mat \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Disseny de potes antilliscants\"\u003e \u003cim src=\"https:\/\/i.ibb.co\/5gy0RhHh\/antislip.png\" alt=\"Antideslitzants\"\u003e \u003cspan class=\"tooltiptext\"\u003eDisseny de potes antilliscants\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unifica tooltips de COLOR amb els de icones: .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":51616989184343,"sku":"BH\/9765","price":172.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9765-1.jpg?v=1764237293"},{"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":352.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":352.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":"toaster-with-cover_bh-9703","title":"Torradora Amb Tapa","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\/9703\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\u003eColor\u003c\/td\u003e \u003ctd\u003e negre-plata \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eRanures extra amples\u003c\/td\u003e \u003ctd\u003e 130 x 30 mm \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\" tabindex=\"0\" aria-label=\"Disseny de potes antilliscants\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/5gy0RhHh\/antislip.png\" alt=\"Antideslitzants\"\u003e \u003cspan class=\"tooltiptext\"\u003eDisseny de potes antilliscants\u003c\/span\u003e \u003c\/div\u003e 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":51616981975383,"sku":"BH\/9703","price":73.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9703-1_04fd9d4b-ca4a-4ef5-8ee7-3daea385476c.jpg?v=1764237268"},{"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":352.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9799.jpg?v=1748258197"},{"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":352.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":352.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":352.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":43.95,"currency_code":"EUR","in_stock":false}],"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":43.95,"currency_code":"EUR","in_stock":false}],"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":43.95,"currency_code":"EUR","in_stock":false}],"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":43.95,"currency_code":"EUR","in_stock":false}],"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":43.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8890-1.jpg?v=1764059188"},{"product_id":"toaster-with-cover_bh-9699","title":"Torradora Amb Tapa","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\/9699\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\u003eColor\u003c\/td\u003e \u003ctd\u003e crema mat \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eRanures extra amples\u003c\/td\u003e \u003ctd\u003e 130 x 30 mm \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon tabindex=\"0\" aria-label=\"Disseny de potes antilliscants\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/5gy0RhHh\/antislip.png\" alt=\"Antideslitzants\"\u003e \u003cspan class=\"tooltiptext\"\u003eDisseny de potes antilliscants\u003c\/span\u003e \u003c\/div\u003e 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":51617535328599,"sku":"BH\/9699","price":73.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9699-4_2423c4be-2c49-43f2-afaa-bc0bebf7b250.jpg?v=1764237260"},{"product_id":"toaster-with-cover_bh-9700","title":"Torradora Amb Tapa","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\/9700\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\u003eColor\u003c\/td\u003e \u003ctd\u003e bordeus mat \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eRanures extra amples\u003c\/td\u003e \u003ctd\u003e 130 x 30 mm \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdivclass= tabindex=\"0\" aria-label=\"Disseny de potes antilliscants\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/5gy0RhHh\/antislip.png\" alt=\"Antideslitzants\"\u003e \u003cspan class=\"tooltiptext\"\u003eDisseny de potes antilliscants\u003c\/span\u003e \u003c\/div\u003e 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":51617535689047,"sku":"BH\/9700","price":73.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9700-1_c847f447-1e3c-4dba-b4d0-43d13309513d.jpg?v=1764237261"},{"product_id":"toaster-with-cover_bh-9701","title":"Torradora Amb Tapa","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\/9701\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\u003eColor\u003c\/td\u003e \u003ctd\u003e gris talp mat \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eRanures extra amples\u003c\/td\u003e \u003ctd\u003e 130 x 30 mm \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class tabindex=\"0\" aria-label=\"Disseny de potes antilliscants\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/5gy0RhHh\/antislip.png\" alt=\"Antideslitzants\"\u003e \u003cspan class=\"tooltiptext\"\u003eDisseny de potes antilliscants\u003c\/span\u003e \u003c\/div\u003e 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":51617536278871,"sku":"BH\/9701","price":73.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9701-4_fd090f58-aad5-45ae-8a81-0b8a0a6bf21b.jpg?v=1764237263"},{"product_id":"toaster-with-cover_bh-9702","title":"Torradora Amb Tapa","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\/9702\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\u003eColor\u003c\/td\u003e \u003ctd\u003e negre - or rosa \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eRanures extra amples\u003c\/td\u003e \u003ctd\u003e 130 x 30 mm \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class tabindex=\"0\" aria-label=\"Disseny de potes antilliscants\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/5gy0RhHh\/antislip.png\" alt=\"Antideslitzants\"\u003e \u003cspan class=\"tooltiptext\"\u003eDisseny de potes antilliscants\u003c\/span\u003e \u003c\/div\u003e 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":51617540669783,"sku":"BH\/9702","price":73.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9702-1.jpg?v=1764237266"},{"product_id":"toaster-with-cover_bh-9704","title":"Torradora Amb Tapa","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\/9704\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\u003eColor\u003c\/td\u003e \u003ctd\u003e antracita mat \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eRanures extra amples\u003c\/td\u003e \u003ctd\u003e 130 x 30 mm \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdivclass= tabindex=\"0\" aria-label=\"Disseny de potes antilliscants\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/5gy0RhHh\/antislip.png\" alt=\"Antideslitzants\"\u003e \u003cspan class=\"tooltiptext\"\u003eDisseny de potes antilliscants\u003c\/span\u003e \u003c\/div\u003e 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":51617540899159,"sku":"BH\/9704","price":73.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9704-3_f49d5cd7-4287-4b9e-94a9-36aff3941901.jpg?v=1764237269"},{"product_id":"toaster-with-cover_bh-9705","title":"Torradora Amb Tapa","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\/9705\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\u003eColor\u003c\/td\u003e \u003ctd\u003e verd mat \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eRanures extra amples\u003c\/td\u003e \u003ctd\u003e 130 x 30 mm \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon tabindex=\"0\" aria-label=\"Disseny de potes antilliscants\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/5gy0RhHh\/antislip.png\" alt=\"Antideslitzants\"\u003e \u003cspan class=\"tooltiptext\"\u003eDisseny de potes antilliscants\u003c\/span\u003e \u003c\/div\u003e 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":51617541226839,"sku":"BH\/9705","price":73.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9705-3_de1e614d-1f9b-41f3-8a69-82ec59bbf0ce.jpg?v=1764237269"},{"product_id":"toaster_bh-9642n","title":"Torradora","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\/9642N\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 Metal, td\u003e \u003ctd\u003eVoltatge\u003c\/td\u003e \u003ctd\u003e 220-240 V, 50\/60 Hz \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003ePotència\u003c\/td\u003e \u003ctd\u003e 850 W \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eLongitud del cable d'alimentació\u003c\/td\u003e \u003ctd \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e negre mat \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Disseny de potes antilliscants\"\u003e \u003cim src=\"https:\/\/i.ibb.co\/5gy0RhHh\/antislip.png\" alt=\"Antideslitzants\"\u003e \u003cspan class=\"tooltiptext\"\u003eDisseny de potes antilliscants\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unifica tooltips de COLOR amb els de icones: .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":52871119536471,"sku":"BH\/9642N","price":172.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9642-N-Giftbox-1.jpg?v=1772013917"},{"product_id":"toaster-with-cover_lp-bh-273","title":"Torradora Amb Tapa","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\u003eLP-BH-273\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\u003eColor\u003c\/td\u003e \u003ctd\u003e bordeus mat \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eRanures extra amples\u003c\/td\u003e \u003ctd\u003e 130 x 30 mm \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdivclass= tabindex=\"0\" aria-label=\"Disseny de potes antilliscants\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/5gy0RhHh\/antislip.png\" alt=\"Antideslitzants\"\u003e \u003cspan class=\"tooltiptext\"\u003eDisseny de potes antilliscants\u003c\/span\u003e \u003c\/div\u003e 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":52871138574679,"sku":"LP-BH-273","price":73.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/LP-BH-273-3.jpg?v=1772801124"},{"product_id":"toaster_bh-9517n","title":"Torradora","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\/9517N\u003c\/span\u003e \u003cspan class=\"sep\"\u003e\"\u003c\/span\u003e\u003c\/span\u003e \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 Metal, td\u003e \u003ctd\u003eVoltatge\u003c\/td\u003e \u003ctd\u003e 220-240 V, 50\/60 Hz \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003ePotència\u003c\/td\u003e \u003ctd\u003e 850 W \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eLongitud del cable d'alimentació\u003c\/td\u003e \u003ctd \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e negre mat - or rosa \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Disseny de potes antides src=\"https:\/\/i.ibb.co\/5gy0RhHh\/antislip.png\" alt=\"Antideslitzants\"\u003e \u003cspan class=\"tooltiptext\"\u003eDisseny de potes antilliscants\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unifica tooltips de COLOR amb els de icones: .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":52880028074327,"sku":"BH\/9517N","price":172.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9517_4.jpg?v=1772526229"},{"product_id":"toaster_bh-9518n","title":"Torradora","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\/9518N\u003c\/span\u003e \u003cspan class=\"sep\"\u003e\"\u003c\/span\u003e\u003c\/span\u003e \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 Metal, td\u003e \u003ctd\u003eVoltatge\u003c\/td\u003e \u003ctd\u003e 220-240 V, 50\/60 Hz \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003ePotència\u003c\/td\u003e \u003ctd\u003e 850 W \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eLongitud del cable d'alimentació\u003c\/td\u003e \u003ctd \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e gris talp mat \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Disseny de potes antilliscants src=\"https:\/\/i.ibb.co\/5gy0RhHh\/antislip.png\" alt=\"Antideslitzants\"\u003e \u003cspan class=\"tooltiptext\"\u003eDisseny de potes antilliscants\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unifica tooltips de COLOR amb els de icones: .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":52880028270935,"sku":"BH\/9518N","price":172.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9518_6.jpg?v=1772526102"},{"product_id":"toaster_bh-9519n","title":"Torradora","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\/9519N\u003c\/span\u003e \u003cspan class=\"sep\"\u003e\"\u003c\/span\u003e\u003c\/span\u003e \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 Metal, td\u003e \u003ctd\u003eVoltatge\u003c\/td\u003e \u003ctd\u003e 220-240 V, 50\/60 Hz \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003ePotència\u003c\/td\u003e \u003ctd\u003e 850 W \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eLongitud del cable d'alimentació\u003c\/td\u003e \u003ctd \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e crema mat \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Disseny de potes antilliscants\"\u003e \u003cim src=\"https:\/\/i.ibb.co\/5gy0RhHh\/antislip.png\" alt=\"Antideslitzants\"\u003e \u003cspan class=\"tooltiptext\"\u003eDisseny de potes antilliscants\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unifica tooltips de COLOR amb els de icones: .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":52880029090135,"sku":"BH\/9519N","price":172.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9519_2.jpg?v=1772526018"},{"product_id":"toaster_bh-9520n","title":"Torradora","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\/9520N\u003c\/span\u003e \u003cspan class=\"sep\"\u003e\"\u003c\/span\u003e\u003c\/span\u003e \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 Metal, td\u003e \u003ctd\u003eVoltatge\u003c\/td\u003e \u003ctd\u003e 220-240 V, 50\/60 Hz \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003ePotència\u003c\/td\u003e \u003ctd\u003e 850 W \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eLongitud del cable d'alimentació\u003c\/td\u003e \u003ctd \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e bordeus mat \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Disseny de potes antilliscants\" src=\"https:\/\/i.ibb.co\/5gy0RhHh\/antislip.png\" alt=\"Antideslitzants\"\u003e \u003cspan class=\"tooltiptext\"\u003eDisseny de potes antilliscants\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unifica tooltips de COLOR amb els de icones: .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":52880030204247,"sku":"BH\/9520N","price":172.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9520_2.jpg?v=1772525932"},{"product_id":"toaster-bh-9938mn","title":"Tostadora","description":"\u003cstyle\u003e\n  \/* === Bloque encapsulado SOLO para .bh-scope === *\/\n  .bh-scope{line-height:1.6;color:#333;font-family:inherit}\n\n  .bh-scope .bh-head{\n    position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;\n  }\n\n  \/* ── Títulos de sección ─────────────────────────────── *\/\n  .bh-scope .bh-section-title{\n    display:flex;align-items:center;gap:10px;\n    margin:32px 0 12px;font-size:1.05em;font-weight:700;\n    color:#1a1a1a;letter-spacing:.01em;\n  }\n  .bh-scope .bh-section-title::after{\n    content:\"\";flex:1;height:1px;\n    background:linear-gradient(to right,#ddd,transparent);\n  }\n  .bh-scope .bh-pill{\n    background:#800000;color:#fff;font-size:.68em;font-weight:700;\n    padding:2px 9px;border-radius:99px;letter-spacing:.06em;\n    text-transform:uppercase;white-space:nowrap;\n  }\n\n  \/* ── Tabla de características - estilo clásico limpio ─ *\/\n  .bh-scope .bh-specs{\n    width:100%;border-collapse:collapse;\n    margin-bottom:4px;font-size:.96em;\n    border:1px solid #e8e8e8;border-radius:6px;overflow:hidden;\n  }\n  .bh-scope .bh-specs tr{border-bottom:1px solid #efefef}\n  .bh-scope .bh-specs tr:last-child{border-bottom:none}\n  .bh-scope .bh-specs tr:hover{background:#fdf5f5}\n  .bh-scope .bh-specs td{\n    padding:10px 14px;vertical-align:middle;text-align:left;\n  }\n  .bh-scope .bh-specs td:first-child{\n    font-weight:700;color:#444;width:34%;\n    background:#f9f3f3;\n    border-right:1px solid #efefef;\n  }\n  .bh-scope .bh-specs td:last-child{color:#222}\n\n  \/* Swatches de color ─────────────────────────── *\/\n  .bh-scope .color-swatch{\n    display:inline-block;width:22px;height:22px;border-radius:50%;\n    border:2px solid #fff;\n    box-shadow:0 0 0 1.5px rgba(0,0,0,.20),0 1px 4px rgba(0,0,0,.10);\n    vertical-align:middle;margin:2px 5px 2px 0;cursor:default;\n    transition:transform .15s,box-shadow .15s;\n  }\n  .bh-scope .color-swatch:hover{\n    transform:scale(1.25);\n    box-shadow:0 0 0 2px rgba(0,0,0,.28),0 3px 8px rgba(0,0,0,.15);\n  }\n\n  \/* ── Bullets de beneficios ─────────────────────────── *\/\n  .bh-scope .bullets{list-style:none;padding:0;margin:0 0 24px}\n  .bh-scope .bullets li{\n    padding:8px 0;border-bottom:1px solid #f2f2f2;\n    display:flex;align-items:flex-start;font-size:.98em;gap:10px;\n  }\n  .bh-scope .bullets li:last-child{border-bottom:none}\n  .bh-scope .bullets .dot{\n    flex-shrink:0;width:6px;height:6px;border-radius:50%;\n    background:#800000;margin-top:8px;\n  }\n\n  \/* ── Fila de iconos con tooltip (sin etiqueta visible) *\/\n  .bh-scope .icon-row{\n    display:flex;flex-wrap:wrap;align-items:center;\n    justify-content:center;gap:18px;\n    margin:8px 0 20px;padding:14px 0;\n    border-top:1px solid #f0f0f0;\n    border-bottom:1px solid #f0f0f0;\n  }\n  .bh-scope .icon-row img{\n    display:block;width:46px;height:46px;border:0;outline:0;\n    opacity:.85;transition:opacity .15s,transform .15s;\n  }\n  .bh-scope .icon-row .tooltip:hover img,\n  .bh-scope .icon-row .tooltip:focus img{\n    opacity:1;transform:scale(1.12);\n  }\n\n  \/* ── Bloque de colección ──────────────────────────── *\/\n  .bh-scope .bh-collection{\n    display:flex;align-items:center;gap:14px;\n    background:#fdf5f5;border:1px solid #f0dada;border-radius:8px;\n    padding:14px 18px;margin-top:8px;flex-wrap:wrap;\n  }\n  .bh-scope .bh-collection-label{\n    font-size:.78em;font-weight:700;text-transform:uppercase;\n    letter-spacing:.08em;color:#800000;white-space:nowrap;\n  }\n  .bh-scope .bh-collection-links{\n    display:flex;flex-wrap:wrap;gap:8px;\n  }\n  .bh-scope .bh-collection-link{\n    display:inline-block;\n    background:#800000;color:#fff !important;text-decoration:none !important;\n    font-size:.82em;font-weight:600;padding:4px 12px;border-radius:99px;\n    transition:background .18s,transform .15s;white-space:nowrap;\n  }\n  .bh-scope .bh-collection-link:hover{\n    background:#600000;transform:translateY(-1px);\n    text-decoration:none !important;\n  }\n\n  \/* Tooltip CSS puro ──────────────────────────────────── *\/\n  .bh-scope .tooltip{\n    position:relative;display:inline-flex;\n    flex-direction:column;align-items:center;cursor:default;\n  }\n  .bh-scope .tooltiptext{\n    visibility:hidden;max-width:200px;background:#1a1a1a;color:#fff;\n    text-align:center;border-radius:7px;padding:6px 11px;\n    position:absolute;z-index:9999;bottom:calc(100% + 8px);left:50%;\n    transform:translateX(-50%);opacity:0;\n    transition:opacity .18s ease;\n    white-space:normal;font-size:.80em;\n    box-shadow:0 3px 12px rgba(0,0,0,.25);pointer-events:none;\n  }\n  .bh-scope .tooltip:hover .tooltiptext,\n  .bh-scope .tooltip:focus .tooltiptext{visibility:visible;opacity:1}\n  .bh-scope .tooltiptext::after{\n    content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;\n    border-width:5px;border-style:solid;\n    border-color:#1a1a1a transparent transparent transparent;\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bh-scope\"\u003e\n  \u003cdiv class=\"bh-head\"\u003e\n    \u003cspan\u003eRef: BH\/9938MN\u003c\/span\u003e · \u003cspan\u003eBerlinger Haus\u003c\/span\u003e · \u003cspan\u003ePromintra\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \n    \u003cdiv class=\"bh-section-title\"\u003e\n      \u003cspan class=\"bh-pill\"\u003eProducto\u003c\/span\u003e\n      Características Principales\n    \u003c\/div\u003e\n    \u003ctable class=\"bh-specs\"\u003e\n      \u003ctbody\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eMaterial\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                Acero inoxidable con carcasa de plástico\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eColor\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                \u003cspan class=\"color-swatch\" style=\"background-color:#FFD414;\" title=\"amarillo\" aria-label=\"amarillo\"\u003e\u003c\/span\u003e\u003cspan class=\"color-swatch\" style=\"background-color:#203462;\" title=\"azul\" aria-label=\"azul\"\u003e\u003c\/span\u003e\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \n\n  \n\n  \n\n  \n    \u003cdiv class=\"bh-section-title\"\u003e\n      \u003cspan class=\"bh-pill\"\u003eCalidad\u003c\/span\u003e\n      Beneficios\n    \u003c\/div\u003e\n    \u003cdiv class=\"icon-row\"\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Base antideslizante\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/s9tMjnfZ\/Anti-skidbottom.png\" alt=\"Antideslizantes\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eBase antideslizante\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"6 niveles de tostado\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/TqtnTjcr\/Intensitylevels.png\" alt=\"Control De Velocidad Variable\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003e6 niveles de tostado\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Almacenamiento de cable\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/FLGdkCsq\/Cordstorage.png\" alt=\"Cord Storage\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eAlmacenamiento de cable\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mate\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eMate\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Material: acero inoxidable con carcasa de plástico\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/WNHF0bV2\/Stainless-Steel.png\" alt=\"Stainless Steel\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eMaterial: acero inoxidable con carcasa de plástico\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n    \u003c\/div\u003e\n  \n\n  \n\n  \n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/* Convierte color-swatch con title\/aria-label en tooltip burbuja CSS *\/\n(function(){\n  var scopes = document.querySelectorAll('.bh-scope');\n  scopes.forEach(function(scope){\n    var swatches = scope.querySelectorAll('.color-swatch');\n    swatches.forEach(function(swatch){\n      if (swatch.closest('.tooltip')) return;\n      var label = swatch.getAttribute('aria-label') || swatch.getAttribute('title') || '';\n      if (!label) return;\n      var wrap = document.createElement('span');\n      wrap.className = 'tooltip';\n      wrap.setAttribute('tabindex','0');\n      swatch.parentNode.insertBefore(wrap, swatch);\n      wrap.appendChild(swatch);\n      var tip = document.createElement('span');\n      tip.className = 'tooltiptext';\n      tip.textContent = label;\n      wrap.appendChild(tip);\n      swatch.removeAttribute('title');\n    });\n  });\n})();\n\u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":53497498337623,"sku":"BH\/9938MN","price":151.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9938-MN-1.jpg?v=1778581556"},{"product_id":"electric-salad-maker-bh-9996","title":"Máquina Eléctrica Para Hacer Ensaladas","description":"\u003cstyle\u003e\n  \/* === Bloque encapsulado SOLO para .bh-scope === *\/\n  .bh-scope{line-height:1.6;color:#333;font-family:inherit}\n\n  .bh-scope .bh-head{\n    position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;\n  }\n\n  \/* ── Títulos de sección ─────────────────────────────── *\/\n  .bh-scope .bh-section-title{\n    display:flex;align-items:center;gap:10px;\n    margin:32px 0 12px;font-size:1.05em;font-weight:700;\n    color:#1a1a1a;letter-spacing:.01em;\n  }\n  .bh-scope .bh-section-title::after{\n    content:\"\";flex:1;height:1px;\n    background:linear-gradient(to right,#ddd,transparent);\n  }\n  .bh-scope .bh-pill{\n    background:#800000;color:#fff;font-size:.68em;font-weight:700;\n    padding:2px 9px;border-radius:99px;letter-spacing:.06em;\n    text-transform:uppercase;white-space:nowrap;\n  }\n\n  \/* ── Tabla de características - estilo clásico limpio ─ *\/\n  .bh-scope .bh-specs{\n    width:100%;border-collapse:collapse;\n    margin-bottom:4px;font-size:.96em;\n    border:1px solid #e8e8e8;border-radius:6px;overflow:hidden;\n  }\n  .bh-scope .bh-specs tr{border-bottom:1px solid #efefef}\n  .bh-scope .bh-specs tr:last-child{border-bottom:none}\n  .bh-scope .bh-specs tr:hover{background:#fdf5f5}\n  .bh-scope .bh-specs td{\n    padding:10px 14px;vertical-align:middle;text-align:left;\n  }\n  .bh-scope .bh-specs td:first-child{\n    font-weight:700;color:#444;width:34%;\n    background:#f9f3f3;\n    border-right:1px solid #efefef;\n  }\n  .bh-scope .bh-specs td:last-child{color:#222}\n\n  \/* Swatches de color ─────────────────────────── *\/\n  .bh-scope .color-swatch{\n    display:inline-block;width:22px;height:22px;border-radius:50%;\n    border:2px solid #fff;\n    box-shadow:0 0 0 1.5px rgba(0,0,0,.20),0 1px 4px rgba(0,0,0,.10);\n    vertical-align:middle;margin:2px 5px 2px 0;cursor:default;\n    transition:transform .15s,box-shadow .15s;\n  }\n  .bh-scope .color-swatch:hover{\n    transform:scale(1.25);\n    box-shadow:0 0 0 2px rgba(0,0,0,.28),0 3px 8px rgba(0,0,0,.15);\n  }\n\n  \/* ── Bullets de beneficios ─────────────────────────── *\/\n  .bh-scope .bullets{list-style:none;padding:0;margin:0 0 24px}\n  .bh-scope .bullets li{\n    padding:8px 0;border-bottom:1px solid #f2f2f2;\n    display:flex;align-items:flex-start;font-size:.98em;gap:10px;\n  }\n  .bh-scope .bullets li:last-child{border-bottom:none}\n  .bh-scope .bullets .dot{\n    flex-shrink:0;width:6px;height:6px;border-radius:50%;\n    background:#800000;margin-top:8px;\n  }\n\n  \/* ── Fila de iconos con tooltip (sin etiqueta visible) *\/\n  .bh-scope .icon-row{\n    display:flex;flex-wrap:wrap;align-items:center;\n    justify-content:center;gap:18px;\n    margin:8px 0 20px;padding:14px 0;\n    border-top:1px solid #f0f0f0;\n    border-bottom:1px solid #f0f0f0;\n  }\n  .bh-scope .icon-row img{\n    display:block;width:46px;height:46px;border:0;outline:0;\n    opacity:.85;transition:opacity .15s,transform .15s;\n  }\n  .bh-scope .icon-row .tooltip:hover img,\n  .bh-scope .icon-row .tooltip:focus img{\n    opacity:1;transform:scale(1.12);\n  }\n\n  \/* ── Bloque de colección ──────────────────────────── *\/\n  .bh-scope .bh-collection{\n    display:flex;align-items:center;gap:14px;\n    background:#fdf5f5;border:1px solid #f0dada;border-radius:8px;\n    padding:14px 18px;margin-top:8px;flex-wrap:wrap;\n  }\n  .bh-scope .bh-collection-label{\n    font-size:.78em;font-weight:700;text-transform:uppercase;\n    letter-spacing:.08em;color:#800000;white-space:nowrap;\n  }\n  .bh-scope .bh-collection-links{\n    display:flex;flex-wrap:wrap;gap:8px;\n  }\n  .bh-scope .bh-collection-link{\n    display:inline-block;\n    background:#800000;color:#fff !important;text-decoration:none !important;\n    font-size:.82em;font-weight:600;padding:4px 12px;border-radius:99px;\n    transition:background .18s,transform .15s;white-space:nowrap;\n  }\n  .bh-scope .bh-collection-link:hover{\n    background:#600000;transform:translateY(-1px);\n    text-decoration:none !important;\n  }\n\n  \/* Tooltip CSS puro ──────────────────────────────────── *\/\n  .bh-scope .tooltip{\n    position:relative;display:inline-flex;\n    flex-direction:column;align-items:center;cursor:default;\n  }\n  .bh-scope .tooltiptext{\n    visibility:hidden;max-width:200px;background:#1a1a1a;color:#fff;\n    text-align:center;border-radius:7px;padding:6px 11px;\n    position:absolute;z-index:9999;bottom:calc(100% + 8px);left:50%;\n    transform:translateX(-50%);opacity:0;\n    transition:opacity .18s ease;\n    white-space:normal;font-size:.80em;\n    box-shadow:0 3px 12px rgba(0,0,0,.25);pointer-events:none;\n  }\n  .bh-scope .tooltip:hover .tooltiptext,\n  .bh-scope .tooltip:focus .tooltiptext{visibility:visible;opacity:1}\n  .bh-scope .tooltiptext::after{\n    content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;\n    border-width:5px;border-style:solid;\n    border-color:#1a1a1a transparent transparent transparent;\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bh-scope\"\u003e\n  \u003cdiv class=\"bh-head\"\u003e\n    \u003cspan\u003eRef: BH\/9996\u003c\/span\u003e · \u003cspan\u003eBerlinger Haus\u003c\/span\u003e · \u003cspan\u003ePromintra\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \n    \u003cdiv class=\"bh-section-title\"\u003e\n      \u003cspan class=\"bh-pill\"\u003eProducto\u003c\/span\u003e\n      Características Principales\n    \u003c\/div\u003e\n    \u003ctable class=\"bh-specs\"\u003e\n      \u003ctbody\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eMaterial\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                Acero inoxidable y plástico\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eIncluye\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                Cuchilla para cortar en rodajas finas (1,2 mm)\u003cbr\u003eCuchilla para cortar en rodajas gruesas (2,4 mm)\u003cbr\u003eCuchilla para rallar finamente\u003cbr\u003eCuchilla para rallar gruesamente\u003cbr\u003eCuchilla para patatas fritas pequeñas\u003cbr\u003eDisco entero para patatas fritas grandes\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eTamaño\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                17,6 x 21,1 x 33,4 cm\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eLongitud del cable de alimentación\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                1 m\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eColor\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                \u003cspan class=\"color-swatch\" style=\"background-color:#000000;\" title=\"negro\" aria-label=\"negro\"\u003e\u003c\/span\u003e\u003cspan class=\"color-swatch\" style=\"background-color:#E7BEAE;\" title=\"oro rosa\" aria-label=\"oro rosa\"\u003e\u003c\/span\u003e\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eFácil de limpiar\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                la base se limpia con un paño, el resto es apto para lavavajillas\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \n\n  \n\n  \n\n  \n    \u003cdiv class=\"bh-section-title\"\u003e\n      \u003cspan class=\"bh-pill\"\u003eCalidad\u003c\/span\u003e\n      Beneficios\n    \u003c\/div\u003e\n    \u003cdiv class=\"icon-row\"\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Fácil de limpiar\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/MxwchwVt\/Easycleaning.png\" alt=\"Fácil De Limpiar\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eFácil de limpiar\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Apto para lavavajillas\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/Df8Px6Vz\/Dishwashersafe.png\" alt=\"Apto Para Lavavajillas\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eApto para lavavajillas\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Patas de goma antideslizantes\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/s9tMjnfZ\/Anti-skidbottom.png\" alt=\"Antideslizantes\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003ePatas de goma antideslizantes\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mate\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eMate\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Material: acero inoxidable y plástico\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/WNHF0bV2\/Stainless-Steel.png\" alt=\"Stainless Steel\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eMaterial: acero inoxidable y plástico\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n    \u003c\/div\u003e\n  \n\n  \n    \u003cdiv class=\"bh-collection\"\u003e\n      \u003cspan class=\"bh-collection-label\"\u003eSerie\u003c\/span\u003e\n      \u003cdiv class=\"bh-collection-links\"\u003e\n        \n          \u003ca class=\"bh-collection-link\" href=\"https:\/\/berlinger-haus.es\/collections\/black-rose-collection\" title=\"Ver colección Black Rose Collection\"\u003e\n            Black Rose Collection\n          \u003c\/a\u003e\n        \n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \n\n  \n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/* Convierte color-swatch con title\/aria-label en tooltip burbuja CSS *\/\n(function(){\n  var scopes = document.querySelectorAll('.bh-scope');\n  scopes.forEach(function(scope){\n    var swatches = scope.querySelectorAll('.color-swatch');\n    swatches.forEach(function(swatch){\n      if (swatch.closest('.tooltip')) return;\n      var label = swatch.getAttribute('aria-label') || swatch.getAttribute('title') || '';\n      if (!label) return;\n      var wrap = document.createElement('span');\n      wrap.className = 'tooltip';\n      wrap.setAttribute('tabindex','0');\n      swatch.parentNode.insertBefore(wrap, swatch);\n      wrap.appendChild(swatch);\n      var tip = document.createElement('span');\n      tip.className = 'tooltiptext';\n      tip.textContent = label;\n      wrap.appendChild(tip);\n      swatch.removeAttribute('title');\n    });\n  });\n})();\n\u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":53523750125911,"sku":"BH\/9996","price":47.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9996-1.jpg?v=1778581406"},{"product_id":"electric-salad-maker-bh-9997","title":"Máquina Eléctrica Para Hacer Ensaladas","description":"\u003cstyle\u003e\n  \/* === Bloque encapsulado SOLO para .bh-scope === *\/\n  .bh-scope{line-height:1.6;color:#333;font-family:inherit}\n\n  .bh-scope .bh-head{\n    position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;\n  }\n\n  \/* ── Títulos de sección ─────────────────────────────── *\/\n  .bh-scope .bh-section-title{\n    display:flex;align-items:center;gap:10px;\n    margin:32px 0 12px;font-size:1.05em;font-weight:700;\n    color:#1a1a1a;letter-spacing:.01em;\n  }\n  .bh-scope .bh-section-title::after{\n    content:\"\";flex:1;height:1px;\n    background:linear-gradient(to right,#ddd,transparent);\n  }\n  .bh-scope .bh-pill{\n    background:#800000;color:#fff;font-size:.68em;font-weight:700;\n    padding:2px 9px;border-radius:99px;letter-spacing:.06em;\n    text-transform:uppercase;white-space:nowrap;\n  }\n\n  \/* ── Tabla de características - estilo clásico limpio ─ *\/\n  .bh-scope .bh-specs{\n    width:100%;border-collapse:collapse;\n    margin-bottom:4px;font-size:.96em;\n    border:1px solid #e8e8e8;border-radius:6px;overflow:hidden;\n  }\n  .bh-scope .bh-specs tr{border-bottom:1px solid #efefef}\n  .bh-scope .bh-specs tr:last-child{border-bottom:none}\n  .bh-scope .bh-specs tr:hover{background:#fdf5f5}\n  .bh-scope .bh-specs td{\n    padding:10px 14px;vertical-align:middle;text-align:left;\n  }\n  .bh-scope .bh-specs td:first-child{\n    font-weight:700;color:#444;width:34%;\n    background:#f9f3f3;\n    border-right:1px solid #efefef;\n  }\n  .bh-scope .bh-specs td:last-child{color:#222}\n\n  \/* Swatches de color ─────────────────────────── *\/\n  .bh-scope .color-swatch{\n    display:inline-block;width:22px;height:22px;border-radius:50%;\n    border:2px solid #fff;\n    box-shadow:0 0 0 1.5px rgba(0,0,0,.20),0 1px 4px rgba(0,0,0,.10);\n    vertical-align:middle;margin:2px 5px 2px 0;cursor:default;\n    transition:transform .15s,box-shadow .15s;\n  }\n  .bh-scope .color-swatch:hover{\n    transform:scale(1.25);\n    box-shadow:0 0 0 2px rgba(0,0,0,.28),0 3px 8px rgba(0,0,0,.15);\n  }\n\n  \/* ── Bullets de beneficios ─────────────────────────── *\/\n  .bh-scope .bullets{list-style:none;padding:0;margin:0 0 24px}\n  .bh-scope .bullets li{\n    padding:8px 0;border-bottom:1px solid #f2f2f2;\n    display:flex;align-items:flex-start;font-size:.98em;gap:10px;\n  }\n  .bh-scope .bullets li:last-child{border-bottom:none}\n  .bh-scope .bullets .dot{\n    flex-shrink:0;width:6px;height:6px;border-radius:50%;\n    background:#800000;margin-top:8px;\n  }\n\n  \/* ── Fila de iconos con tooltip (sin etiqueta visible) *\/\n  .bh-scope .icon-row{\n    display:flex;flex-wrap:wrap;align-items:center;\n    justify-content:center;gap:18px;\n    margin:8px 0 20px;padding:14px 0;\n    border-top:1px solid #f0f0f0;\n    border-bottom:1px solid #f0f0f0;\n  }\n  .bh-scope .icon-row img{\n    display:block;width:46px;height:46px;border:0;outline:0;\n    opacity:.85;transition:opacity .15s,transform .15s;\n  }\n  .bh-scope .icon-row .tooltip:hover img,\n  .bh-scope .icon-row .tooltip:focus img{\n    opacity:1;transform:scale(1.12);\n  }\n\n  \/* ── Bloque de colección ──────────────────────────── *\/\n  .bh-scope .bh-collection{\n    display:flex;align-items:center;gap:14px;\n    background:#fdf5f5;border:1px solid #f0dada;border-radius:8px;\n    padding:14px 18px;margin-top:8px;flex-wrap:wrap;\n  }\n  .bh-scope .bh-collection-label{\n    font-size:.78em;font-weight:700;text-transform:uppercase;\n    letter-spacing:.08em;color:#800000;white-space:nowrap;\n  }\n  .bh-scope .bh-collection-links{\n    display:flex;flex-wrap:wrap;gap:8px;\n  }\n  .bh-scope .bh-collection-link{\n    display:inline-block;\n    background:#800000;color:#fff !important;text-decoration:none !important;\n    font-size:.82em;font-weight:600;padding:4px 12px;border-radius:99px;\n    transition:background .18s,transform .15s;white-space:nowrap;\n  }\n  .bh-scope .bh-collection-link:hover{\n    background:#600000;transform:translateY(-1px);\n    text-decoration:none !important;\n  }\n\n  \/* Tooltip CSS puro ──────────────────────────────────── *\/\n  .bh-scope .tooltip{\n    position:relative;display:inline-flex;\n    flex-direction:column;align-items:center;cursor:default;\n  }\n  .bh-scope .tooltiptext{\n    visibility:hidden;max-width:200px;background:#1a1a1a;color:#fff;\n    text-align:center;border-radius:7px;padding:6px 11px;\n    position:absolute;z-index:9999;bottom:calc(100% + 8px);left:50%;\n    transform:translateX(-50%);opacity:0;\n    transition:opacity .18s ease;\n    white-space:normal;font-size:.80em;\n    box-shadow:0 3px 12px rgba(0,0,0,.25);pointer-events:none;\n  }\n  .bh-scope .tooltip:hover .tooltiptext,\n  .bh-scope .tooltip:focus .tooltiptext{visibility:visible;opacity:1}\n  .bh-scope .tooltiptext::after{\n    content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;\n    border-width:5px;border-style:solid;\n    border-color:#1a1a1a transparent transparent transparent;\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bh-scope\"\u003e\n  \u003cdiv class=\"bh-head\"\u003e\n    \u003cspan\u003eRef: BH\/9997\u003c\/span\u003e · \u003cspan\u003eBerlinger Haus\u003c\/span\u003e · \u003cspan\u003ePromintra\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \n    \u003cdiv class=\"bh-section-title\"\u003e\n      \u003cspan class=\"bh-pill\"\u003eProducto\u003c\/span\u003e\n      Características Principales\n    \u003c\/div\u003e\n    \u003ctable class=\"bh-specs\"\u003e\n      \u003ctbody\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eMaterial\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                Acero inoxidable y plástico\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eIncluye\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                Cuchilla para cortar en rodajas finas (1,2 mm)\u003cbr\u003eCuchilla para cortar en rodajas gruesas (2,4 mm)\u003cbr\u003eCuchilla para rallar finamente\u003cbr\u003eCuchilla para rallar gruesamente\u003cbr\u003eCuchilla para patatas fritas pequeñas\u003cbr\u003eDisco entero para patatas fritas grandes\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eTamaño\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                17,6 x 21,1 x 33,4 cm\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eLongitud del cable de alimentación\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                1 m\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eColor\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                \u003cspan class=\"color-swatch\" style=\"background-color:#FAF3D4;\" title=\"crema\" aria-label=\"crema\"\u003e\u003c\/span\u003e\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eFácil de limpiar\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                la base se limpia con un paño, el resto es apto para lavavajillas\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \n\n  \n\n  \n\n  \n    \u003cdiv class=\"bh-section-title\"\u003e\n      \u003cspan class=\"bh-pill\"\u003eCalidad\u003c\/span\u003e\n      Beneficios\n    \u003c\/div\u003e\n    \u003cdiv class=\"icon-row\"\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Fácil de limpiar\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/MxwchwVt\/Easycleaning.png\" alt=\"Fácil De Limpiar\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eFácil de limpiar\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Apto para lavavajillas\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/Df8Px6Vz\/Dishwashersafe.png\" alt=\"Apto Para Lavavajillas\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eApto para lavavajillas\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Patas de goma antideslizantes\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/s9tMjnfZ\/Anti-skidbottom.png\" alt=\"Antideslizantes\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003ePatas de goma antideslizantes\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mate\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eMate\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Material: acero inoxidable y plástico\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/WNHF0bV2\/Stainless-Steel.png\" alt=\"Stainless Steel\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eMaterial: acero inoxidable y plástico\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n    \u003c\/div\u003e\n  \n\n  \n    \u003cdiv class=\"bh-collection\"\u003e\n      \u003cspan class=\"bh-collection-label\"\u003eSerie\u003c\/span\u003e\n      \u003cdiv class=\"bh-collection-links\"\u003e\n        \n          \u003ca class=\"bh-collection-link\" href=\"https:\/\/berlinger-haus.es\/collections\/sahara-collection\" title=\"Ver colección Sahara Collection\"\u003e\n            Sahara Collection\n          \u003c\/a\u003e\n        \n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \n\n  \n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/* Convierte color-swatch con title\/aria-label en tooltip burbuja CSS *\/\n(function(){\n  var scopes = document.querySelectorAll('.bh-scope');\n  scopes.forEach(function(scope){\n    var swatches = scope.querySelectorAll('.color-swatch');\n    swatches.forEach(function(swatch){\n      if (swatch.closest('.tooltip')) return;\n      var label = swatch.getAttribute('aria-label') || swatch.getAttribute('title') || '';\n      if (!label) return;\n      var wrap = document.createElement('span');\n      wrap.className = 'tooltip';\n      wrap.setAttribute('tabindex','0');\n      swatch.parentNode.insertBefore(wrap, swatch);\n      wrap.appendChild(swatch);\n      var tip = document.createElement('span');\n      tip.className = 'tooltiptext';\n      tip.textContent = label;\n      wrap.appendChild(tip);\n      swatch.removeAttribute('title');\n    });\n  });\n})();\n\u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":53523750158679,"sku":"BH\/9997","price":47.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9997-1.jpg?v=1778581408"},{"product_id":"battery-operated-wine-gift-set-4in1-bh-90001","title":"Set De Regalo De Vino 4 En 1 Que Funciona Con Pilas","description":"\u003cstyle\u003e\n  \/* === Bloque encapsulado SOLO para .bh-scope === *\/\n  .bh-scope{line-height:1.6;color:#333;font-family:inherit}\n\n  .bh-scope .bh-head{\n    position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;\n  }\n\n  \/* ── Títulos de sección ─────────────────────────────── *\/\n  .bh-scope .bh-section-title{\n    display:flex;align-items:center;gap:10px;\n    margin:32px 0 12px;font-size:1.05em;font-weight:700;\n    color:#1a1a1a;letter-spacing:.01em;\n  }\n  .bh-scope .bh-section-title::after{\n    content:\"\";flex:1;height:1px;\n    background:linear-gradient(to right,#ddd,transparent);\n  }\n  .bh-scope .bh-pill{\n    background:#800000;color:#fff;font-size:.68em;font-weight:700;\n    padding:2px 9px;border-radius:99px;letter-spacing:.06em;\n    text-transform:uppercase;white-space:nowrap;\n  }\n\n  \/* ── Tabla de características - estilo clásico limpio ─ *\/\n  .bh-scope .bh-specs{\n    width:100%;border-collapse:collapse;\n    margin-bottom:4px;font-size:.96em;\n    border:1px solid #e8e8e8;border-radius:6px;overflow:hidden;\n  }\n  .bh-scope .bh-specs tr{border-bottom:1px solid #efefef}\n  .bh-scope .bh-specs tr:last-child{border-bottom:none}\n  .bh-scope .bh-specs tr:hover{background:#fdf5f5}\n  .bh-scope .bh-specs td{\n    padding:10px 14px;vertical-align:middle;text-align:left;\n  }\n  .bh-scope .bh-specs td:first-child{\n    font-weight:700;color:#444;width:34%;\n    background:#f9f3f3;\n    border-right:1px solid #efefef;\n  }\n  .bh-scope .bh-specs td:last-child{color:#222}\n\n  \/* Swatches de color ─────────────────────────── *\/\n  .bh-scope .color-swatch{\n    display:inline-block;width:22px;height:22px;border-radius:50%;\n    border:2px solid #fff;\n    box-shadow:0 0 0 1.5px rgba(0,0,0,.20),0 1px 4px rgba(0,0,0,.10);\n    vertical-align:middle;margin:2px 5px 2px 0;cursor:default;\n    transition:transform .15s,box-shadow .15s;\n  }\n  .bh-scope .color-swatch:hover{\n    transform:scale(1.25);\n    box-shadow:0 0 0 2px rgba(0,0,0,.28),0 3px 8px rgba(0,0,0,.15);\n  }\n\n  \/* ── Bullets de beneficios ─────────────────────────── *\/\n  .bh-scope .bullets{list-style:none;padding:0;margin:0 0 24px}\n  .bh-scope .bullets li{\n    padding:8px 0;border-bottom:1px solid #f2f2f2;\n    display:flex;align-items:flex-start;font-size:.98em;gap:10px;\n  }\n  .bh-scope .bullets li:last-child{border-bottom:none}\n  .bh-scope .bullets .dot{\n    flex-shrink:0;width:6px;height:6px;border-radius:50%;\n    background:#800000;margin-top:8px;\n  }\n\n  \/* ── Fila de iconos con tooltip (sin etiqueta visible) *\/\n  .bh-scope .icon-row{\n    display:flex;flex-wrap:wrap;align-items:center;\n    justify-content:center;gap:18px;\n    margin:8px 0 20px;padding:14px 0;\n    border-top:1px solid #f0f0f0;\n    border-bottom:1px solid #f0f0f0;\n  }\n  .bh-scope .icon-row img{\n    display:block;width:46px;height:46px;border:0;outline:0;\n    opacity:.85;transition:opacity .15s,transform .15s;\n  }\n  .bh-scope .icon-row .tooltip:hover img,\n  .bh-scope .icon-row .tooltip:focus img{\n    opacity:1;transform:scale(1.12);\n  }\n\n  \/* ── Bloque de colección ──────────────────────────── *\/\n  .bh-scope .bh-collection{\n    display:flex;align-items:center;gap:14px;\n    background:#fdf5f5;border:1px solid #f0dada;border-radius:8px;\n    padding:14px 18px;margin-top:8px;flex-wrap:wrap;\n  }\n  .bh-scope .bh-collection-label{\n    font-size:.78em;font-weight:700;text-transform:uppercase;\n    letter-spacing:.08em;color:#800000;white-space:nowrap;\n  }\n  .bh-scope .bh-collection-links{\n    display:flex;flex-wrap:wrap;gap:8px;\n  }\n  .bh-scope .bh-collection-link{\n    display:inline-block;\n    background:#800000;color:#fff !important;text-decoration:none !important;\n    font-size:.82em;font-weight:600;padding:4px 12px;border-radius:99px;\n    transition:background .18s,transform .15s;white-space:nowrap;\n  }\n  .bh-scope .bh-collection-link:hover{\n    background:#600000;transform:translateY(-1px);\n    text-decoration:none !important;\n  }\n\n  \/* Tooltip CSS puro ──────────────────────────────────── *\/\n  .bh-scope .tooltip{\n    position:relative;display:inline-flex;\n    flex-direction:column;align-items:center;cursor:default;\n  }\n  .bh-scope .tooltiptext{\n    visibility:hidden;max-width:200px;background:#1a1a1a;color:#fff;\n    text-align:center;border-radius:7px;padding:6px 11px;\n    position:absolute;z-index:9999;bottom:calc(100% + 8px);left:50%;\n    transform:translateX(-50%);opacity:0;\n    transition:opacity .18s ease;\n    white-space:normal;font-size:.80em;\n    box-shadow:0 3px 12px rgba(0,0,0,.25);pointer-events:none;\n  }\n  .bh-scope .tooltip:hover .tooltiptext,\n  .bh-scope .tooltip:focus .tooltiptext{visibility:visible;opacity:1}\n  .bh-scope .tooltiptext::after{\n    content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;\n    border-width:5px;border-style:solid;\n    border-color:#1a1a1a transparent transparent transparent;\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bh-scope\"\u003e\n  \u003cdiv class=\"bh-head\"\u003e\n    \u003cspan\u003eRef: BH\/90001\u003c\/span\u003e · \u003cspan\u003eBerlinger Haus\u003c\/span\u003e · \u003cspan\u003ePromintra\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \n    \u003cdiv class=\"bh-section-title\"\u003e\n      \u003cspan class=\"bh-pill\"\u003eProducto\u003c\/span\u003e\n      Características Principales\n    \u003c\/div\u003e\n    \u003ctable class=\"bh-specs\"\u003e\n      \u003ctbody\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003ePotencia\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                25 W\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eIncluye\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                Abrebotellas a pilas, cortador de cápsulas, vertedor de vino, conservador de vacío + tapón\u003cbr\u003eSoporte\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eColor\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                \u003cspan class=\"color-swatch\" style=\"background-color:#394A39;\" title=\"verde mate\" aria-label=\"verde mate\"\u003e\u003c\/span\u003e\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eAbrebotellas\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                1) Funciona con 4 pilas alcalinas \"AA\" (no incluidas) 2) Se pueden abrir al menos 80 botellas con un Set de pilas nuevas\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eVertedor de vino\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                Realza el sabor del vino al servirlo en la copa\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eTapón de vacío\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                Extrae el aire de la botella para mantener el vino fresco hasta por siete días\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \n\n  \n\n  \n\n  \n    \u003cdiv class=\"bh-section-title\"\u003e\n      \u003cspan class=\"bh-pill\"\u003eCalidad\u003c\/span\u003e\n      Beneficios\n    \u003c\/div\u003e\n    \u003cdiv class=\"icon-row\"\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"4 pilas\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/N6TKzrBB\/Rechargeablebattery.png\" alt=\"Baterías\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003e4 pilas\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Color: verde mate\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eColor: verde mate\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n    \u003c\/div\u003e\n  \n\n  \n    \u003cdiv class=\"bh-collection\"\u003e\n      \u003cspan class=\"bh-collection-label\"\u003eSerie\u003c\/span\u003e\n      \u003cdiv class=\"bh-collection-links\"\u003e\n        \n          \u003ca class=\"bh-collection-link\" href=\"https:\/\/berlinger-haus.es\/collections\/matte-green-collection\" title=\"Ver colección Matte Green Collection\"\u003e\n            Matte Green Collection\n          \u003c\/a\u003e\n        \n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \n\n  \n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/* Convierte color-swatch con title\/aria-label en tooltip burbuja CSS *\/\n(function(){\n  var scopes = document.querySelectorAll('.bh-scope');\n  scopes.forEach(function(scope){\n    var swatches = scope.querySelectorAll('.color-swatch');\n    swatches.forEach(function(swatch){\n      if (swatch.closest('.tooltip')) return;\n      var label = swatch.getAttribute('aria-label') || swatch.getAttribute('title') || '';\n      if (!label) return;\n      var wrap = document.createElement('span');\n      wrap.className = 'tooltip';\n      wrap.setAttribute('tabindex','0');\n      swatch.parentNode.insertBefore(wrap, swatch);\n      wrap.appendChild(swatch);\n      var tip = document.createElement('span');\n      tip.className = 'tooltiptext';\n      tip.textContent = label;\n      wrap.appendChild(tip);\n      swatch.removeAttribute('title');\n    });\n  });\n})();\n\u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":53589753364823,"sku":"BH\/90001","price":13.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-90001-1.jpg?v=1779272080"},{"product_id":"battery-operated-wine-gift-set-4in1-bh-90002","title":"Set De Regalo De Vino 4 En 1 Que Funciona Con Pilas","description":"\u003cstyle\u003e\n  \/* === Bloque encapsulado SOLO para .bh-scope === *\/\n  .bh-scope{line-height:1.6;color:#333;font-family:inherit}\n\n  .bh-scope .bh-head{\n    position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;\n  }\n\n  \/* ── Títulos de sección ─────────────────────────────── *\/\n  .bh-scope .bh-section-title{\n    display:flex;align-items:center;gap:10px;\n    margin:32px 0 12px;font-size:1.05em;font-weight:700;\n    color:#1a1a1a;letter-spacing:.01em;\n  }\n  .bh-scope .bh-section-title::after{\n    content:\"\";flex:1;height:1px;\n    background:linear-gradient(to right,#ddd,transparent);\n  }\n  .bh-scope .bh-pill{\n    background:#800000;color:#fff;font-size:.68em;font-weight:700;\n    padding:2px 9px;border-radius:99px;letter-spacing:.06em;\n    text-transform:uppercase;white-space:nowrap;\n  }\n\n  \/* ── Tabla de características - estilo clásico limpio ─ *\/\n  .bh-scope .bh-specs{\n    width:100%;border-collapse:collapse;\n    margin-bottom:4px;font-size:.96em;\n    border:1px solid #e8e8e8;border-radius:6px;overflow:hidden;\n  }\n  .bh-scope .bh-specs tr{border-bottom:1px solid #efefef}\n  .bh-scope .bh-specs tr:last-child{border-bottom:none}\n  .bh-scope .bh-specs tr:hover{background:#fdf5f5}\n  .bh-scope .bh-specs td{\n    padding:10px 14px;vertical-align:middle;text-align:left;\n  }\n  .bh-scope .bh-specs td:first-child{\n    font-weight:700;color:#444;width:34%;\n    background:#f9f3f3;\n    border-right:1px solid #efefef;\n  }\n  .bh-scope .bh-specs td:last-child{color:#222}\n\n  \/* Swatches de color ─────────────────────────── *\/\n  .bh-scope .color-swatch{\n    display:inline-block;width:22px;height:22px;border-radius:50%;\n    border:2px solid #fff;\n    box-shadow:0 0 0 1.5px rgba(0,0,0,.20),0 1px 4px rgba(0,0,0,.10);\n    vertical-align:middle;margin:2px 5px 2px 0;cursor:default;\n    transition:transform .15s,box-shadow .15s;\n  }\n  .bh-scope .color-swatch:hover{\n    transform:scale(1.25);\n    box-shadow:0 0 0 2px rgba(0,0,0,.28),0 3px 8px rgba(0,0,0,.15);\n  }\n\n  \/* ── Bullets de beneficios ─────────────────────────── *\/\n  .bh-scope .bullets{list-style:none;padding:0;margin:0 0 24px}\n  .bh-scope .bullets li{\n    padding:8px 0;border-bottom:1px solid #f2f2f2;\n    display:flex;align-items:flex-start;font-size:.98em;gap:10px;\n  }\n  .bh-scope .bullets li:last-child{border-bottom:none}\n  .bh-scope .bullets .dot{\n    flex-shrink:0;width:6px;height:6px;border-radius:50%;\n    background:#800000;margin-top:8px;\n  }\n\n  \/* ── Fila de iconos con tooltip (sin etiqueta visible) *\/\n  .bh-scope .icon-row{\n    display:flex;flex-wrap:wrap;align-items:center;\n    justify-content:center;gap:18px;\n    margin:8px 0 20px;padding:14px 0;\n    border-top:1px solid #f0f0f0;\n    border-bottom:1px solid #f0f0f0;\n  }\n  .bh-scope .icon-row img{\n    display:block;width:46px;height:46px;border:0;outline:0;\n    opacity:.85;transition:opacity .15s,transform .15s;\n  }\n  .bh-scope .icon-row .tooltip:hover img,\n  .bh-scope .icon-row .tooltip:focus img{\n    opacity:1;transform:scale(1.12);\n  }\n\n  \/* ── Bloque de colección ──────────────────────────── *\/\n  .bh-scope .bh-collection{\n    display:flex;align-items:center;gap:14px;\n    background:#fdf5f5;border:1px solid #f0dada;border-radius:8px;\n    padding:14px 18px;margin-top:8px;flex-wrap:wrap;\n  }\n  .bh-scope .bh-collection-label{\n    font-size:.78em;font-weight:700;text-transform:uppercase;\n    letter-spacing:.08em;color:#800000;white-space:nowrap;\n  }\n  .bh-scope .bh-collection-links{\n    display:flex;flex-wrap:wrap;gap:8px;\n  }\n  .bh-scope .bh-collection-link{\n    display:inline-block;\n    background:#800000;color:#fff !important;text-decoration:none !important;\n    font-size:.82em;font-weight:600;padding:4px 12px;border-radius:99px;\n    transition:background .18s,transform .15s;white-space:nowrap;\n  }\n  .bh-scope .bh-collection-link:hover{\n    background:#600000;transform:translateY(-1px);\n    text-decoration:none !important;\n  }\n\n  \/* Tooltip CSS puro ──────────────────────────────────── *\/\n  .bh-scope .tooltip{\n    position:relative;display:inline-flex;\n    flex-direction:column;align-items:center;cursor:default;\n  }\n  .bh-scope .tooltiptext{\n    visibility:hidden;max-width:200px;background:#1a1a1a;color:#fff;\n    text-align:center;border-radius:7px;padding:6px 11px;\n    position:absolute;z-index:9999;bottom:calc(100% + 8px);left:50%;\n    transform:translateX(-50%);opacity:0;\n    transition:opacity .18s ease;\n    white-space:normal;font-size:.80em;\n    box-shadow:0 3px 12px rgba(0,0,0,.25);pointer-events:none;\n  }\n  .bh-scope .tooltip:hover .tooltiptext,\n  .bh-scope .tooltip:focus .tooltiptext{visibility:visible;opacity:1}\n  .bh-scope .tooltiptext::after{\n    content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;\n    border-width:5px;border-style:solid;\n    border-color:#1a1a1a transparent transparent transparent;\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bh-scope\"\u003e\n  \u003cdiv class=\"bh-head\"\u003e\n    \u003cspan\u003eRef: BH\/90002\u003c\/span\u003e · \u003cspan\u003eBerlinger Haus\u003c\/span\u003e · \u003cspan\u003ePromintra\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \n    \u003cdiv class=\"bh-section-title\"\u003e\n      \u003cspan class=\"bh-pill\"\u003eProducto\u003c\/span\u003e\n      Características Principales\n    \u003c\/div\u003e\n    \u003ctable class=\"bh-specs\"\u003e\n      \u003ctbody\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003ePotencia\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                25 W\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eIncluye\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                Abrebotellas a pilas, cortador de cápsulas, vertedor, conservador al vacío + tapón\u003cbr\u003eSoporte\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eColor\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                \u003cspan class=\"color-swatch\" style=\"background-color:#8B8589;\" title=\"gris topo mate\" aria-label=\"gris topo mate\"\u003e\u003c\/span\u003e\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eAbrebotellas\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                1) Funciona con 4 pilas alcalinas \"AA\" (no incluidas) 2) Se pueden abrir al menos 80 botellas con un Set de pilas nuevas\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eVertedor\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                Realza el sabor del vino al servirlo en la copa\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eTapón al vacío\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                Extrae el aire de la botella para mantener el vino fresco hasta por siete días\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \n\n  \n\n  \n\n  \n    \u003cdiv class=\"bh-section-title\"\u003e\n      \u003cspan class=\"bh-pill\"\u003eCalidad\u003c\/span\u003e\n      Beneficios\n    \u003c\/div\u003e\n    \u003cdiv class=\"icon-row\"\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"4 pilas\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/N6TKzrBB\/Rechargeablebattery.png\" alt=\"Baterías\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003e4 pilas\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Color: gris topo mate\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eColor: gris topo mate\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n    \u003c\/div\u003e\n  \n\n  \n    \u003cdiv class=\"bh-collection\"\u003e\n      \u003cspan class=\"bh-collection-label\"\u003eSerie\u003c\/span\u003e\n      \u003cdiv class=\"bh-collection-links\"\u003e\n        \n          \u003ca class=\"bh-collection-link\" href=\"https:\/\/berlinger-haus.es\/collections\/taupe-collection\" title=\"Ver colección Taupe Collection\"\u003e\n            Taupe Collection\n          \u003c\/a\u003e\n        \n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \n\n  \n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/* Convierte color-swatch con title\/aria-label en tooltip burbuja CSS *\/\n(function(){\n  var scopes = document.querySelectorAll('.bh-scope');\n  scopes.forEach(function(scope){\n    var swatches = scope.querySelectorAll('.color-swatch');\n    swatches.forEach(function(swatch){\n      if (swatch.closest('.tooltip')) return;\n      var label = swatch.getAttribute('aria-label') || swatch.getAttribute('title') || '';\n      if (!label) return;\n      var wrap = document.createElement('span');\n      wrap.className = 'tooltip';\n      wrap.setAttribute('tabindex','0');\n      swatch.parentNode.insertBefore(wrap, swatch);\n      wrap.appendChild(swatch);\n      var tip = document.createElement('span');\n      tip.className = 'tooltiptext';\n      tip.textContent = label;\n      wrap.appendChild(tip);\n      swatch.removeAttribute('title');\n    });\n  });\n})();\n\u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":53589753659735,"sku":"BH\/90002","price":13.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-90002-1.jpg?v=1779272079"},{"product_id":"battery-operated-wine-gift-set-4in1-bh-90003","title":"Set De Regalo De Vino 4 En 1 Que Funciona Con Pilas","description":"\u003cstyle\u003e\n  \/* === Bloque encapsulado SOLO para .bh-scope === *\/\n  .bh-scope{line-height:1.6;color:#333;font-family:inherit}\n\n  .bh-scope .bh-head{\n    position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;\n  }\n\n  \/* ── Títulos de sección ─────────────────────────────── *\/\n  .bh-scope .bh-section-title{\n    display:flex;align-items:center;gap:10px;\n    margin:32px 0 12px;font-size:1.05em;font-weight:700;\n    color:#1a1a1a;letter-spacing:.01em;\n  }\n  .bh-scope .bh-section-title::after{\n    content:\"\";flex:1;height:1px;\n    background:linear-gradient(to right,#ddd,transparent);\n  }\n  .bh-scope .bh-pill{\n    background:#800000;color:#fff;font-size:.68em;font-weight:700;\n    padding:2px 9px;border-radius:99px;letter-spacing:.06em;\n    text-transform:uppercase;white-space:nowrap;\n  }\n\n  \/* ── Tabla de características - estilo clásico limpio ─ *\/\n  .bh-scope .bh-specs{\n    width:100%;border-collapse:collapse;\n    margin-bottom:4px;font-size:.96em;\n    border:1px solid #e8e8e8;border-radius:6px;overflow:hidden;\n  }\n  .bh-scope .bh-specs tr{border-bottom:1px solid #efefef}\n  .bh-scope .bh-specs tr:last-child{border-bottom:none}\n  .bh-scope .bh-specs tr:hover{background:#fdf5f5}\n  .bh-scope .bh-specs td{\n    padding:10px 14px;vertical-align:middle;text-align:left;\n  }\n  .bh-scope .bh-specs td:first-child{\n    font-weight:700;color:#444;width:34%;\n    background:#f9f3f3;\n    border-right:1px solid #efefef;\n  }\n  .bh-scope .bh-specs td:last-child{color:#222}\n\n  \/* Swatches de color ─────────────────────────── *\/\n  .bh-scope .color-swatch{\n    display:inline-block;width:22px;height:22px;border-radius:50%;\n    border:2px solid #fff;\n    box-shadow:0 0 0 1.5px rgba(0,0,0,.20),0 1px 4px rgba(0,0,0,.10);\n    vertical-align:middle;margin:2px 5px 2px 0;cursor:default;\n    transition:transform .15s,box-shadow .15s;\n  }\n  .bh-scope .color-swatch:hover{\n    transform:scale(1.25);\n    box-shadow:0 0 0 2px rgba(0,0,0,.28),0 3px 8px rgba(0,0,0,.15);\n  }\n\n  \/* ── Bullets de beneficios ─────────────────────────── *\/\n  .bh-scope .bullets{list-style:none;padding:0;margin:0 0 24px}\n  .bh-scope .bullets li{\n    padding:8px 0;border-bottom:1px solid #f2f2f2;\n    display:flex;align-items:flex-start;font-size:.98em;gap:10px;\n  }\n  .bh-scope .bullets li:last-child{border-bottom:none}\n  .bh-scope .bullets .dot{\n    flex-shrink:0;width:6px;height:6px;border-radius:50%;\n    background:#800000;margin-top:8px;\n  }\n\n  \/* ── Fila de iconos con tooltip (sin etiqueta visible) *\/\n  .bh-scope .icon-row{\n    display:flex;flex-wrap:wrap;align-items:center;\n    justify-content:center;gap:18px;\n    margin:8px 0 20px;padding:14px 0;\n    border-top:1px solid #f0f0f0;\n    border-bottom:1px solid #f0f0f0;\n  }\n  .bh-scope .icon-row img{\n    display:block;width:46px;height:46px;border:0;outline:0;\n    opacity:.85;transition:opacity .15s,transform .15s;\n  }\n  .bh-scope .icon-row .tooltip:hover img,\n  .bh-scope .icon-row .tooltip:focus img{\n    opacity:1;transform:scale(1.12);\n  }\n\n  \/* ── Bloque de colección ──────────────────────────── *\/\n  .bh-scope .bh-collection{\n    display:flex;align-items:center;gap:14px;\n    background:#fdf5f5;border:1px solid #f0dada;border-radius:8px;\n    padding:14px 18px;margin-top:8px;flex-wrap:wrap;\n  }\n  .bh-scope .bh-collection-label{\n    font-size:.78em;font-weight:700;text-transform:uppercase;\n    letter-spacing:.08em;color:#800000;white-space:nowrap;\n  }\n  .bh-scope .bh-collection-links{\n    display:flex;flex-wrap:wrap;gap:8px;\n  }\n  .bh-scope .bh-collection-link{\n    display:inline-block;\n    background:#800000;color:#fff !important;text-decoration:none !important;\n    font-size:.82em;font-weight:600;padding:4px 12px;border-radius:99px;\n    transition:background .18s,transform .15s;white-space:nowrap;\n  }\n  .bh-scope .bh-collection-link:hover{\n    background:#600000;transform:translateY(-1px);\n    text-decoration:none !important;\n  }\n\n  \/* Tooltip CSS puro ──────────────────────────────────── *\/\n  .bh-scope .tooltip{\n    position:relative;display:inline-flex;\n    flex-direction:column;align-items:center;cursor:default;\n  }\n  .bh-scope .tooltiptext{\n    visibility:hidden;max-width:200px;background:#1a1a1a;color:#fff;\n    text-align:center;border-radius:7px;padding:6px 11px;\n    position:absolute;z-index:9999;bottom:calc(100% + 8px);left:50%;\n    transform:translateX(-50%);opacity:0;\n    transition:opacity .18s ease;\n    white-space:normal;font-size:.80em;\n    box-shadow:0 3px 12px rgba(0,0,0,.25);pointer-events:none;\n  }\n  .bh-scope .tooltip:hover .tooltiptext,\n  .bh-scope .tooltip:focus .tooltiptext{visibility:visible;opacity:1}\n  .bh-scope .tooltiptext::after{\n    content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;\n    border-width:5px;border-style:solid;\n    border-color:#1a1a1a transparent transparent transparent;\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bh-scope\"\u003e\n  \u003cdiv class=\"bh-head\"\u003e\n    \u003cspan\u003eRef: BH\/90003\u003c\/span\u003e · \u003cspan\u003eBerlinger Haus\u003c\/span\u003e · \u003cspan\u003ePromintra\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \n    \u003cdiv class=\"bh-section-title\"\u003e\n      \u003cspan class=\"bh-pill\"\u003eProducto\u003c\/span\u003e\n      Características Principales\n    \u003c\/div\u003e\n    \u003ctable class=\"bh-specs\"\u003e\n      \u003ctbody\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003ePotencia\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                25 W\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eIncluye\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                Abrebotellas a pilas, cortador de cápsulas, vertedor, conservador al vacío + tapón\u003cbr\u003eSoporte\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eColor\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                \u003cspan class=\"color-swatch\" style=\"background-color:#411B16;\" title=\"burdeos mate\" aria-label=\"burdeos mate\"\u003e\u003c\/span\u003e\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eAbrebotellas\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                1) Funciona con 4 pilas alcalinas \"AA\" (no incluidas) 2) Se pueden abrir al menos 80 botellas con un Set de pilas nuevas\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eVertedor\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                Realza el sabor del vino al servirlo en la copa\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eTapón al vacío\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                Extrae el aire de la botella para mantener el vino fresco hasta por siete días\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \n\n  \n\n  \n\n  \n    \u003cdiv class=\"bh-section-title\"\u003e\n      \u003cspan class=\"bh-pill\"\u003eCalidad\u003c\/span\u003e\n      Beneficios\n    \u003c\/div\u003e\n    \u003cdiv class=\"icon-row\"\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"4 pilas\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/N6TKzrBB\/Rechargeablebattery.png\" alt=\"Baterías\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003e4 pilas\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Color: burdeos mate\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eColor: burdeos mate\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n    \u003c\/div\u003e\n  \n\n  \n    \u003cdiv class=\"bh-collection\"\u003e\n      \u003cspan class=\"bh-collection-label\"\u003eSerie\u003c\/span\u003e\n      \u003cdiv class=\"bh-collection-links\"\u003e\n        \n          \u003ca class=\"bh-collection-link\" href=\"https:\/\/berlinger-haus.es\/collections\/leonardo-collection\" title=\"Ver colección Leonardo Collection\"\u003e\n            Leonardo Collection\n          \u003c\/a\u003e\n        \n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \n\n  \n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/* Convierte color-swatch con title\/aria-label en tooltip burbuja CSS *\/\n(function(){\n  var scopes = document.querySelectorAll('.bh-scope');\n  scopes.forEach(function(scope){\n    var swatches = scope.querySelectorAll('.color-swatch');\n    swatches.forEach(function(swatch){\n      if (swatch.closest('.tooltip')) return;\n      var label = swatch.getAttribute('aria-label') || swatch.getAttribute('title') || '';\n      if (!label) return;\n      var wrap = document.createElement('span');\n      wrap.className = 'tooltip';\n      wrap.setAttribute('tabindex','0');\n      swatch.parentNode.insertBefore(wrap, swatch);\n      wrap.appendChild(swatch);\n      var tip = document.createElement('span');\n      tip.className = 'tooltiptext';\n      tip.textContent = label;\n      wrap.appendChild(tip);\n      swatch.removeAttribute('title');\n    });\n  });\n})();\n\u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":53589753725271,"sku":"BH\/90003","price":13.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-90003-1.jpg?v=1779272080"},{"product_id":"battery-operated-wine-gift-set-4in1-bh-9998","title":"Set De Regalo De Vino 4 En 1 Que Funciona Con Pilas","description":"\u003cstyle\u003e\n  \/* === Bloque encapsulado SOLO para .bh-scope === *\/\n  .bh-scope{line-height:1.6;color:#333;font-family:inherit}\n\n  .bh-scope .bh-head{\n    position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;\n  }\n\n  \/* ── Títulos de sección ─────────────────────────────── *\/\n  .bh-scope .bh-section-title{\n    display:flex;align-items:center;gap:10px;\n    margin:32px 0 12px;font-size:1.05em;font-weight:700;\n    color:#1a1a1a;letter-spacing:.01em;\n  }\n  .bh-scope .bh-section-title::after{\n    content:\"\";flex:1;height:1px;\n    background:linear-gradient(to right,#ddd,transparent);\n  }\n  .bh-scope .bh-pill{\n    background:#800000;color:#fff;font-size:.68em;font-weight:700;\n    padding:2px 9px;border-radius:99px;letter-spacing:.06em;\n    text-transform:uppercase;white-space:nowrap;\n  }\n\n  \/* ── Tabla de características - estilo clásico limpio ─ *\/\n  .bh-scope .bh-specs{\n    width:100%;border-collapse:collapse;\n    margin-bottom:4px;font-size:.96em;\n    border:1px solid #e8e8e8;border-radius:6px;overflow:hidden;\n  }\n  .bh-scope .bh-specs tr{border-bottom:1px solid #efefef}\n  .bh-scope .bh-specs tr:last-child{border-bottom:none}\n  .bh-scope .bh-specs tr:hover{background:#fdf5f5}\n  .bh-scope .bh-specs td{\n    padding:10px 14px;vertical-align:middle;text-align:left;\n  }\n  .bh-scope .bh-specs td:first-child{\n    font-weight:700;color:#444;width:34%;\n    background:#f9f3f3;\n    border-right:1px solid #efefef;\n  }\n  .bh-scope .bh-specs td:last-child{color:#222}\n\n  \/* Swatches de color ─────────────────────────── *\/\n  .bh-scope .color-swatch{\n    display:inline-block;width:22px;height:22px;border-radius:50%;\n    border:2px solid #fff;\n    box-shadow:0 0 0 1.5px rgba(0,0,0,.20),0 1px 4px rgba(0,0,0,.10);\n    vertical-align:middle;margin:2px 5px 2px 0;cursor:default;\n    transition:transform .15s,box-shadow .15s;\n  }\n  .bh-scope .color-swatch:hover{\n    transform:scale(1.25);\n    box-shadow:0 0 0 2px rgba(0,0,0,.28),0 3px 8px rgba(0,0,0,.15);\n  }\n\n  \/* ── Bullets de beneficios ─────────────────────────── *\/\n  .bh-scope .bullets{list-style:none;padding:0;margin:0 0 24px}\n  .bh-scope .bullets li{\n    padding:8px 0;border-bottom:1px solid #f2f2f2;\n    display:flex;align-items:flex-start;font-size:.98em;gap:10px;\n  }\n  .bh-scope .bullets li:last-child{border-bottom:none}\n  .bh-scope .bullets .dot{\n    flex-shrink:0;width:6px;height:6px;border-radius:50%;\n    background:#800000;margin-top:8px;\n  }\n\n  \/* ── Fila de iconos con tooltip (sin etiqueta visible) *\/\n  .bh-scope .icon-row{\n    display:flex;flex-wrap:wrap;align-items:center;\n    justify-content:center;gap:18px;\n    margin:8px 0 20px;padding:14px 0;\n    border-top:1px solid #f0f0f0;\n    border-bottom:1px solid #f0f0f0;\n  }\n  .bh-scope .icon-row img{\n    display:block;width:46px;height:46px;border:0;outline:0;\n    opacity:.85;transition:opacity .15s,transform .15s;\n  }\n  .bh-scope .icon-row .tooltip:hover img,\n  .bh-scope .icon-row .tooltip:focus img{\n    opacity:1;transform:scale(1.12);\n  }\n\n  \/* ── Bloque de colección ──────────────────────────── *\/\n  .bh-scope .bh-collection{\n    display:flex;align-items:center;gap:14px;\n    background:#fdf5f5;border:1px solid #f0dada;border-radius:8px;\n    padding:14px 18px;margin-top:8px;flex-wrap:wrap;\n  }\n  .bh-scope .bh-collection-label{\n    font-size:.78em;font-weight:700;text-transform:uppercase;\n    letter-spacing:.08em;color:#800000;white-space:nowrap;\n  }\n  .bh-scope .bh-collection-links{\n    display:flex;flex-wrap:wrap;gap:8px;\n  }\n  .bh-scope .bh-collection-link{\n    display:inline-block;\n    background:#800000;color:#fff !important;text-decoration:none !important;\n    font-size:.82em;font-weight:600;padding:4px 12px;border-radius:99px;\n    transition:background .18s,transform .15s;white-space:nowrap;\n  }\n  .bh-scope .bh-collection-link:hover{\n    background:#600000;transform:translateY(-1px);\n    text-decoration:none !important;\n  }\n\n  \/* Tooltip CSS puro ──────────────────────────────────── *\/\n  .bh-scope .tooltip{\n    position:relative;display:inline-flex;\n    flex-direction:column;align-items:center;cursor:default;\n  }\n  .bh-scope .tooltiptext{\n    visibility:hidden;max-width:200px;background:#1a1a1a;color:#fff;\n    text-align:center;border-radius:7px;padding:6px 11px;\n    position:absolute;z-index:9999;bottom:calc(100% + 8px);left:50%;\n    transform:translateX(-50%);opacity:0;\n    transition:opacity .18s ease;\n    white-space:normal;font-size:.80em;\n    box-shadow:0 3px 12px rgba(0,0,0,.25);pointer-events:none;\n  }\n  .bh-scope .tooltip:hover .tooltiptext,\n  .bh-scope .tooltip:focus .tooltiptext{visibility:visible;opacity:1}\n  .bh-scope .tooltiptext::after{\n    content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;\n    border-width:5px;border-style:solid;\n    border-color:#1a1a1a transparent transparent transparent;\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bh-scope\"\u003e\n  \u003cdiv class=\"bh-head\"\u003e\n    \u003cspan\u003eRef: BH\/9998\u003c\/span\u003e · \u003cspan\u003eBerlinger Haus\u003c\/span\u003e · \u003cspan\u003ePromintra\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \n    \u003cdiv class=\"bh-section-title\"\u003e\n      \u003cspan class=\"bh-pill\"\u003eProducto\u003c\/span\u003e\n      Características Principales\n    \u003c\/div\u003e\n    \u003ctable class=\"bh-specs\"\u003e\n      \u003ctbody\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003ePotencia\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                25 W\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eIncluye\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                Abrebotellas a pilas, cortador de cápsulas, vertedor, conservador al vacío + tapón\u003cbr\u003eSoporte\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eColor\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                \u003cspan class=\"color-swatch\" style=\"background-color:#000000;\" title=\"negro\" aria-label=\"negro\"\u003e\u003c\/span\u003e\u003cspan class=\"color-swatch\" style=\"background-color:#E7BEAE;\" title=\"oro rosa\" aria-label=\"oro rosa\"\u003e\u003c\/span\u003e\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eAbrebotellas\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                1) Funciona con 4 pilas alcalinas \"AA\" (no incluidas) 2) Se pueden abrir al menos 80 botellas con un Set de pilas nuevas\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eVertedor\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                Realza el sabor del vino al servirlo en la copa\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eTapón al vacío\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                Extrae el aire de la botella para mantener el vino fresco hasta por siete días\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \n\n  \n\n  \n\n  \n    \u003cdiv class=\"bh-section-title\"\u003e\n      \u003cspan class=\"bh-pill\"\u003eCalidad\u003c\/span\u003e\n      Beneficios\n    \u003c\/div\u003e\n    \u003cdiv class=\"icon-row\"\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"4 pilas\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/N6TKzrBB\/Rechargeablebattery.png\" alt=\"Baterías\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003e4 pilas\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n    \u003c\/div\u003e\n  \n\n  \n    \u003cdiv class=\"bh-collection\"\u003e\n      \u003cspan class=\"bh-collection-label\"\u003eSerie\u003c\/span\u003e\n      \u003cdiv class=\"bh-collection-links\"\u003e\n        \n          \u003ca class=\"bh-collection-link\" href=\"https:\/\/berlinger-haus.es\/collections\/black-rose-collection\" title=\"Ver colección Black Rose Collection\"\u003e\n            Black Rose Collection\n          \u003c\/a\u003e\n        \n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \n\n  \n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/* Convierte color-swatch con title\/aria-label en tooltip burbuja CSS *\/\n(function(){\n  var scopes = document.querySelectorAll('.bh-scope');\n  scopes.forEach(function(scope){\n    var swatches = scope.querySelectorAll('.color-swatch');\n    swatches.forEach(function(swatch){\n      if (swatch.closest('.tooltip')) return;\n      var label = swatch.getAttribute('aria-label') || swatch.getAttribute('title') || '';\n      if (!label) return;\n      var wrap = document.createElement('span');\n      wrap.className = 'tooltip';\n      wrap.setAttribute('tabindex','0');\n      swatch.parentNode.insertBefore(wrap, swatch);\n      wrap.appendChild(swatch);\n      var tip = document.createElement('span');\n      tip.className = 'tooltiptext';\n      tip.textContent = label;\n      wrap.appendChild(tip);\n      swatch.removeAttribute('title');\n    });\n  });\n})();\n\u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":53589754249559,"sku":"BH\/9998","price":13.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9998-alt.jpg?v=1779276191"},{"product_id":"battery-operated-wine-gift-set-4in1-bh-9999","title":"Set De Regalo De Vino 4 En 1 Que Funciona Con Pilas","description":"\u003cstyle\u003e\n  \/* === Bloque encapsulado SOLO para .bh-scope === *\/\n  .bh-scope{line-height:1.6;color:#333;font-family:inherit}\n\n  .bh-scope .bh-head{\n    position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;\n  }\n\n  \/* ── Títulos de sección ─────────────────────────────── *\/\n  .bh-scope .bh-section-title{\n    display:flex;align-items:center;gap:10px;\n    margin:32px 0 12px;font-size:1.05em;font-weight:700;\n    color:#1a1a1a;letter-spacing:.01em;\n  }\n  .bh-scope .bh-section-title::after{\n    content:\"\";flex:1;height:1px;\n    background:linear-gradient(to right,#ddd,transparent);\n  }\n  .bh-scope .bh-pill{\n    background:#800000;color:#fff;font-size:.68em;font-weight:700;\n    padding:2px 9px;border-radius:99px;letter-spacing:.06em;\n    text-transform:uppercase;white-space:nowrap;\n  }\n\n  \/* ── Tabla de características - estilo clásico limpio ─ *\/\n  .bh-scope .bh-specs{\n    width:100%;border-collapse:collapse;\n    margin-bottom:4px;font-size:.96em;\n    border:1px solid #e8e8e8;border-radius:6px;overflow:hidden;\n  }\n  .bh-scope .bh-specs tr{border-bottom:1px solid #efefef}\n  .bh-scope .bh-specs tr:last-child{border-bottom:none}\n  .bh-scope .bh-specs tr:hover{background:#fdf5f5}\n  .bh-scope .bh-specs td{\n    padding:10px 14px;vertical-align:middle;text-align:left;\n  }\n  .bh-scope .bh-specs td:first-child{\n    font-weight:700;color:#444;width:34%;\n    background:#f9f3f3;\n    border-right:1px solid #efefef;\n  }\n  .bh-scope .bh-specs td:last-child{color:#222}\n\n  \/* Swatches de color ─────────────────────────── *\/\n  .bh-scope .color-swatch{\n    display:inline-block;width:22px;height:22px;border-radius:50%;\n    border:2px solid #fff;\n    box-shadow:0 0 0 1.5px rgba(0,0,0,.20),0 1px 4px rgba(0,0,0,.10);\n    vertical-align:middle;margin:2px 5px 2px 0;cursor:default;\n    transition:transform .15s,box-shadow .15s;\n  }\n  .bh-scope .color-swatch:hover{\n    transform:scale(1.25);\n    box-shadow:0 0 0 2px rgba(0,0,0,.28),0 3px 8px rgba(0,0,0,.15);\n  }\n\n  \/* ── Bullets de beneficios ─────────────────────────── *\/\n  .bh-scope .bullets{list-style:none;padding:0;margin:0 0 24px}\n  .bh-scope .bullets li{\n    padding:8px 0;border-bottom:1px solid #f2f2f2;\n    display:flex;align-items:flex-start;font-size:.98em;gap:10px;\n  }\n  .bh-scope .bullets li:last-child{border-bottom:none}\n  .bh-scope .bullets .dot{\n    flex-shrink:0;width:6px;height:6px;border-radius:50%;\n    background:#800000;margin-top:8px;\n  }\n\n  \/* ── Fila de iconos con tooltip (sin etiqueta visible) *\/\n  .bh-scope .icon-row{\n    display:flex;flex-wrap:wrap;align-items:center;\n    justify-content:center;gap:18px;\n    margin:8px 0 20px;padding:14px 0;\n    border-top:1px solid #f0f0f0;\n    border-bottom:1px solid #f0f0f0;\n  }\n  .bh-scope .icon-row img{\n    display:block;width:46px;height:46px;border:0;outline:0;\n    opacity:.85;transition:opacity .15s,transform .15s;\n  }\n  .bh-scope .icon-row .tooltip:hover img,\n  .bh-scope .icon-row .tooltip:focus img{\n    opacity:1;transform:scale(1.12);\n  }\n\n  \/* ── Bloque de colección ──────────────────────────── *\/\n  .bh-scope .bh-collection{\n    display:flex;align-items:center;gap:14px;\n    background:#fdf5f5;border:1px solid #f0dada;border-radius:8px;\n    padding:14px 18px;margin-top:8px;flex-wrap:wrap;\n  }\n  .bh-scope .bh-collection-label{\n    font-size:.78em;font-weight:700;text-transform:uppercase;\n    letter-spacing:.08em;color:#800000;white-space:nowrap;\n  }\n  .bh-scope .bh-collection-links{\n    display:flex;flex-wrap:wrap;gap:8px;\n  }\n  .bh-scope .bh-collection-link{\n    display:inline-block;\n    background:#800000;color:#fff !important;text-decoration:none !important;\n    font-size:.82em;font-weight:600;padding:4px 12px;border-radius:99px;\n    transition:background .18s,transform .15s;white-space:nowrap;\n  }\n  .bh-scope .bh-collection-link:hover{\n    background:#600000;transform:translateY(-1px);\n    text-decoration:none !important;\n  }\n\n  \/* Tooltip CSS puro ──────────────────────────────────── *\/\n  .bh-scope .tooltip{\n    position:relative;display:inline-flex;\n    flex-direction:column;align-items:center;cursor:default;\n  }\n  .bh-scope .tooltiptext{\n    visibility:hidden;max-width:200px;background:#1a1a1a;color:#fff;\n    text-align:center;border-radius:7px;padding:6px 11px;\n    position:absolute;z-index:9999;bottom:calc(100% + 8px);left:50%;\n    transform:translateX(-50%);opacity:0;\n    transition:opacity .18s ease;\n    white-space:normal;font-size:.80em;\n    box-shadow:0 3px 12px rgba(0,0,0,.25);pointer-events:none;\n  }\n  .bh-scope .tooltip:hover .tooltiptext,\n  .bh-scope .tooltip:focus .tooltiptext{visibility:visible;opacity:1}\n  .bh-scope .tooltiptext::after{\n    content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;\n    border-width:5px;border-style:solid;\n    border-color:#1a1a1a transparent transparent transparent;\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bh-scope\"\u003e\n  \u003cdiv class=\"bh-head\"\u003e\n    \u003cspan\u003eRef: BH\/9999\u003c\/span\u003e · \u003cspan\u003eBerlinger Haus\u003c\/span\u003e · \u003cspan\u003ePromintra\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \n    \u003cdiv class=\"bh-section-title\"\u003e\n      \u003cspan class=\"bh-pill\"\u003eProducto\u003c\/span\u003e\n      Características Principales\n    \u003c\/div\u003e\n    \u003ctable class=\"bh-specs\"\u003e\n      \u003ctbody\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003ePotencia\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                25 W\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eIncluye\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                Abrebotellas a pilas, cortador de cápsulas, vertedor, conservador al vacío + tapón\u003cbr\u003eSoporte\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eColor\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                \u003cspan class=\"color-swatch\" style=\"background-color:#FAF3D4;\" title=\"crema mate\" aria-label=\"crema mate\"\u003e\u003c\/span\u003e\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eAbrebotellas\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                1) Funciona con 4 pilas alcalinas \"AA\" (no incluidas) 2) Se pueden abrir al menos 80 botellas con un Set de pilas nuevas\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eVertedor\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                Realza el sabor del vino al servirlo en la copa\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eTapón al vacío\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                Extrae el aire de la botella para mantener el vino fresco hasta por siete días\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \n\n  \n\n  \n\n  \n    \u003cdiv class=\"bh-section-title\"\u003e\n      \u003cspan class=\"bh-pill\"\u003eCalidad\u003c\/span\u003e\n      Beneficios\n    \u003c\/div\u003e\n    \u003cdiv class=\"icon-row\"\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"4 pilas\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/N6TKzrBB\/Rechargeablebattery.png\" alt=\"Baterías\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003e4 pilas\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Color: crema mate\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eColor: crema mate\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n    \u003c\/div\u003e\n  \n\n  \n    \u003cdiv class=\"bh-collection\"\u003e\n      \u003cspan class=\"bh-collection-label\"\u003eSerie\u003c\/span\u003e\n      \u003cdiv class=\"bh-collection-links\"\u003e\n        \n          \u003ca class=\"bh-collection-link\" href=\"https:\/\/berlinger-haus.es\/collections\/sahara-collection\" title=\"Ver colección Sahara Collection\"\u003e\n            Sahara Collection\n          \u003c\/a\u003e\n        \n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \n\n  \n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/* Convierte color-swatch con title\/aria-label en tooltip burbuja CSS *\/\n(function(){\n  var scopes = document.querySelectorAll('.bh-scope');\n  scopes.forEach(function(scope){\n    var swatches = scope.querySelectorAll('.color-swatch');\n    swatches.forEach(function(swatch){\n      if (swatch.closest('.tooltip')) return;\n      var label = swatch.getAttribute('aria-label') || swatch.getAttribute('title') || '';\n      if (!label) return;\n      var wrap = document.createElement('span');\n      wrap.className = 'tooltip';\n      wrap.setAttribute('tabindex','0');\n      swatch.parentNode.insertBefore(wrap, swatch);\n      wrap.appendChild(swatch);\n      var tip = document.createElement('span');\n      tip.className = 'tooltiptext';\n      tip.textContent = label;\n      wrap.appendChild(tip);\n      swatch.removeAttribute('title');\n    });\n  });\n})();\n\u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":53589754511703,"sku":"BH\/9999","price":13.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9999-1.jpg?v=1779272081"}],"url":"https:\/\/berlinger-haus.es\/ca\/collections\/preparacion-y-coccion-de-alimentos.oembed?page=2","provider":"Berlinger Haus, tienda oficial en España","version":"1.0","type":"link"}