{"title":"Menjador","description":"\u003cp\u003eBenvingut a la nostra col·lecció de cuina i menjador! Hem reunit una gamma de productes per ajudar-te a crear un espai on t'encantarà cuinar. Des de utensilis de cuina pràctics fins a vaixelles elegants, tenim tot el que necessites per fer realitat els teus somnis culinaris. Els nostres productes estan fabricats amb materials duradors i dissenys moderns, per la qual cosa resistiran el pas del temps i faran que les teves experiències culinàries siguin més plaents i eficients. Estem aquí per ajudar-te a trobar els productes perfectes per a la cuina o menjador, ja sigui que estiguis buscant actualitzar la teva cuina o afegir un toc d'elegància. Prepara't per gaudir de moments inoblidables a la teva cuina i menjador amb la nostra col·lecció exclusiva!\u003c\/p\u003e","products":[{"product_id":"glass-tea-pot-with-glass-filter-1l_bh-7828a","title":"Tetera De Cristall Amb Filtre De Cristall 1L","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\/7828A\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 \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eCapacitat\u003c\/td\u003e \u003ctd\u003e 1 L \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=\"Resistent src=\"https:\/\/i.ibb.co\/67pftqWV\/resistant.png\" alt=\"Resistent a la calor\"\u003e \u003cspan class=\"tooltiptext\"\u003eResistent a la calor\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Apte per a lavava src=\"https:\/\/i.ibb.co\/V07nqkqv\/dishwasher.png\" alt=\"Apte per a Rentaplats\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unifica tooltips de COL amb - amb el *ol amb el 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":51616749584727,"sku":"BH\/7828A","price":49.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-7828-A-1.jpg?v=1763471825"},{"product_id":"2pcs-metal-champagne-glass-set_bh-8665","title":"Set De 2 Copes De Xampany De Metall","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\/8665\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 Acer \u003ctd\u003eCapacitat\u003c\/td\u003e \u003ctd\u003e 260 ml \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e acer inoxidable \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\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":51617262207319,"sku":"BH\/8665","price":77.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8665-1_16a7faa3-68a4-4aec-a4d8-e0a140289fe3.jpg?v=1764058372"},{"product_id":"2pcs-metal-champagne-glass-set_bh-8664","title":"Set De 2 Copes De Xampany De Metall","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\/8664\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 Acer \u003ctd\u003eCapacitat\u003c\/td\u003e \u003ctd\u003e 260 ml \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e negre \u003c\/td\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unifica tooltips de COLOR amb els d'icones: - Si el Py. 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":51617262174551,"sku":"BH\/8664","price":77.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8664-3.jpg?v=1764058370"},{"product_id":"2pcs-metal-champagne-glass-set_bh-8663","title":"Set De 2 Copes De Xampany De Metall","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\/8663\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 Acer \u003ctd\u003eCapacitat\u003c\/td\u003e \u003ctd\u003e 260 ml \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e xampany daurat \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\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":51617262141783,"sku":"BH\/8663","price":77.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8663-1_44f5ea7c-c2a4-4f10-b0f4-bd5d5790e341.jpg?v=1764058370"},{"product_id":"2pcs-metal-champagne-glass-set_bh-8662","title":"Set De 2 Copes De Xampany De Metall","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\/8662\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 Acer \u003ctd\u003eCapacitat\u003c\/td\u003e \u003ctd\u003e 260 ml \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e or rosa \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\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":51616470729047,"sku":"BH\/8662","price":77.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8662-2_69c6d5ce-8ca1-4d97-beb6-79d180617a69.jpg?v=1764058368"},{"product_id":"2pcs-metal-wine-glass-set_bh-8661","title":"Set De 2 Copes De Vi De Metall","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\/8661\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 Acer \u003ctd\u003eCapacitat\u003c\/td\u003e \u003ctd\u003e 550 ml \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e acer inoxidable \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\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":51617262305623,"sku":"BH\/8661","price":77.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8661-3_3cc5fb72-5704-41fc-8cfc-93bef7b497b9.jpg?v=1764058380"},{"product_id":"2pcs-metal-wine-glass-set_bh-8660","title":"Set De 2 Copes De Vi De Metall","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\/8660\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 Acer \u003ctd\u003eCapacitat\u003c\/td\u003e \u003ctd\u003e 550 ml \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e negre \u003c\/td\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unifica tooltips de COLOR amb els d'icones: - Si el Py. 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":51616470958423,"sku":"BH\/8660","price":77.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8660-4_4c15164c-d33b-45c9-b795-c64b0cf7f791.jpg?v=1764058378"},{"product_id":"2pcs-metal-wine-glass-set_bh-8659","title":"Set De 2 Copes De Vi De Metall","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\/8659\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 Acer \u003ctd\u003eCapacitat\u003c\/td\u003e \u003ctd\u003e 550 ml \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e xampany daurat \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\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":51616470925655,"sku":"BH\/8659","price":77.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8659-2_ec5ab39b-67c5-4106-8fe9-8bc1fcc46e0d.jpg?v=1764058376"},{"product_id":"2pcs-metal-wine-glass-set_bh-8658","title":"Set De 2 Copes De Vi De Metall","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\/8658\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 Acer \u003ctd\u003eCapacitat\u003c\/td\u003e \u003ctd\u003e 550 ml \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e or rosa \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unifica tooltips de COLOR amb els d'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":51616470892887,"sku":"BH\/8658","price":77.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8658-1_09f51a0d-fe0e-4a5b-bba6-d17460feff50.jpg?v=1764058375"},{"product_id":"butter-dish-with-acrylic-lid_bh-8823","title":"Mantequera Amb Tapa Acrílica","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\/8823\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 18,7 x 12,3 x 7,8 cm \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unifica tooltips de COLOR amb les d'icones: - Si el Python ja genera estructura amb .tooltip\/.tooltip. - 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":51616549142871,"sku":"BH\/8823","price":31.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8823-1_72e1dcaa-5f21-4e8f-85e2-f07873569f19.jpg?v=1764058540"},{"product_id":"18pcs-dinnerware_bh-10205","title":"Vaixella De 18 Peces","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\/10205\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 Porcel \u003ctd\u003eInclou\u003c\/td\u003e \u003ctd\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003e6 plats plans\u003c\/td\u003e \u003ctd\u003e 25x2,5 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003e6 plats fondos\u003c\/td\u003e \u003ctd\u003e 21,8x4 cm \u003c\/td\u003e \u003ctd\u003e 19,8x2,2 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e blanc-verd \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 rentaplats\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/V07nqkqv\/dishwasher.png\" alt=\"Apte Per a rentaplats\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex \u003cimg src=\"https:\/\/i.ibb.co\/cSw9fy13\/high-quality.png\" alt=\"Alta Qualitat\"\u003e \u003cspan class=\"tooltiptext\"\u003ePorcellana de primera qualitat\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Apte src=\"https:\/\/i.ibb.co\/PZD5hkLT\/micro-safe.png\" alt=\"Apte per a Microones\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a microones\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":51616422920535,"sku":"BH\/10205","price":172.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-10205-1.jpg?v=1763380596"},{"product_id":"18pcs-dinnerware_bh-10204","title":"Vaixella De 18 Peces","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\/10204\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 Porcel \u003ctd\u003eInclou\u003c\/td\u003e \u003ctd\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003e6 plats plans\u003c\/td\u003e \u003ctd\u003e 25x2,5 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003e6 plats fondos\u003c\/td\u003e \u003ctd\u003e 21,8x4 cm \u003c\/td\u003e \u003ctd\u003e 19,8x2,2 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e blanc-gris \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 rentaplats\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/V07nqkqv\/dishwasher.png\" alt=\"Apte Per a rentaplats\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex \u003cimg src=\"https:\/\/i.ibb.co\/cSw9fy13\/high-quality.png\" alt=\"Alta Qualitat\"\u003e \u003cspan class=\"tooltiptext\"\u003ePorcellana de primera qualitat\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Apte src=\"https:\/\/i.ibb.co\/PZD5hkLT\/micro-safe.png\" alt=\"Apte per a Microones\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a microones\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":51616422887767,"sku":"BH\/10204","price":172.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-10204-3.jpg?v=1763380594"},{"product_id":"18pcs-dinnerware_bh-10203","title":"Vaixella De 18 Peces","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\/10203\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 Porcel \u003ctd\u003eInclou\u003c\/td\u003e \u003ctd\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003e6 plats plans\u003c\/td\u003e \u003ctd\u003e 25x2,5 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003e6 plats fondos\u003c\/td\u003e \u003ctd\u003e 21,8x4 cm \u003c\/td\u003e \u003ctd\u003e 19,8x2,2 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e blanc-bordeus \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class=\"tool rentaplats\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/V07nqkqv\/dishwasher.png\" alt=\"Apte Per a rentaplats\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex \u003cimg src=\"https:\/\/i.ibb.co\/cSw9fy13\/high-quality.png\" alt=\"Alta Qualitat\"\u003e \u003cspan class=\"tooltiptext\"\u003ePorcellana de primera qualitat\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Apte src=\"https:\/\/i.ibb.co\/PZD5hkLT\/micro-safe.png\" alt=\"Apte per a Microones\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a microones\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":51616422854999,"sku":"BH\/10203","price":172.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-10203-1.jpg?v=1763380593"},{"product_id":"18pcs-dinnerware_bh-10202","title":"Vaixella De 18 Peces","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\/10202\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 Porcel \u003ctd\u003eInclou\u003c\/td\u003e \u003ctd\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003e6 plats plans\u003c\/td\u003e \u003ctd\u003e 25x2,5 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003e6 plats fondos\u003c\/td\u003e \u003ctd\u003e 21,8x4 cm \u003c\/td\u003e \u003ctd\u003e 19,8x2,2 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e blanc-gris talp \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class=\"to rentaplats\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/V07nqkqv\/dishwasher.png\" alt=\"Apte Per a rentaplats\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex \u003cimg src=\"https:\/\/i.ibb.co\/cSw9fy13\/high-quality.png\" alt=\"Alta Qualitat\"\u003e \u003cspan class=\"tooltiptext\"\u003ePorcellana de primera qualitat\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Apte src=\"https:\/\/i.ibb.co\/PZD5hkLT\/micro-safe.png\" alt=\"Apte per a Microones\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a microones\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":51616422822231,"sku":"BH\/10202","price":172.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-10202-4.jpg?v=1763380592"},{"product_id":"18pcs-dinnerware_bh-10201","title":"Vaixella De 18 Peces","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\/10201\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 Porcel \u003ctd\u003eInclou\u003c\/td\u003e \u003ctd\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003e6 plats plans\u003c\/td\u003e \u003ctd\u003e 25x2,5 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003e6 plats fondos\u003c\/td\u003e \u003ctd\u003e 21,8x4 cm \u003c\/td\u003e \u003ctd\u003e 19,8x2,2 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e blanc-crema \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 rentaplats\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/V07nqkqv\/dishwasher.png\" alt=\"Apte Per a rentaplats\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex \u003cimg src=\"https:\/\/i.ibb.co\/cSw9fy13\/high-quality.png\" alt=\"Alta Qualitat\"\u003e \u003cspan class=\"tooltiptext\"\u003ePorcellana de primera qualitat\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Apte src=\"https:\/\/i.ibb.co\/PZD5hkLT\/micro-safe.png\" alt=\"Apte per a Microones\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a microones\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":51616422756695,"sku":"BH\/10201","price":172.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-10201-4.jpg?v=1763380590"},{"product_id":"18pcs-dinnerware_bh-10022","title":"Vaixella De 18 Peces","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\/10022\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 Gres \u003ctd\u003eInclou\u003c\/td\u003e \u003ctd\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003e6 plats plans\u003c\/td\u003e \u003ctd\u003e 27x3 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003e6 enciameres\u003c\/td\u003e \u003ctd\u003e 18x6 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctd 20x2 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \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\" src=\"https:\/\/i.ibb.co\/V07nqkqv\/dishwasher.png\" alt=\"Apte per a Rentaplats\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\" src=\"https:\/\/i.ibb.co\/cSw9fy13\/high-quality.png\" alt=\"Alta Qualitat\"\u003e \u003cspan class=\"tooltiptext\"\u003eGres de primera qualitat\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Apte per a microones src=\"https:\/\/i.ibb.co\/PZD5hkLT\/micro-safe.png\" alt=\"Apte per a Microones\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a microones\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":51616422658391,"sku":"BH\/10022","price":262.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-10022-1.jpg?v=1763380586"},{"product_id":"18pcs-dinnerware_bh-10020","title":"Vaixella De 18 Peces","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\/10020\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 Gres \u003ctd\u003eInclou\u003c\/td\u003e \u003ctd\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003e6 plats plans\u003c\/td\u003e \u003ctd\u003e 30x27x3 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003e6 enciameres\u003c\/td\u003e \u003ctd\u003e 23,6x21,5x5 cm postres\u003c\/td\u003e \u003ctd\u003e 23x21x2,5 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \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 aria-label=\"Apte per a rentaplats\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/V07nqkqv\/dishwasher.png\" alt=\"Apte per a Rentaplats\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class aria-label=\"Gres de primera qualitat\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/cSw9fy13\/high-quality.png\" alt=\"Alta Qualitat\"\u003e \u003cspan class=\"tooltiptext\"\u003eGres de primera qualitat\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tab \u003cimg src=\"https:\/\/i.ibb.co\/PZD5hkLT\/micro-safe.png\" alt=\"Apte per a Microones\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a microones\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unifica tooltips de COLOR amb els de COLOR .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":51616422560087,"sku":"BH\/10020","price":262.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-10020-1.jpg?v=1763380584"},{"product_id":"4-4pcs-espresso-cup-set_bh-10018","title":"Set De 4 Tasses D'Espresso + 4 Peces","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\/10018\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 tasses\u003c\/td\u003e \u003ctd\u003e 5x6,5 cm, 100 ml \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003e4 plats\u003c\/td\u003e \u003ctd\u003e 12,8x1,5 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e gris mat \u003c\/td\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Apte per a rentaplats\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/V07nqkqv\/dishwasher.png\" alt=\"Apt class=\"tooltiptext\"\u003eApte per a rentaplats\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Gres de primera qualitat\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/cSw9fy13\/high-quality.png\" alt=\"Alta\" primera qualitat\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Apte per a microones\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/PZD5hkLT\/micro-safe.png\" alt=\"Apte per a Microones\"\u003e \u003cspan class=\"tooltip \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":51616477315415,"sku":"BH\/10018","price":45.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-10018-1.jpg?v=1763380754"},{"product_id":"4-4pcs-espresso-cup-set_bh-10016","title":"Set De 4 Tasses D'Espresso + 4 Peces","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\/10016\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 \u003ctd\u003e tasses\u003c\/td\u003e \u003ctd\u003e 5x6,5 cm, 100 ml \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003e4 plats\u003c\/td\u003e \u003ctd\u003e 12,8x1,5 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e gris talp mate \u003c\/ \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Apte per a rentaplats\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/V07nqkqv\/dishwasher.png\" alt=\"Apt class=\"tooltiptext\"\u003eApte per a rentaplats\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Gres de primera qualitat\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/cSw9fy13\/high-quality.png\" alt=\"Alta\" primera qualitat\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Apte per a microones\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/PZD5hkLT\/micro-safe.png\" alt=\"Apte per a Microones\"\u003e \u003cspan class=\"tooltip \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":51616477086039,"sku":"BH\/10016","price":45.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-10016-1.jpg?v=1763380749"},{"product_id":"4pcs-mug-set_bh-10011","title":"Set De 4 Tasses","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\/10011\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 Gres \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=\"Apte per a rentaplats\" src=\"https:\/\/i.ibb.co\/V07nqkqv\/dishwasher.png\" alt=\"Apte per a Rentaplats\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\" src=\"https:\/\/i.ibb.co\/cSw9fy13\/high-quality.png\" alt=\"Alta Qualitat\"\u003e \u003cspan class=\"tooltiptext\"\u003eGres de primera qualitat\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Apte per a microones src=\"https:\/\/i.ibb.co\/PZD5hkLT\/micro-safe.png\" alt=\"Apte per a Microones\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a microones\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":51616481018199,"sku":"BH\/10011","price":41.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-10011-3.jpg?v=1763380836"},{"product_id":"4pcs-mug-set_bh-10010","title":"Set De 4 Tasses","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\/10010\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 Gres \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=\"Apte per a rentaplats\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/V07nqkqv\/dishwasher.png\" alt=\"Apte per a Rentaplats\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\" src=\"https:\/\/i.ibb.co\/cSw9fy13\/high-quality.png\" alt=\"Alta Qualitat\"\u003e \u003cspan class=\"tooltiptext\"\u003eGres de primera qualitat\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Apte per a microones src=\"https:\/\/i.ibb.co\/PZD5hkLT\/micro-safe.png\" alt=\"Apte per a Microones\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a microones\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":51616480985431,"sku":"BH\/10010","price":41.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-10010-7_216e3d41-7ed8-473d-8243-540aabeb0f1e.jpg?v=1773751830"},{"product_id":"18pcs-dinnerware_bh-10008","title":"Vaixella De 18 Peces","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\/10008\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 Gres \u003ctd\u003eInclou\u003c\/td\u003e \u003ctd\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003e6 plats plans\u003c\/td\u003e \u003ctd\u003e 26,5x2 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003e6 plats de postres\u003c\/td\u003e \u003ctd\u003e 20x2 cm \u003c\/td\u003e\u003c\/td\u003e\u003c\/td\u003e \u003ctd\u003e 15,8x5,5 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e gris 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=\"tool rentaplats\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/V07nqkqv\/dishwasher.png\" alt=\"Apte Per a rentaplats\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex src=\"https:\/\/i.ibb.co\/cSw9fy13\/high-quality.png\" alt=\"Alta Qualitat\"\u003e \u003cspan class=\"tooltiptext\"\u003eGres de primera qualitat\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Apte per a microones src=\"https:\/\/i.ibb.co\/PZD5hkLT\/micro-safe.png\" alt=\"Apte per a Microones\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a microones\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":51616422494551,"sku":"BH\/10008","price":221.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-10008-1.jpg?v=1763380579"},{"product_id":"18pcs-dinnerware_bh-10006","title":"Vaixella De 18 Peces","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\/10006\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 Gres \u003ctd\u003eInclou\u003c\/td\u003e \u003ctd\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003e6 plats plans\u003c\/td\u003e \u003ctd\u003e 26,5x2 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003e6 plats de postres\u003c\/td\u003e \u003ctd\u003e 20x2 cm \u003c\/td\u003e\u003c\/td\u003e\u003c\/td\u003e \u003ctd\u003e 15,8x5,5 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \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=\" rentaplats\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/V07nqkqv\/dishwasher.png\" alt=\"Apte Per a rentaplats\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex src=\"https:\/\/i.ibb.co\/cSw9fy13\/high-quality.png\" alt=\"Alta Qualitat\"\u003e \u003cspan class=\"tooltiptext\"\u003eGres de primera qualitat\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Apte per a microones src=\"https:\/\/i.ibb.co\/PZD5hkLT\/micro-safe.png\" alt=\"Apte per a Microones\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a microones\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":51616422363479,"sku":"BH\/10006","price":221.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-10006-1.jpg?v=1763380576"},{"product_id":"2pcs-glass-espresso-cup-set_bh-8772","title":"Set De 2 Tasses De Cafè Expresso De Vidre","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\/8772\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\u003eCapacitat\u003c\/td\u003e \u003ctd\u003e 80 ml \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eProtecció contra trencaments - Embalatge\u003c\/td\u003e \u003ctd\u003e 1 peça \/ una bossa de bombolles \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h\u003e class=\"tooltip\" tabindex=\"0\" aria-label=\"Doble paret - resistent a altes temperatures\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/xK1RvfW1\/double-wall.png\" alt=\"Doble paret\"\u003e \u003cspan class=\"tooltiptext\"\u003eDoble paret -\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":51616470237527,"sku":"BH\/8772","price":26.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8772-Conceptual-1.jpg?v=1764058365"},{"product_id":"6pcs-bareware-set_bh-8546","title":"Set De Vaixella De 6 Peces","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\/8546\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 \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eCoctelera\u003c\/td\u003e \u003ctd\u003e 550 ml \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003e5 accessoris\u003c\/td\u003e \u003ctd\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e acer inoxidable \u003c\/td\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Apte per a rentaplats\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/V07nqkqv\/dishwasher.png\" alt=\"Apt class=\"tooltiptext\"\u003eApte per a rentaplats\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":51616487178583,"sku":"BH\/8546","price":73.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8546-5_327f0c59-48ff-4d08-990f-4fbf27b3eee7.jpg?v=1764058469"},{"product_id":"6pcs-bareware-set_bh-8545","title":"Set de Bareware De 6 Peces","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\/8545\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 \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eCoctelera\u003c\/td\u003e \u003ctd\u003e 550 ml \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003e5 accessoris\u003c\/td\u003e \u003ctd\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e negre-or rosa \u003c\/td\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Apte per a rentaplats\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/V07nqkqv\/dishwasher.png\" alt=\"Apt class=\"tooltiptext\"\u003eApte per a rentaplats\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":51616487047511,"sku":"BH\/8545","price":98.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8545-7.jpg?v=1772800358"},{"product_id":"round-glass-tea-pot-with-filter-1l_bh-7805","title":"Tetera Rodona De Cristall Amb Filtre 1L","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\/7805\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                Tapa de vidrio de borosilicato con filtro de acero inoxidable 18\/10\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eCapacidad\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                1 L\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=\"Resistente al calor\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/9mjBcG5C\/fire-resistant.png\" alt=\"Resistente Al Calor\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eResistente al calor\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Borosilicato\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/2YfmPW9W\/Temperedglass.png\" alt=\"Borosilicate\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eBorosilicato\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=\"Acero inoxidable\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/WNHF0bV2\/Stainless-Steel.png\" alt=\"Stainless Steel\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eAcero inoxidable\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":51616887505239,"sku":"BH\/7805","price":57.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-7805-Conceptual-1.jpg?v=1763472032"},{"product_id":"square-glass-tea-pot-with-filter-950ml_bh-7804","title":"Tetera Quadrada De Cristall Amb Filtre 950Ml","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\/7804\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                Tapa de vidrio de borosilicato con filtro de acero inoxidable 18\/10\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eCapacidad\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                950 ml\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=\"Resistente al calor\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/9mjBcG5C\/fire-resistant.png\" alt=\"Resistente Al Calor\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eResistente al calor\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Borosilicato\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/2YfmPW9W\/Temperedglass.png\" alt=\"Borosilicate\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eBorosilicato\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=\"Acero inoxidable\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/WNHF0bV2\/Stainless-Steel.png\" alt=\"Stainless Steel\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eAcero inoxidable\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":51617527234903,"sku":"BH\/7804","price":57.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-7804-Giftbox-1.jpg?v=1763472116"},{"product_id":"4pcs-cutlery-set-with-traveling-canvas-bag-mirror_bh-3083","title":"Set De Coberts De 4 Peces Amb Bossa De Lona De Viatge I Mirall.","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\/3083\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 acabado espejo\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eIncluye\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                Cuchillo de mesa de 5,0 mm\u003cbr\u003eTenedor de mesa de 3,0 mm\u003cbr\u003eCuchara de mesa de 3,0 mm\u003cbr\u003eCucharilla de té de 2,0 mm\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:#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\u003eProducto adicional\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                bolsa de lona de viaje\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=\"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 acabado espejo\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/prw9sbzF\/Mirrorfinish.png\" alt=\"Mirror Finish\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eMaterial: acero inoxidable con acabado espejo\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Material: acero inoxidable con acabado espejo\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/WNHF0bV2\/Stainless-Steel.png\" alt=\"Stainless Steel\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eMaterial: acero inoxidable con acabado espejo\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\/metallic-line-rose-gold-edition\" title=\"Ver colección Metallic Line – Rose Gold Edition\"\u003e\n            Metallic Line – Rose Gold Edition\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":51616478396759,"sku":"BH\/3083","price":26.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-3083-2_5f73d12f-1116-44b8-9f1d-dc9627e8623b.jpg?v=1763380780"},{"product_id":"24pcs-cutlery-set-mirror_bh-3040","title":"Set De Coberts De 24 Peces Amb Mirall","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\/3040\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, acabado espejo\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eIncluye\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                6 cuchillos de mesa de 7,0 mm\u003cbr\u003e6 cucharas de mesa de 3,5 mm\u003cbr\u003e6 tenedores de mesa de 3,5 mm\u003cbr\u003e6 cucharillas de té de 2,5 mm\u003cbr\u003eDiseño elegante\u003cbr\u003eAcero inoxidable de alta calidad\u003cbr\u003eElegante caja de regalo\u003cbr\u003eAcabado espejo\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=\"Acero inoxidable de alta calidad\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/MkhHXSWy\/high-quality.png\" alt=\"Alta Calidad\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eAcero inoxidable de alta calidad\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, acabado espejo\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/prw9sbzF\/Mirrorfinish.png\" alt=\"Mirror Finish\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eMaterial: acero inoxidable, acabado espejo\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Material: acero inoxidable, acabado espejo\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/WNHF0bV2\/Stainless-Steel.png\" alt=\"Stainless Steel\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eMaterial: acero inoxidable, acabado espejo\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":51616423805271,"sku":"BH\/3040","price":114.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-3040-2.jpg?v=1763380608"},{"product_id":"24pcs-cutlery-set-mirror_bh-3039","title":"Set De Coberts De 24 Peces Amb Mirall","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\/3039\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, acabado espejo\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eIncluye\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                6 cuchillos de mesa de 7,0 mm\u003cbr\u003e6 cucharas de mesa de 4,0 mm\u003cbr\u003e6 tenedores de mesa de 4,0 mm\u003cbr\u003e6 cucharillas de té de 3,0 mm\u003cbr\u003eDiseño elegante\u003cbr\u003eAcero inoxidable de alta calidad\u003cbr\u003eElegante caja de regalo\u003cbr\u003eAcabado espejo\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=\"Acero inoxidable de alta calidad\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/MkhHXSWy\/high-quality.png\" alt=\"Alta Calidad\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eAcero inoxidable de alta calidad\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, acabado espejo\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/prw9sbzF\/Mirrorfinish.png\" alt=\"Mirror Finish\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eMaterial: acero inoxidable, acabado espejo\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Material: acero inoxidable, acabado espejo\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/WNHF0bV2\/Stainless-Steel.png\" alt=\"Stainless Steel\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eMaterial: acero inoxidable, acabado espejo\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":51616423739735,"sku":"BH\/3039","price":114.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-3039-1_655d9b7d-01ee-4c05-80e4-9d3d186edb1e.jpg?v=1763380607"},{"product_id":"24pcs-cutlery-set-mirror_bh-3034","title":"Set De Coberts De 24 Peces Amb Mirall","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\/3034\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 acabado espejo completo\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eIncluye\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                Cuchillo de mesa (6 piezas, 6,0 mm)\u003cbr\u003eTenedor de mesa (6 piezas, 3,0 mm)\u003cbr\u003eCuchara de mesa (6 piezas, 3,0 mm)\u003cbr\u003eCucharilla de té (6 piezas, 2 mm)\u003cbr\u003eDiseño elegante\u003cbr\u003eAcero inoxidable de alta calidad\u003cbr\u003eCaja de regalo representativa\u003cbr\u003eAcabado espejo\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=\"Acero inoxidable de alta calidad\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/MkhHXSWy\/high-quality.png\" alt=\"Alta Calidad\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eAcero inoxidable de alta calidad\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 acabado espejo completo\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/prw9sbzF\/Mirrorfinish.png\" alt=\"Mirror Finish\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eMaterial: acero inoxidable con acabado espejo completo\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Material: acero inoxidable con acabado espejo completo\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/WNHF0bV2\/Stainless-Steel.png\" alt=\"Stainless Steel\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eMaterial: acero inoxidable con acabado espejo completo\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":51616423706967,"sku":"BH\/3034","price":98.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-3034-1_21b99c0a-63da-4f9a-82ad-30f8cc68b29a.jpg?v=1763380605"},{"product_id":"6pcs-stainless-steel-bent-straw-set_bh-2984","title":"Set De 6 Palletes Doblades D'Acer Inoxidable","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\/2984\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 18\/10\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                24 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 espejo\" aria-label=\"negro espejo\"\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=\"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 18\/10\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/WNHF0bV2\/Stainless-Steel.png\" alt=\"Stainless Steel\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eMaterial: acero inoxidable 18\/10\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":51616507265367,"sku":"BH\/2984","price":13.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-2984-4_f807f581-a125-4da8-84eb-28db9ef01dca.jpg?v=1763381088"},{"product_id":"6pcs-stainless-steel-bent-straw-set_bh-2983","title":"Set De 6 Palletes Doblades D'Acer Inoxidable","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\/2983\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 18\/10\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                24 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:#FCDD91;\" title=\"champán espejo\" aria-label=\"champán espejo\"\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=\"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 18\/10\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/WNHF0bV2\/Stainless-Steel.png\" alt=\"Stainless Steel\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eMaterial: acero inoxidable 18\/10\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":51616507232599,"sku":"BH\/2983","price":12.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-2983-1_2be48fcf-6687-4f78-9998-649718cf4169.jpg?v=1763381085"},{"product_id":"6pcs-stainless-steel-bent-straw-set_bh-2981","title":"Set De 6 Palletes Doblades D'Acer Inoxidable","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\/2981\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 18\/10\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                24 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:#DEDEDE;\" title=\"plata espejo\" aria-label=\"plata espejo\"\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=\"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 18\/10\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/WNHF0bV2\/Stainless-Steel.png\" alt=\"Stainless Steel\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eMaterial: acero inoxidable 18\/10\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":51616507101527,"sku":"BH\/2981","price":10.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-2981-1_6029713a-e8af-4559-a7a2-e0db77ec2078.jpg?v=1763381083"},{"product_id":"2pcs-glass-cup-set_bh-8881","title":"Set De 2 Gots De Vidre","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\/8881\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                Vidrio de borosilicato\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eCapacidad\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                270 ml\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eProtección contra roturas - Embalaje\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                1 unidad\/bolsa de burbujas\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=\"DOBLE PARED\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/5Wzdxj7C\/Doublewall.png\" alt=\"Doble Pared\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eDOBLE PARED\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Temperatura\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/HLvM5gpB\/Thermostat.png\" alt=\"Temperatura\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eTemperatura\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Material: vidrio de borosilicato\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/2YfmPW9W\/Temperedglass.png\" alt=\"Borosilicate\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eMaterial: vidrio de borosilicato\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    \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":51616470106455,"sku":"BH\/8881","price":45.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8881-Conceptual-1_6458ceaa-3a31-4ce4-a663-67aba73058a4.jpg?v=1764058358"},{"product_id":"18pcs-dinnerware_bh-10302","title":"Vaixella De 18 Peces","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\/10302\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                Porcelana\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003e6 platos llanos\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                26,8 x 2,8 cm\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003e6 platos hondos\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                20,5 x 4,5 cm\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003e6 platos de postre\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                19,3 x 2,3 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:#808080;\" title=\"gris\" aria-label=\"gris\"\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=\"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=\"Porcelana de primera calidad\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/MkhHXSWy\/high-quality.png\" alt=\"Alta Calidad\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003ePorcelana de primera calidad\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Apto para microondas\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/RGPw3hWW\/Microwavesafe.png\" alt=\"Apto Para Microondas\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eApto para microondas\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    \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\/aspen-collection\" title=\"Ver colección Aspen Collection\"\u003e\n            Aspen 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":51616423051607,"sku":"BH\/10302","price":205.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-10302-1.jpg?v=1763380599"},{"product_id":"24pcs-cutlery-set-with-rose-gold-pvd-coating-mirror-polish_bh-2623a","title":"Set De Coberts De 24 Peces Amb Recobriment Pvd D'Or Rosa Pulido Mirall","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\/2623A\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 \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eInclou\u003c\/td\u003e \u003ctd\u003e Ganivet de taula 6 peces 5,0 mm\u003cbr\u003eForquilla de taula 6 peces 3,0 mm\u003cbr\u003eCullera de taula 6 peces 3,0 mm\u003cbr\u003eCullera de te 6 peces 2 mm \u003c\/td\u003e \u003c\/tr\u003e 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=\"Acer inoxidable d'alta qualitat\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/png alt=\"Alta Qualitat\"\u003e \u003cspan class=\"tooltiptext\"\u003eAcer inoxidable d'alta qualitat\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":51616453198167,"sku":"BH\/2623A","price":123.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-2623-A-2.jpg?v=1763380657"},{"product_id":"24pcs-cutlery-set-with-rose-gold-pvd-coating-satin-polish_bh-3076","title":"Set De Coberts De 24 Peces Amb Recobriment Pvd D'Or Rosa I Polit Satinat.","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\/3076\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 Acer \u003ctr\u003e \u003ctd\u003eInclou\u003c\/td\u003e \u003ctd\u003e Ganivet de taula 6 peces 5,0 mm\u003cbr\u003eForquilla de taula 6 peces 3,0 mm\u003cbr\u003eCullera de taula 6 peces 3,0 mm\u003cbr\u003eCullera de te 6 peces 2,0 mm \u003c\/t\u003e \u003c\/t\u003e 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=\"Acer inoxidable d'alta qualitat\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/png alt=\"Alta Qualitat\"\u003e \u003cspan class=\"tooltiptext\"\u003eAcer inoxidable d'alta qualitat\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":51616466370903,"sku":"BH\/3076","price":123.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-3076-4_b2988e02-c5b9-48de-a0f3-ccf0a925fbe4.jpg?v=1763380681"},{"product_id":"cast-iron-tea-pot-12l_bh-7801","title":"Tetera De Ferro Fos De 1,2 L","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\/7801\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\u003eCapacitat\u003c\/td\u003e \u003ctd\u003e 1,2 L \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e negre \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class= per a inducció\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/zhVj1kvg\/induction.png\" alt=\"Inducció\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a inducció\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mango src=\"https:\/\/i.ibb.co\/5gy0RhHh\/antislip.png\" alt=\"Antilliscants\"\u003e \u003cspan class=\"tooltiptext\"\u003eMang antilliscant\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unifica tooltips de COLOR amb els d'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":51617391411543,"sku":"BH\/7801","price":110.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-7801-4_60b6c716-4da7-43f4-b96b-11156bf28c85.jpg?v=1763471697"},{"product_id":"cast-iron-tea-pot-08l_bh-7802","title":"Tetera De Ferro Fos De 0,8 L","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\/7802\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\u003eCapacitat\u003c\/td\u003e \u003ctd\u003e 0,8 L \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e negre \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class= per a inducció\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/zhVj1kvg\/induction.png\" alt=\"Inducció\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a inducció\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unifica tooltips de COLOR amb els de icona .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":51616564019543,"sku":"BH\/7802","price":106.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-7802-1_fd905779-719c-4ee5-bbbb-1b3f746b6d2a.jpg?v=1763471696"},{"product_id":"18pcs-dinnerware_lp-bh-261","title":"Vaixella De 18 Peces","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-261\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 Gres \u003ctd\u003eInclou\u003c\/td\u003e \u003ctd\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003e6 plats plans\u003c\/td\u003e \u003ctd\u003e 26,5x2 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003e6 plats de postres\u003c\/td\u003e \u003ctd\u003e 20x2 cm \u003c\/td\u003e\u003c\/td\u003e\u003c\/td\u003e \u003ctd\u003e 15,8x5,5 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e verd 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\" rentaplats\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/V07nqkqv\/dishwasher.png\" alt=\"Apte Per a rentaplats\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex src=\"https:\/\/i.ibb.co\/cSw9fy13\/high-quality.png\" alt=\"Alta Qualitat\"\u003e \u003cspan class=\"tooltiptext\"\u003eGres de primera qualitat\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Apte per a microones src=\"https:\/\/i.ibb.co\/PZD5hkLT\/micro-safe.png\" alt=\"Apte per a Microones\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a microones\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":51616423084375,"sku":"LP-BH-261","price":221.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/LP-BH-261-1_9dc1c861-eee4-455d-a962-51d0081bd4c1.jpg?v=1764235826"},{"product_id":"12pcs-chopstick-set_bh-3161","title":"Set De 12 Palets","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\/3161\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 Acer \u003ctd\u003eInclou\u003c\/td\u003e \u003ctd\u003e 12 escuradents (6 parells) \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e 23,5 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eDisseny quadrat\u003c\/td\u003e \u003ctd\u003e no roda i se sosté còmodament en la \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Sense residus d'oli, fàcil de netejar\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/jZhWGN7y\/clean.png\" alt=\"Fàcil class=\"tooltiptext\"\u003eSense residus d'oli, fàcil de netejar\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Acer inoxidable d'alta qualitat\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/cSw9fy13\/high-quality.png\" class=\"tooltiptext\"\u003eAcer inoxidable d'alta qualitat\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":51616419447127,"sku":"BH\/3161","price":24.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-3161-1.jpg?v=1763380527"},{"product_id":"12pcs-chopstick-set-with-rose-gold-pvd-coating_bh-3162","title":"Set De 12 Palets Amb Revestiment Pvd D'Or Rosa","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\/3162\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 Acer \u003ctd\u003eInclou\u003c\/td\u003e \u003ctd\u003e 12 escuradents (6 parells) \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e 23,5 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e or rosa \u003c\/td\u003e \u003c\/td\u003e \u003ctd\u003e no roda i se sosté còmodament a la mà \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=\"Sense residus d'oli, fàcil de netejar\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/jZhWGN7y\/clean.png\" alt=\"Fàcil de Netejar\"\u003e \u003cspan class=\"tooltiptext\"\u003eSense residus d'oli, fàcil de netejar\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"A rosa\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/cSw9fy13\/high-quality.png\" alt=\"Alta Qualitat\"\u003e \u003cspan class=\"tooltiptext\"\u003eAcer inoxidable d'alta qualitat amb revestiment de PVD d'or rosa\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e 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":51616419414359,"sku":"BH\/3162","price":31.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-3162-2.jpg?v=1763380525"},{"product_id":"12pcs-chopstick-set-with-black-pvd-coating_bh-3164","title":"Set De 12 Palets Amb Revestiment De Pvd Negre","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\/3164\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 Acer \u003ctd\u003eInclou\u003c\/td\u003e \u003ctd\u003e 12 escuradents (6 parells) \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e 23,5 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e negre \u003c\/td\u003e \u003c\/tr\u003e se sosté còmodament a la mà \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=\"Sense residus d'oli, fàcil de netejar\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/jZhWGN7y\/clean.png\" alt=\"Fàcil de Netejar\"\u003e \u003cspan class=\"tooltiptext\"\u003eSense residus d'oli, fàcil de netejar\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"A \u003cimg src=\"https:\/\/i.ibb.co\/cSw9fy13\/high-quality.png\" alt=\"Alta Qualitat\"\u003e \u003cspan class=\"tooltiptext\"\u003eAcer inoxidable d'alta qualitat amb revestiment de PVD negre\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unifica 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":51616419348823,"sku":"BH\/3164","price":34.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-3164-Conceptual-3_bb2f8a97-4074-4e48-bab9-4d6d685b35c0.jpg?v=1763382181"},{"product_id":"12pcs-chopstick-set-with-champagne-gold-pvd-coating_bh-3163","title":"Set De 12 Palets Amb Revestiment Pvd Daurat Xampany","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\/3163\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 Acer \u003ctd\u003eInclou\u003c\/td\u003e \u003ctd\u003e 12 escuradents (6 parells) \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e 23,5 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e xampany \u003c\/td\u003e \u003c\/td\u003e no roda i se sosté còmodament a la mà \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=\"Sense residus d'oli, fàcil de netejar\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/jZhWGN7y\/clean.png\" alt=\"Fàcil de Netejar\"\u003e \u003cspan class=\"tooltiptext\"\u003eSense residus d'oli, fàcil de netejar\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"A \u003cimg src=\"https:\/\/i.ibb.co\/cSw9fy13\/high-quality.png\" alt=\"Alta Qualitat\"\u003e \u003cspan class=\"tooltiptext\"\u003eAcer inoxidable d'alta qualitat amb revestiment de PVD daurat\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript\u003e \/* 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":51616419381591,"sku":"BH\/3163","price":31.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-3163-1_6afc012d-f3c1-4636-b105-4f08df063544.jpg?v=1763380522"},{"product_id":"cast-iron-tea-pot-1l_bh-8939","title":"Tetera De Ferro Fos De 1 L","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\/8939\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\u003eInterior\u003c\/td\u003e \u003ctd\u003e revestiment d'esmalt \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eCapacitat\u003c\/td\u003e \u003ctd\u003e 1 L \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e gris talp mat \u003c\/td\u003e \u003c\/tr\u003e \u003c\/t\u003e class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Apte per a inducció\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/zhVj1kvg\/induction.png\" alt=\"Inducció\"\u003e \u003cspan class=\"tooltiptext\"\u003e\u003cp\u003e tabindex=\"0\" aria-label=\"BH\/8939, Tetera de ferro colat 1L, Matt Taupe, tetera, ferro colat, tetera de ferro colat\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/cSHrWXfL\/Mattfinish.png\" class=\"tooltiptext\"\u003eBH\/8939, Tetera de ferro colat 1L, Matt Taupe, tetera, ferro colat, tetera de ferro colat\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unifica tooltips de COLOR amb els d'icones. 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":51617391968599,"sku":"BH\/8939","price":98.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8939-1_f6522a03-be6b-4a8a-bed5-663fb4a3e8b0.jpg?v=1764058650"},{"product_id":"cast-iron-tea-pot-1l_bh-8940","title":"Tetera De Ferro Fos De 1 L","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\/8940\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\u003eInterior\u003c\/td\u003e \u003ctd\u003e revestiment d'esmalt \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eCapacitat\u003c\/td\u003e \u003ctd\u003e 1 L \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e bordeus mat \u003c\/td\u003e \u003c\/tr\u003e \u003c\/ty class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Apte per a inducció\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/zhVj1kvg\/induction.png\" alt=\"Inducció\"\u003e\u003cdiv\u003c\/span class=\"tooltiptext\"\u003e\u003c\/p\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":51617392066903,"sku":"BH\/8940","price":98.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8940-2_7cfc4ad6-1e5e-4912-858d-04586f30ac75.jpg?v=1764058651"},{"product_id":"cast-iron-tea-pot-1l_bh-8941","title":"Tetera De Ferro Fos De 1 L","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\/8941\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\u003eInterior\u003c\/td\u003e \u003ctd\u003e revestiment d'esmalt \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eCapacitat\u003c\/td\u003e \u003ctd\u003e 1 L \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e negre-or rosa \u003c\/td\u003e \u003c\/t\u003e class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Apte per a inducció\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/zhVj1kvg\/induction.png\" alt=\"Inducció\"\u003e\u003cdiv\u003c\/span class=\"tooltiptext\"\u003e\u003c\/p\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":51617393279319,"sku":"BH\/8941","price":98.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8941-3_35005cb1-8814-4c90-a8cc-83daa407bbea.jpg?v=1764058652"},{"product_id":"cast-iron-tea-pot-1l_bh-8942","title":"Tetera De Ferro Fos De 1 L","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\/8942\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\u003eInterior\u003c\/td\u003e \u003ctd\u003e revestiment d'esmalt \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eCapacitat\u003c\/td\u003e \u003ctd\u003e 1 L \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e verd mat \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/td\u003e class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Apte per a inducció\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/zhVj1kvg\/induction.png\" alt=\"Inducció\"\u003e\u003cdiv\u003c\/span class=\"tooltiptext\"\u003e\u003c\/p\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":51617393443159,"sku":"BH\/8942","price":98.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8942-1_ab66e6ec-ba93-40ae-9e80-3c5566a7a508.jpg?v=1764058653"}],"url":"https:\/\/berlinger-haus.es\/ca\/collections\/kitchen-and-dining-room.oembed?page=2","provider":"Berlinger Haus, tienda oficial en España","version":"1.0","type":"link"}