{"title":"Olles","description":"","products":[{"product_id":"casserole-with-lid-20cm_bh-1641nw","title":"Casserole With Lid 20Cm","description":"\u003cp\u003e• Material: forged aluminum\u003cbr\u003e • Casserole with lid diàmetre 20x10,4 cm 2,5L\u003cbr\u003e • Color: matt black-rose gold\u003cbr\u003e REGISTERED DESIGN BY BERLINGER HAUS!\u003cbr\u003e Ergonomic Soft-touch handle\u003cbr\u003e • T-glass lid s s\/s knob with rose gold coating and silicone ring\u003cbr\u003e • Strainer lid\u003cbr\u003e • Turbo induction basat\u003cbr\u003e • Suïtable per a tot tipus d'hobs including Induction hob (Energy sabring\u003c\u003c\u003e) ECO friendly\u003cbr\u003e PFOA, LEAD, Cadmium free\u003cbr\u003e • Easy to clean (Made from efficiently and hygienically materials!)\u003c\/p\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616552059223,"sku":"BH\/1641NW","price":98.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-1641-NW-1.jpg?v=1776240672"},{"product_id":"shallow-pot-with-lid-24cm_bl-1003a","title":"Olla Baixa Amb Tapa 24Cm","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\u003eBL-1003A\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBlaumann\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 inoxidable \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e diàmetre 24x9 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eVolum\u003c\/td\u003e \u003ctd\u003e 3,75 l \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eApte per a rentaplats\u003c\/td\u003e \u003ctd\u003e fàcil de netejar! \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eEscala mesuradora\u003c\/td\u003e \u003ctd\u003e ajuda a cuinar \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-la netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/jZhWGN7y\/clean.png\" alt=\"Fàcil de Netejar\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats: fàcil de netejar!\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip encapsulat de baix consum\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/DPWb3GH9\/energy.png\" alt=\"Estalvi Energètic\"\u003e \u003cspan class=\"tooltiptext\"\u003eFons encapsulat de baix consum\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex fàcil de netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/V07nqkqv\/dishwasher.png\" alt=\"Apte per a Rentaplats\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats: fàcil de netejar!\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e COLOR amb les d'icones: - Si el Python ja genera estructura amb .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616918667607,"sku":"BL-1003A","price":70.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BL-1003-A-1.jpg?v=1764237101"},{"product_id":"casserole-with-lid-26cm_bl-1022a","title":"Cassola Amb Tapa 26Cm","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\u003eBL-1022A\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\u003eMida\u003c\/td\u003e \u003ctd\u003e diàmetre 26x15,5 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eVolum\u003c\/td\u003e \u003ctd\u003e 7,6 l \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eApte per a rentaplats\u003c\/td\u003e \u003ctd\u003e fàcil de neteja \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eEscala mesuradora\u003c\/td\u003e \u003ctd\u003e ajuda a cuinar \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-la netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/jZhWGN7y\/clean.png\" alt=\"Fàcil de Netejar\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats: fàcil de netejar!\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip encapsulat de baix consum\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/DPWb3GH9\/energy.png\" alt=\"Estalvi Energètic\"\u003e \u003cspan class=\"tooltiptext\"\u003eFons encapsulat de baix consum\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex fàcil de netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/V07nqkqv\/dishwasher.png\" alt=\"Apte per a Rentaplats\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats: fàcil de netejar!\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e COLOR amb les d'icones: - Si el Python ja genera estructura amb .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616557072727,"sku":"BL-1022A","price":98.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BL-1022-A-Giftbox-1_7eeab2e8-f94f-4d08-9d91-2353ec7e20fe.jpg?v=1764236204"},{"product_id":"stock-pot-with-lid-30cm_bl-1013a","title":"Olla Amb Tapa 30Cm","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\u003eBL-1013A\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBlaumann\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 inoxidable \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e 30x23 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eVolum\u003c\/td\u003e \u003ctd\u003e 15,5 l \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eApte per a rentaplats\u003c\/td\u003e \u003ctd\u003e fàcil de netejar! \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eEscala mesuradora\u003c\/td\u003e \u003ctd\u003e ajuda a cuinar \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-la netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/jZhWGN7y\/clean.png\" alt=\"Fàcil de Netejar\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats: fàcil de netejar!\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip encapsulat de baix consum\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/DPWb3GH9\/energy.png\" alt=\"Estalvi Energètic\"\u003e \u003cspan class=\"tooltiptext\"\u003eFons encapsulat de baix consum\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex fàcil de netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/V07nqkqv\/dishwasher.png\" alt=\"Apte per a Rentaplats\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats: fàcil de netejar!\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e COLOR amb les d'icones: - Si el Python ja genera estructura amb .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616969228631,"sku":"BL-1013A","price":155.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BL-1013-A-Giftbox-1.jpg?v=1764237192"},{"product_id":"stock-pot-with-lid-28cm_bl-1012a","title":"Olla Amb Tapa 28Cm","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\u003eBL-1012A\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBlaumann\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 inoxidable \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e 28x21,5 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eVolum\u003c\/td\u003e \u003ctd\u003e 12,5 l \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eApte per a rentaplats\u003c\/td\u003e \u003ctd\u003e fàcil de netejar! \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eEscala mesuradora\u003c\/td\u003e \u003ctd\u003e ajuda a cuinar \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-la netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/jZhWGN7y\/clean.png\" alt=\"Fàcil de Netejar\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats: fàcil de netejar!\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip encapsulat de baix consum\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/DPWb3GH9\/energy.png\" alt=\"Estalvi Energètic\"\u003e \u003cspan class=\"tooltiptext\"\u003eFons encapsulat de baix consum\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex fàcil de netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/V07nqkqv\/dishwasher.png\" alt=\"Apte per a Rentaplats\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats: fàcil de netejar!\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e COLOR amb les d'icones: - Si el Python ja genera estructura amb .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616968769879,"sku":"BL-1012A","price":139.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BL-1012-A-Giftbox-1.jpg?v=1764237187"},{"product_id":"stock-pot-with-lid-26cm_bl-1011a","title":"Olla Amb Tapa 26Cm","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\u003eBL-1011A\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBlaumann\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 inoxidable \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e 26 x 19 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eVolum\u003c\/td\u003e \u003ctd\u003e 9,5 l \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eApte per a rentaplats\u003c\/td\u003e \u003ctd\u003e fàcil de netejar! \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eEscala mesuradora\u003c\/td\u003e \u003ctd\u003e ajuda a cuinar \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-la netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/jZhWGN7y\/clean.png\" alt=\"Fàcil de Netejar\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats: fàcil de netejar!\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip encapsulat de baix consum\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/DPWb3GH9\/energy.png\" alt=\"Estalvi Energètic\"\u003e \u003cspan class=\"tooltiptext\"\u003eFons encapsulat de baix consum\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex fàcil de netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/V07nqkqv\/dishwasher.png\" alt=\"Apte per a Rentaplats\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats: fàcil de netejar!\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e COLOR amb les d'icones: - Si el Python ja genera estructura amb .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616968606039,"sku":"BL-1011A","price":111.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BL-1011-A-Giftbox-1.jpg?v=1764237180"},{"product_id":"stock-pot-with-lid-16cm_bl-1006a","title":"Olla Amb Tapa 16Cm","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\u003eBL-1006A\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBlaumann\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 inoxidable \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e diàmetre 16x11,5 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eVolum\u003c\/td\u003e \u003ctd\u003e 2,1 l \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eApte per a rentaplats\u003c\/td\u003e \u003ctd\u003e fàcil de neteja \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eEscala mesuradora\u003c\/td\u003e \u003ctd\u003e ajuda a cuinar \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-la netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/jZhWGN7y\/clean.png\" alt=\"Fàcil de Netejar\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats: fàcil de netejar!\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip encapsulat de baix consum\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/DPWb3GH9\/energy.png\" alt=\"Estalvi Energètic\"\u003e \u003cspan class=\"tooltiptext\"\u003eFons encapsulat de baix consum\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex fàcil de netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/V07nqkqv\/dishwasher.png\" alt=\"Apte per a Rentaplats\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats: fàcil de netejar!\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e COLOR amb les d'icones: - Si el Python ja genera estructura amb .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616965230935,"sku":"BL-1006A","price":51.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BL-1006-A-1.jpg?v=1764237166"},{"product_id":"casserole-with-lid-24cm_bh-6893n","title":"Cassola Amb Tapa 24Cm","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\/6893N\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 \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e gris fosc metal·litzat \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch3\u003eDISSENY REGISTRAT PER BERLINGER HAUS!\u003c\/h3\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class aria-label=\"Revestiment de marbre antiadherent de 3 capes\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/QFdM6r27\/non-stick.png\" alt=\"Antiadherent\"\u003e \u003cspan class=\"tooltiptext\"\u003eRevestiment de marbre antiadherent de 3 tabindex=\"0\" aria-label=\"Fàcil de netejar (Fet de materials eficients i higiènics!)\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/jZhWGN7y\/clean.png\" alt=\"Fàcil de Netejar\"\u003e \u003cspan class=\"tooltiptext\"\u003e higiènics!)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Ecològic sense PFOA, PLOM ni cadmi\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/pr0xqHsm\/eco.png\" alt=\"Ecològic\"\u003eE ni cadmi\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mang ergonòmic suau al tacte\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/vGkXPDw\/ergonomic.png\" alt=\"Ergonòmic\"\u003e \u003cspan ang tacte\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":51617360118103,"sku":"BH\/6893N","price":106.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-6893_1.jpg?v=1773057993"},{"product_id":"casserole-with-lid-28cm_bh-1931n","title":"Cassola Amb Tapa 28Cm","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\/1931N\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 \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e negre mat-or rosa \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch3\u003eDISSENY REGISTRAT PER BERLINGER HAUS!\u003c\/h3\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class= aria-label=\"Revestiment de marbre antiadherent de 3 capes\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/QFdM6r27\/non-stick.png\" alt=\"Antiadherent\"\u003e \u003cspan class=\"tooltiptext\"\u003eRevestiment de marbre antiadherent de 3 tabindex=\"0\" aria-label=\"Fàcil de netejar (Fet de materials eficients i higiènics!)\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/jZhWGN7y\/clean.png\" alt=\"Fàcil de Netejar\"\u003e \u003cspan class=\"tooltiptext\"\u003e higiènics!)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Ecològic sense PFOA, PLOM ni cadmi\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/pr0xqHsm\/eco.png\" alt=\"Ecològic\"\u003eE ni cadmi\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mang ergonòmic suau al tacte\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/vGkXPDw\/ergonomic.png\" alt=\"Ergonòmic\"\u003e \u003cspan ang tacte\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":51616557203799,"sku":"BH\/1931N","price":139.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-1931-N-1.jpg?v=1776240680"},{"product_id":"shallow-pot-with-lid-32cm_bh-1264n","title":"Olla Baixa Amb Tapa 32Cm","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\/1264N\u003c\/span\u003e · \u003cspan\u003eBerlinger Haus\u003c\/span\u003e · \u003cspan\u003ePromintra\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"bh-section-title\"\u003e\n    \u003cspan class=\"bh-pill\"\u003eProducte\u003c\/span\u003e\n    Característiques Principals\n  \u003c\/div\u003e\n  \u003ctable class=\"bh-specs\"\u003e\n    \u003ctbody\u003e\n      \u003ctr\u003e\n        \u003ctd\u003eMaterial\u003c\/td\u003e\n        \u003ctd\u003eAlumini forjat\u003c\/td\u003e\n      \u003c\/tr\u003e\n      \u003ctr\u003e\n        \u003ctd\u003eColor\u003c\/td\u003e\n        \u003ctd\u003e\n          \u003cspan class=\"color-swatch\" style=\"background-color:#411B16;\" title=\"vinsant metal·litzat\" aria-label=\"vinsant metal·litzat\"\u003e\u003c\/span\u003e\n        \u003c\/td\u003e\n      \u003c\/tr\u003e\n    \u003c\/tbody\u003e\n  \u003c\/table\u003e\n\n  \u003cp style=\"font-style:italic;font-weight:700;color:#800000;margin:16px 0;\"\u003e\n    DISSENY REGISTRAT PER BERLINGER HAUS!\n  \u003c\/p\u003e\n\n  \u003cdiv class=\"bh-section-title\"\u003e\n    \u003cspan class=\"bh-pill\"\u003eQualitat\u003c\/span\u003e\n    Beneficis\n  \u003c\/div\u003e\n  \u003cdiv class=\"icon-row\"\u003e\n    \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Revestiment antiadherent de marbre de 3 capes\"\u003e\n      \u003cimg src=\"https:\/\/i.ibb.co\/1YbwQ8bk\/Nonstick-Titan-Pro.png\" alt=\"Antiadherent\"\u003e\n      \u003cspan class=\"tooltiptext\"\u003eRevestiment antiadherent de marbre de 3 capes\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Fàcil de netejar\"\u003e\n      \u003cimg src=\"https:\/\/i.ibb.co\/MxwchwVt\/Easycleaning.png\" alt=\"Fàcil de netejar\"\u003e\n      \u003cspan class=\"tooltiptext\"\u003eFàcil de netejar\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Ecològic, lliure de PFOA, plom i cadmi\"\u003e\n      \u003cimg src=\"https:\/\/i.ibb.co\/5xCwKtKS\/eco.png\" alt=\"Ecològic\"\u003e\n      \u003cspan class=\"tooltiptext\"\u003eEcològic, lliure de PFOA, plom i cadmi\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Nansa ergonòmica de tacte suau\"\u003e\n      \u003cimg src=\"https:\/\/i.ibb.co\/vGkXPDw\/ergonomic.png\" alt=\"Ergonòmica\"\u003e\n      \u003cspan class=\"tooltiptext\"\u003eNansa ergonòmica de tacte suau\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Estalvi d'energia\"\u003e\n      \u003cimg src=\"https:\/\/i.ibb.co\/hRrGQqFs\/Energysaving.png\" alt=\"Estalvi d'energia\"\u003e\n      \u003cspan class=\"tooltiptext\"\u003eEstalvi d'energia\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mat\"\u003e\n      \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Mat\"\u003e\n      \u003cspan class=\"tooltiptext\"\u003eMat\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Nansa ergonòmica de tacte suau\"\u003e\n      \u003cimg src=\"https:\/\/i.ibb.co\/ZpK7Dx0B\/Softtouch.png\" alt=\"Soft Touch\"\u003e\n      \u003cspan class=\"tooltiptext\"\u003eNansa ergonòmica de tacte suau\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Acer inoxidable\"\u003e\n      \u003cimg src=\"https:\/\/i.ibb.co\/WNHF0bV2\/Stainless-Steel.png\" alt=\"Acer inoxidable\"\u003e\n      \u003cspan class=\"tooltiptext\"\u003eAcer inoxidable\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"bh-collection\"\u003e\n    \u003cspan class=\"bh-collection-label\"\u003eSèrie\u003c\/span\u003e\n    \u003cdiv class=\"bh-collection-links\"\u003e\n      \u003ca class=\"bh-collection-link\" href=\"https:\/\/berlinger-haus.es\/collections\/metallic-line-burgundy-edition\" title=\"Veure col·lecció Metallic Line – Burgundy Edition\"\u003e\n        Metallic Line – Burgundy Edition\n      \u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\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":51616928956759,"sku":"BH\/1264N","price":123.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-1264-N-Giftbox-1_b14a94ad-f5e9-44f5-9c35-00ded0c2d0fb.jpg?v=1763382431"},{"product_id":"shallow-pot-with-lid-24cm_bh-1262n","title":"Olla Baixa Amb Tapa 24Cm","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\/1262N\u003c\/span\u003e · \u003cspan\u003eBerlinger Haus\u003c\/span\u003e · \u003cspan\u003ePromintra\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"bh-section-title\"\u003e\n    \u003cspan class=\"bh-pill\"\u003eProducte\u003c\/span\u003e\n    Característiques Principals\n  \u003c\/div\u003e\n  \u003ctable class=\"bh-specs\"\u003e\n    \u003ctbody\u003e\n      \u003ctr\u003e\n        \u003ctd\u003eMaterial\u003c\/td\u003e\n        \u003ctd\u003eAlumini forjat\u003c\/td\u003e\n      \u003c\/tr\u003e\n      \u003ctr\u003e\n        \u003ctd\u003eColor\u003c\/td\u003e\n        \u003ctd\u003e\n          \u003cspan class=\"color-swatch\" style=\"background-color:#411B16;\" title=\"vinsant metal·litzat\" aria-label=\"vinsant metal·litzat\"\u003e\u003c\/span\u003e\n        \u003c\/td\u003e\n      \u003c\/tr\u003e\n    \u003c\/tbody\u003e\n  \u003c\/table\u003e\n\n  \u003cp style=\"font-style:italic;font-weight:700;color:#800000;margin:16px 0;\"\u003e\n    DISSENY REGISTRAT PER BERLINGER HAUS!\n  \u003c\/p\u003e\n\n  \u003cdiv class=\"bh-section-title\"\u003e\n    \u003cspan class=\"bh-pill\"\u003eQualitat\u003c\/span\u003e\n    Beneficis\n  \u003c\/div\u003e\n  \u003cdiv class=\"icon-row\"\u003e\n    \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Revestiment antiadherent de marbre de 3 capes\"\u003e\n      \u003cimg src=\"https:\/\/i.ibb.co\/1YbwQ8bk\/Nonstick-Titan-Pro.png\" alt=\"Antiadherent\"\u003e\n      \u003cspan class=\"tooltiptext\"\u003eRevestiment antiadherent de marbre de 3 capes\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Fàcil de netejar\"\u003e\n      \u003cimg src=\"https:\/\/i.ibb.co\/MxwchwVt\/Easycleaning.png\" alt=\"Fàcil de netejar\"\u003e\n      \u003cspan class=\"tooltiptext\"\u003eFàcil de netejar\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Ecològic, lliure de PFOA, plom i cadmi\"\u003e\n      \u003cimg src=\"https:\/\/i.ibb.co\/5xCwKtKS\/eco.png\" alt=\"Ecològic\"\u003e\n      \u003cspan class=\"tooltiptext\"\u003eEcològic, lliure de PFOA, plom i cadmi\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Nansa ergonòmica de tacte suau\"\u003e\n      \u003cimg src=\"https:\/\/i.ibb.co\/vGkXPDw\/ergonomic.png\" alt=\"Ergonòmica\"\u003e\n      \u003cspan class=\"tooltiptext\"\u003eNansa ergonòmica de tacte suau\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Estalvi d'energia\"\u003e\n      \u003cimg src=\"https:\/\/i.ibb.co\/hRrGQqFs\/Energysaving.png\" alt=\"Estalvi d'energia\"\u003e\n      \u003cspan class=\"tooltiptext\"\u003eEstalvi d'energia\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mat\"\u003e\n      \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n      \u003cspan class=\"tooltiptext\"\u003eMat\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Nansa ergonòmica de tacte suau\"\u003e\n      \u003cimg src=\"https:\/\/i.ibb.co\/ZpK7Dx0B\/Softtouch.png\" alt=\"Soft Touch\"\u003e\n      \u003cspan class=\"tooltiptext\"\u003eNansa ergonòmica de tacte suau\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Acer inoxidable\"\u003e\n      \u003cimg src=\"https:\/\/i.ibb.co\/WNHF0bV2\/Stainless-Steel.png\" alt=\"Acer inoxidable\"\u003e\n      \u003cspan class=\"tooltiptext\"\u003eAcer inoxidable\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"bh-collection\"\u003e\n    \u003cspan class=\"bh-collection-label\"\u003eSèrie\u003c\/span\u003e\n    \u003cdiv class=\"bh-collection-links\"\u003e\n      \u003ca class=\"bh-collection-link\" href=\"https:\/\/berlinger-haus.es\/collections\/metallic-line-burgundy-edition\" title=\"Veure col·lecció Metallic Line – Burgundy Edition\"\u003e\n        Metallic Line – Burgundy Edition\n      \u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\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":51616917782871,"sku":"BH\/1262N","price":90.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-1262-N-3.jpg?v=1763381867"},{"product_id":"shallow-pot-with-lid-28cm_bh-7090n","title":"Olla Baixa Amb Tapa 28Cm","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\/7090N\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 Alumini \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e negre-or rosa \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch3\u003eDISSENY REGISTRAT PER BERLINGER HAUS!\u003c\/h3\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\" tabindex=\"0\" aria-label=\"Material: alumini forjat amb revestiment antiadherent de titani negre\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/QFdM6r27\/non-stick.png\" alt=\"Antiadherent\" titani negre\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Fàcil de netejar (Fet de materials eficients i higiènics!)\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/jZhWGN7y\/clean.png\" \u003calt\u003e class=\"tooltiptext\"\u003eFàcil de netejar (Fet de materials eficients i higiènics!)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Ecològic sense PFOA, PLOM ni cadmi\"\u003e \u003cimg src=\"https:\/\/i.ibb. alt=\"Ecològic\"\u003e \u003cspan class=\"tooltiptext\"\u003eEcològic sense PFOA, PLOM ni cadmi\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Basat en turbo inducció\"\u003e \u003cimg src=\"https:\/\/i.ibb.co. alt=\"Turbo Inducció\"\u003e \u003cspan class=\"tooltiptext\"\u003eBasat en turbo inducció\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Tapa de vidre temperat amb sistema de silicona resistent a la calor de tancament suau\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/67pftqWV\/resistant.png\" alt=\"Resistent Al Calor\"\u003e \u003cspan class=\"tooltiptext\"\u003eTapa de vidre trempat amb sistema de silicona resistent a la calor de tancament suau\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex suau al tacte\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/vGkXPDw\/ergonomic.png\" alt=\"Ergonòmic\"\u003e \u003cspan class=\"tooltiptext\"\u003eMang ergonòmic suau al tacte\u003c\/span\u003e \u003c\/div\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":51616922075479,"sku":"BH\/7090N","price":114.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-7090-N-1_257085f1-77cc-4dd8-bb2f-b05246472adf.jpg?v=1763551261"},{"product_id":"shallow-pot-with-lid-28cm_bh-1877","title":"Olla Baixa Amb Tapa 28Cm","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\/1877\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 Alumini \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003eaiguamarina metal·litzat \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch3\u003eDISSENY REGISTRAT PER BERLINGER HAUS!\u003c\/h3\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class= aria-label=\"Revestiment de marbre antiadherent de 3 capes\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/QFdM6r27\/non-stick.png\" alt=\"Antiadherent\"\u003e \u003cspan class=\"tooltiptext\"\u003eRevestiment de marbre antiadherent de 3 tabindex=\"0\" aria-label=\"Fàcil de netejar (Fet de materials eficients i higiènics!)\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/jZhWGN7y\/clean.png\" alt=\"Fàcil de Netejar\"\u003e \u003cspan class=\"tooltiptext\"\u003e higiènics!)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Ecològic sense PFOA, PLOM ni cadmi\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/pr0xqHsm\/eco.png\" alt=\"Ecològic\"\u003eE ni cadmi\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mang ergonòmic suau al tacte\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/vGkXPDw\/ergonomic.png\" alt=\"Ergonòmic\"\u003e \u003cspan ang tacte\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":51617504952663,"sku":"BH\/1877","price":106.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-1877-1_5f21f69c-7b09-4222-b21e-9c563c0b75c7.jpg?v=1763381883"},{"product_id":"casserole-with-lid-24cm_bl-3873","title":"Cassola Amb Tapa 24Cm","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\u003eBL-3873\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\u003eMida\u003c\/td\u003e \u003ctd\u003e diàmetre 24x14,5 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eVolum\u003c\/td\u003e \u003ctd\u003e 6 l \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eApte per a rentaplats\u003c\/td\u003e \u003ctd\u003e fàcil de netejar! \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eEscala mesuradora\u003c\/td\u003e \u003ctd\u003e ajuda a cuinar \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-la netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/jZhWGN7y\/clean.png\" alt=\"Fàcil de Netejar\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats: fàcil de netejar!\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip encapsulat de baix consum\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/DPWb3GH9\/energy.png\" alt=\"Estalvi Energètic\"\u003e \u003cspan class=\"tooltiptext\"\u003eFons encapsulat de baix consum\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex fàcil de netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/V07nqkqv\/dishwasher.png\" alt=\"Apte per a Rentaplats\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats: fàcil de netejar!\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e COLOR amb les d'icones: - Si el Python ja genera estructura amb .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616556876119,"sku":"BL-3873","price":83.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BL-3873-1_caec77b5-8408-495f-8873-b08eecb852fe.jpg?v=1764236199"},{"product_id":"casserole-with-lid-20cm_bl-3872","title":"Cassola Amb Tapa 20Cm","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\u003eBL-3872\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\u003eMida\u003c\/td\u003e \u003ctd\u003e diàmetre 20x12 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eVolum\u003c\/td\u003e \u003ctd\u003e 3,8 l \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eApte per a rentaplats\u003c\/td\u003e \u003ctd\u003e fàcil de netejar! \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eEscala mesuradora\u003c\/td\u003e \u003ctd\u003e ajuda a cuinar \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-la netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/jZhWGN7y\/clean.png\" alt=\"Fàcil de Netejar\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats: fàcil de netejar!\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip encapsulat de baix consum\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/DPWb3GH9\/energy.png\" alt=\"Estalvi Energètic\"\u003e \u003cspan class=\"tooltiptext\"\u003eFons encapsulat de baix consum\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex fàcil de netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/V07nqkqv\/dishwasher.png\" alt=\"Apte per a Rentaplats\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats: fàcil de netejar!\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e COLOR amb les d'icones: - Si el Python ja genera estructura amb .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616554910039,"sku":"BL-3872","price":65.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BL-3872-1_6dbb76bc-05dd-484e-b2fb-eda928089da8.jpg?v=1764236187"},{"product_id":"casserole-with-lid-18cm_bl-3871","title":"Cassola Amb Tapa 18Cm","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\u003eBL-3871\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\u003eMida\u003c\/td\u003e \u003ctd\u003e diàmetre 18x11 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eVolum\u003c\/td\u003e \u003ctd\u003e 2,6 l \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eApte per a rentaplats\u003c\/td\u003e \u003ctd\u003e fàcil de netejar! \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eEscala mesuradora\u003c\/td\u003e \u003ctd\u003e ajuda a cuinar \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-la netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/jZhWGN7y\/clean.png\" alt=\"Fàcil de Netejar\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats: fàcil de netejar!\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip encapsulat de baix consum\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/DPWb3GH9\/energy.png\" alt=\"Estalvi Energètic\"\u003e \u003cspan class=\"tooltiptext\"\u003eFons encapsulat de baix consum\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex fàcil de netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/V07nqkqv\/dishwasher.png\" alt=\"Apte per a Rentaplats\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats: fàcil de netejar!\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e COLOR amb les d'icones: - Si el Python ja genera estructura amb .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616551633239,"sku":"BL-3871","price":57.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BL-3871-1_995b69de-d91e-4137-b81e-1e0d913a548d.jpg?v=1764236181"},{"product_id":"stock-pot-with-lid-26cm_bl-3870","title":"Olla Amb Tapa 26Cm","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\u003eBL-3870\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan \u003cspan\u003eBlaumann\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 inoxidable \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e 26x19 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eVolum\u003c\/td\u003e \u003ctd\u003e 9,5 l \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eApte per a rentaplats\u003c\/td\u003e \u003ctd\u003e fàcil de netejar! \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eEscala mesuradora\u003c\/td\u003e \u003ctd\u003e ajuda a cuinar \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-la netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/jZhWGN7y\/clean.png\" alt=\"Fàcil de Netejar\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats: fàcil de netejar!\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip encapsulat de baix consum\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/DPWb3GH9\/energy.png\" alt=\"Estalvi Energètic\"\u003e \u003cspan class=\"tooltiptext\"\u003eFons encapsulat de baix consum\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex fàcil de netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/V07nqkqv\/dishwasher.png\" alt=\"Apte per a Rentaplats\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats: fàcil de netejar!\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e COLOR amb les d'icones: - Si el Python ja genera estructura amb .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616968704343,"sku":"BL-3870","price":112.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BL-3870-1.jpg?v=1764237187"},{"product_id":"stock-pot-with-lid-24cm_bl-3869","title":"Olla Amb Tapa 24Cm","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\u003eBL-3869\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan \u003cspan\u003eBlaumann\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 inoxidable \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e 24x17 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eVolum\u003c\/td\u003e \u003ctd\u003e 7,7 l \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eApte per a rentaplats\u003c\/td\u003e \u003ctd\u003e fàcil de netejar! \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eEscala mesuradora\u003c\/td\u003e \u003ctd\u003e ajuda a cuinar \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-la netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/jZhWGN7y\/clean.png\" alt=\"Fàcil de Netejar\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats: fàcil de netejar!\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip encapsulat de baix consum\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/DPWb3GH9\/energy.png\" alt=\"Estalvi Energètic\"\u003e \u003cspan class=\"tooltiptext\"\u003eFons encapsulat de baix consum\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex fàcil de netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/V07nqkqv\/dishwasher.png\" alt=\"Apte per a Rentaplats\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats: fàcil de netejar!\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e COLOR amb les d'icones: - Si el Python ja genera estructura amb .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616967491927,"sku":"BL-3869","price":100.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BL-3869-1.jpg?v=1764237177"},{"product_id":"stock-pot-with-lid-20cm_bl-3868","title":"Olla Amb Tapa 20Cm","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\u003eBL-3868\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan \u003cspan\u003eBlaumann\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 inoxidable \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e 20x14,5 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eVolum\u003c\/td\u003e \u003ctd\u003e 4,3 l \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eApte per a rentaplats\u003c\/td\u003e \u003ctd\u003e fàcil de netejar! \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eEscala mesuradora\u003c\/td\u003e \u003ctd\u003e ajuda a cuinar \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-la netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/jZhWGN7y\/clean.png\" alt=\"Fàcil de Netejar\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats: fàcil de netejar!\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip encapsulat de baix consum\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/DPWb3GH9\/energy.png\" alt=\"Estalvi Energètic\"\u003e \u003cspan class=\"tooltiptext\"\u003eFons encapsulat de baix consum\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex fàcil de netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/V07nqkqv\/dishwasher.png\" alt=\"Apte per a Rentaplats\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats: fàcil de netejar!\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e COLOR amb les d'icones: - Si el Python ja genera estructura amb .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616966246743,"sku":"BL-3868","price":71.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BL-3868-1_1f879590-34f8-469e-adaa-3684106651cd.jpg?v=1764237169"},{"product_id":"shallow-pot-with-lid-28cm_bl-3867","title":"Olla Baixa Amb Tapa 28Cm","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\u003eBL-3867\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan \u003cspan\u003eBlaumann\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 inoxidable \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e diàmetre 28x11,5 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eVolum\u003c\/td\u003e \u003ctd\u003e 7 l \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eApte per a rentaplats\u003c\/td\u003e \u003ctd\u003e fàcil de netejar! \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eEscala mesuradora\u003c\/td\u003e \u003ctd\u003e ajuda a cuinar \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-la netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/jZhWGN7y\/clean.png\" alt=\"Fàcil de Netejar\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats: fàcil de netejar!\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip encapsulat de baix consum\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/DPWb3GH9\/energy.png\" alt=\"Estalvi Energètic\"\u003e \u003cspan class=\"tooltiptext\"\u003eFons encapsulat de baix consum\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex fàcil de netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/V07nqkqv\/dishwasher.png\" alt=\"Apte per a Rentaplats\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats: fàcil de netejar!\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e COLOR amb les d'icones: - Si el Python ja genera estructura amb .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616926466391,"sku":"BL-3867","price":98.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BL-3867-1.jpg?v=1764237110"},{"product_id":"shallow-pot-with-lid-22cm_bl-3865","title":"Olla Baixa Amb Tapa 22Cm","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\u003eBL-3865\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan \u003cspan\u003eBlaumann\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 inoxidable \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e diàmetre 22x8 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eVolum\u003c\/td\u003e \u003ctd\u003e 2,75 l \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eApte per a rentaplats\u003c\/td\u003e \u003ctd\u003e fàcil de netejar! \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eEscala mesuradora\u003c\/td\u003e \u003ctd\u003e ajuda a cuinar \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-la netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/jZhWGN7y\/clean.png\" alt=\"Fàcil de Netejar\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats: fàcil de netejar!\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip encapsulat de baix consum\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/DPWb3GH9\/energy.png\" alt=\"Estalvi Energètic\"\u003e \u003cspan class=\"tooltiptext\"\u003eFons encapsulat de baix consum\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex fàcil de netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/V07nqkqv\/dishwasher.png\" alt=\"Apte per a Rentaplats\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats: fàcil de netejar!\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e COLOR amb les d'icones: - Si el Python ja genera estructura amb .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616917422423,"sku":"BL-3865","price":63.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BL-3865-1.jpg?v=1764237099"},{"product_id":"shallow-pot-with-lid-20cm_bl-3864","title":"Olla Baixa Amb Tapa 20Cm","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\u003eBL-3864\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan \u003cspan\u003eBlaumann\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 inoxidable \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e diàmetre 20x7 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eVolum\u003c\/td\u003e \u003ctd\u003e 2 l \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eApte per a rentaplats\u003c\/td\u003e \u003ctd\u003e fàcil de netejar! \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eEscala mesuradora\u003c\/td\u003e \u003ctd\u003e ajuda a cuinar \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-la netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/jZhWGN7y\/clean.png\" alt=\"Fàcil de Netejar\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats: fàcil de netejar!\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip rentaplats: fàcil de netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/V07nqkqv\/dishwasher.png\" alt=\"Apte per a Rentaplats\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats: fàcil de netejar!\u003c\/span\u003c\/\u003c\/strong\u003e 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":51616916963671,"sku":"BL-3864","price":52.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BL-3864-1.jpg?v=1764237096"},{"product_id":"shallow-pot-with-lid-30cm_bl-3860","title":"Olla Baixa Amb Tapa 30Cm","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\u003eBL-3860\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan \u003cspan\u003eBlaumann\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 inoxidable \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e diàmetre 30 x 9 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eVolum\u003c\/td\u003e \u003ctd\u003e 5,8 l \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon- aria-label=\"Apte per a rentaplats - fàcil de netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/jZhWGN7y\/clean.png\" alt=\"Fàcil de Netejar\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats -\u003c\/fcil de fàcil class=\"tooltip\" tabindex=\"0\" aria-label=\"Fons encapsulat de baix consum\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/DPWb3GH9\/energy.png\" alt=\"Estalvi Energètic\"\u003e \u003cspan class=\"tooltiptext\"\u003eFons encapsulat class=\"tooltip\" tabindex=\"0\" aria-label=\"Apte per a rentaplats - fàcil de netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/V07nqkqv\/dishwasher.png\" alt=\"Apte per a Rentaplats\" - \u003cspan class=\"to netejar!\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":51616928923991,"sku":"BL-3860","price":111.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BL-3860-1.jpg?v=1764237116"},{"product_id":"shallow-pot-with-lid-28cm_bl-3859","title":"Olla Baixa Amb Tapa 28Cm","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\u003eBL-3859\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan \u003cspan\u003eBlaumann\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 inoxidable \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e diàmetre 28 x 9,5 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eVolum\u003c\/td\u003e \u003ctd\u003e 5,3 l \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\" tabindex=\"0\" aria-label=\"Apte per a rentaplats - fàcil de netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/jZhWGN7y\/clean.png\" alt=\"Fàcil de Netejar\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentava\u003c\/\u003c\/\u003e class=\"tooltip\" tabindex=\"0\" aria-label=\"Fons encapsulat de baix consum\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/DPWb3GH9\/energy.png\" alt=\"Estalvi Energètic\"\u003e \u003cspan class=\"tooltiptext\"\u003eFons encapsulat class=\"tooltip\" tabindex=\"0\" aria-label=\"Apte per a rentaplats - fàcil de netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/V07nqkqv\/dishwasher.png\" alt=\"Apte per a Rentaplats\" - \u003cspan class=\"to netejar!\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":51616926433623,"sku":"BL-3859","price":98.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BL-3859-1.jpg?v=1764237109"},{"product_id":"shallow-pot-with-lid-24cm_bl-3858","title":"Olla Baixa Amb Tapa 24Cm","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\u003eBL-3858\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan \u003cspan\u003eBlaumann\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 inoxidable \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e diàmetre 24 x 8 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eVolum\u003c\/td\u003e \u003ctd\u003e 3,2 l \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon- aria-label=\"Apte per a rentaplats - fàcil de netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/jZhWGN7y\/clean.png\" alt=\"Fàcil de Netejar\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats -\u003c\/fcil de fàcil class=\"tooltip\" tabindex=\"0\" aria-label=\"Fons encapsulat de baix consum\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/DPWb3GH9\/energy.png\" alt=\"Estalvi Energètic\"\u003e \u003cspan class=\"tooltiptext\"\u003eFons encapsulat class=\"tooltip\" tabindex=\"0\" aria-label=\"Apte per a rentaplats - fàcil de netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/V07nqkqv\/dishwasher.png\" alt=\"Apte per a Rentaplats\" - \u003cspan class=\"to netejar!\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":51616919028055,"sku":"BL-3858","price":70.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BL-3858-1.jpg?v=1764237102"},{"product_id":"casserole-with-lid-26cm_bl-3857","title":"Cassola Amb Tapa 26Cm","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\u003eBL-3857\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\u003eDimensions\u003c\/td\u003e \u003ctd\u003e diàmetre 26 x 15,5 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eVolum\u003c\/td\u003e \u003ctd\u003e 7,6 l \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdivclass= tabindex=\"0\" aria-label=\"Apta per a rentaplats - fàcil de netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/jZhWGN7y\/clean.png\" alt=\"Fàcil de netejar\"\u003e \u003cspan class=\"tooltiptext\"\u003eApta per a rentava\u003c\/a\u003e class=\"tooltip\" tabindex=\"0\" aria-label=\"Fons encapsulat de baix consum\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/DPWb3GH9\/energy.png\" alt=\"Estalvi Energètic\"\u003e \u003cspan class=\"tooltiptext\"\u003eFons encapsula\u003c\/\u003c\/\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":51616557138263,"sku":"BL-3857","price":102.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BL-3857-2.jpg?v=1764236209"},{"product_id":"casserole-with-lid-24cm_bl-3856","title":"Cassola Amb Tapa 24Cm","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\u003eBL-3856\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\u003eDimensions\u003c\/td\u003e \u003ctd\u003e diàmetre 24 x 14,5 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eVolum\u003c\/td\u003e \u003ctd\u003e 6 l \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\" tabindex=\"0\" aria-label=\"Apta per a rentaplats - fàcil de netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/jZhWGN7y\/clean.png\" alt=\"Fàcil de netejar\"\u003e \u003cspan class=\"tooltiptext\"\u003eApta per a rentava\u003c\/a\u003e class=\"tooltip\" tabindex=\"0\" aria-label=\"Fons encapsulat de baix consum\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/DPWb3GH9\/energy.png\" alt=\"Estalvi Energètic\"\u003e \u003cspan class=\"tooltiptext\"\u003eFons encapsula\u003c\/\u003c\/\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":51616556843351,"sku":"BL-3856","price":86.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BL-3856-1_e13adf8c-4688-448d-a1c1-447d2c21a06a.jpg?v=1764236197"},{"product_id":"casserole-with-lid-20cm_bl-3855","title":"Cassola Amb Tapa 20Cm","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\u003eBL-3855\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\u003eDimensions\u003c\/td\u003e \u003ctd\u003e diàmetre 20 x 12 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eVolum\u003c\/td\u003e \u003ctd\u003e 3,8 l \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\" tabindex=\"0\" aria-label=\"Apta per a rentaplats - fàcil de netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/jZhWGN7y\/clean.png\" alt=\"Fàcil de netejar\"\u003e \u003cspan class=\"tooltiptext\"\u003eApta per a rentava\u003c\/a\u003e class=\"tooltip\" tabindex=\"0\" aria-label=\"Fons encapsulat de baix consum\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/DPWb3GH9\/energy.png\" alt=\"Estalvi Energètic\"\u003e \u003cspan class=\"tooltiptext\"\u003eFons encapsula\u003c\/\u003c\/\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":51616554877271,"sku":"BL-3855","price":68.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BL-3855-2.jpg?v=1764236186"},{"product_id":"casserole-with-lid-16cm_bl-3854","title":"Cassola Amb Tapa 16Cm","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\u003eBL-3854\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\u003eDimensions\u003c\/td\u003e \u003ctd\u003e diàmetre 16 x 10 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eVolum\u003c\/td\u003e \u003ctd\u003e 1,8 l \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\" tabindex=\"0\" aria-label=\"Apta per a rentaplats - fàcil de netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/jZhWGN7y\/clean.png\" alt=\"Fàcil de netejar\"\u003e \u003cspan class=\"tooltiptext\"\u003eApta per a rentava\u003c\/a\u003e class=\"tooltip\" tabindex=\"0\" aria-label=\"Fons encapsulat de baix consum\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/DPWb3GH9\/energy.png\" alt=\"Estalvi Energètic\"\u003e \u003cspan class=\"tooltiptext\"\u003eFons encapsula\u003c\/\u003c\/\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":51616550748503,"sku":"BL-3854","price":53.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BL-3854-1_7abd6af6-98c2-4afb-8fe8-92e25be18af0.jpg?v=1764236178"},{"product_id":"stock-pot-with-lid-26cm_bl-3825","title":"Olla Amb Tapa 26Cm","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\u003eBL-3825\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan \u003cspan\u003eBlaumann\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 inoxidable \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e 26 x 19 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eVolum\u003c\/td\u003e \u003ctd\u003e 9,5 l \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row aria-label=\"Apte per a rentaplats - fàcil de netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/jZhWGN7y\/clean.png\" alt=\"Fàcil de Netejar\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats -\u003c\/fcil de fàcil class=\"tooltip\" tabindex=\"0\" aria-label=\"Fons encapsulat de baix consum\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/DPWb3GH9\/energy.png\" alt=\"Estalvi Energètic\"\u003e \u003cspan class=\"tooltiptext\"\u003eFons encapsulat class=\"tooltip\" tabindex=\"0\" aria-label=\"Apte per a rentaplats - fàcil de netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/V07nqkqv\/dishwasher.png\" alt=\"Apte per a Rentaplats\" - \u003cspan class=\"to netejar!\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":51616968638807,"sku":"BL-3825","price":114.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BL-3825-1.jpg?v=1764237186"},{"product_id":"stock-pot-with-lid-24cm_bl-3824","title":"Olla Amb Tapa 24Cm","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\u003eBL-3824\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan \u003cspan\u003eBlaumann\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 inoxidable \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e 24 x 17 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eVolum\u003c\/td\u003e \u003ctd\u003e 7,7 l \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row aria-label=\"Apte per a rentaplats - fàcil de netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/jZhWGN7y\/clean.png\" alt=\"Fàcil de Netejar\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats -\u003c\/fcil de fàcil class=\"tooltip\" tabindex=\"0\" aria-label=\"Fons encapsulat de baix consum\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/DPWb3GH9\/energy.png\" alt=\"Estalvi Energètic\"\u003e \u003cspan class=\"tooltiptext\"\u003eFons encapsulat class=\"tooltip\" tabindex=\"0\" aria-label=\"Apte per a rentaplats - fàcil de netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/V07nqkqv\/dishwasher.png\" alt=\"Apte per a Rentaplats\" - \u003cspan class=\"to netejar!\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":51616967098711,"sku":"BL-3824","price":102.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BL-3824-1.jpg?v=1764237175"},{"product_id":"casserole-with-lid-24cm_bl-1021a","title":"Cassola Amb Tapa 24Cm","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\u003eBL-1021A\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\u003eMida\u003c\/td\u003e \u003ctd\u003e diàmetre 24x14,5 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eVolum\u003c\/td\u003e \u003ctd\u003e 6 l \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eApte per a rentaplats\u003c\/td\u003e \u003ctd\u003e fàcil de netejar! \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eEscala mesuradora\u003c\/td\u003e \u003ctd\u003e ajuda a cuinar \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-la netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/jZhWGN7y\/clean.png\" alt=\"Fàcil de Netejar\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats: fàcil de netejar!\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip encapsulat de baix consum\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/DPWb3GH9\/energy.png\" alt=\"Estalvi Energètic\"\u003e \u003cspan class=\"tooltiptext\"\u003eFons encapsulat de baix consum\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex fàcil de netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/V07nqkqv\/dishwasher.png\" alt=\"Apte per a Rentaplats\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats: fàcil de netejar!\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e COLOR amb les d'icones: - Si el Python ja genera estructura amb .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616556810583,"sku":"BL-1021A","price":82.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BL-1021A_1_fb505d3c-22ed-4488-900c-f7f3baf09a82.jpg?v=1776942120"},{"product_id":"stock-pot-with-lid-24cm_bl-1010a","title":"Olla Amb Tapa 24Cm","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\u003eBL-1010A\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBlaumann\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 inoxidable \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e 24x17 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eVolum\u003c\/td\u003e \u003ctd\u003e 7,7 l \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eApte per a rentaplats\u003c\/td\u003e \u003ctd\u003e fàcil de netejar! \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eEscala mesuradora\u003c\/td\u003e \u003ctd\u003e ajuda a cuinar \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-la netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/jZhWGN7y\/clean.png\" alt=\"Fàcil de Netejar\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats: fàcil de netejar!\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip encapsulat de baix consum\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/DPWb3GH9\/energy.png\" alt=\"Estalvi Energètic\"\u003e \u003cspan class=\"tooltiptext\"\u003eFons encapsulat de baix consum\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex fàcil de netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/V07nqkqv\/dishwasher.png\" alt=\"Apte per a Rentaplats\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats: fàcil de netejar!\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e COLOR amb les d'icones: - Si el Python ja genera estructura amb .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616966738263,"sku":"BL-1010A","price":98.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BL-1010-A-3.jpg?v=1764237174"},{"product_id":"stock-pot-with-lid-18cm_bl-1007a","title":"Olla Amb Tapa 18Cm","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\u003eBL-1007A\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBlaumann\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 inoxidable \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e 18x13 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eVolum\u003c\/td\u003e \u003ctd\u003e 3,2 l \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eApte per a rentaplats\u003c\/td\u003e \u003ctd\u003e fàcil de netejar! \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eEscala mesuradora\u003c\/td\u003e \u003ctd\u003e ajuda a cuinar \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-la netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/jZhWGN7y\/clean.png\" alt=\"Fàcil de Netejar\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats: fàcil de netejar!\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip encapsulat de baix consum\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/DPWb3GH9\/energy.png\" alt=\"Estalvi Energètic\"\u003e \u003cspan class=\"tooltiptext\"\u003eFons encapsulat de baix consum\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex fàcil de netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/V07nqkqv\/dishwasher.png\" alt=\"Apte per a Rentaplats\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats: fàcil de netejar!\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e COLOR amb les d'icones: - Si el Python ja genera estructura amb .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616965787991,"sku":"BL-1007A","price":59.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BL-1007-A-3.jpg?v=1764237167"},{"product_id":"shallow-pot-with-lid-22cm_bl-1002a","title":"Olla Baixa Amb Tapa 22Cm","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\u003eBL-1002A\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBlaumann\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 inoxidable \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e diàmetre 22x8 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eVolum\u003c\/td\u003e \u003ctd\u003e 2,75 l \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eApte per a rentaplats\u003c\/td\u003e \u003ctd\u003e fàcil de netejar! \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eEscala mesuradora\u003c\/td\u003e \u003ctd\u003e ajuda a cuinar \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-la netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/jZhWGN7y\/clean.png\" alt=\"Fàcil de Netejar\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats: fàcil de netejar!\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip encapsulat de baix consum\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/DPWb3GH9\/energy.png\" alt=\"Estalvi Energètic\"\u003e \u003cspan class=\"tooltiptext\"\u003eFons encapsulat de baix consum\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex fàcil de netejar!\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/V07nqkqv\/dishwasher.png\" alt=\"Apte per a Rentaplats\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats: fàcil de netejar!\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e COLOR amb les d'icones: - Si el Python ja genera estructura amb .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616917356887,"sku":"BL-1002A","price":61.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BL-1002-A-2.jpg?v=1764237097"},{"product_id":"casserole-with-lid-20cm_bh-8272","title":"Cassola Amb Tapa 20Cm","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\/8272\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                Aluminio forjado con revestimiento antiadherente gris titanio\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 mate DISEÑO REGISTRADO POR BERLINGER HAUS!\" aria-label=\"gris mate DISEÑO REGISTRADO POR BERLINGER HAUS!\"\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=\"Antiadherente\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/1YbwQ8bk\/Nonstick-Titan-Pro.png\" alt=\"Antiadherente\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eAntiadherente\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Base de inducción turbo\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/hJDDxjY4\/Inductionbased.png\" alt=\"Inducción\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eBase de inducción turbo\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Fácil de limpiar\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/MxwchwVt\/Easycleaning.png\" alt=\"Fácil De Limpiar\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eFácil de limpiar\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Ahorro de energía\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/hRrGQqFs\/Energysaving.png\" alt=\"Ahorro Energético\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eAhorro de energía\u003c\/span\u003e\n        \u003c\/div\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=\"Mango ergonómico de tacto suave\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/yFBj3GLZ\/ergonomic.png\" alt=\"Ergonómico\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eMango ergonómico de tacto suave\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mango ergonómico de tacto suave\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/ZpK7Dx0B\/Softtouch.png\" alt=\"Suave\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eMango ergonómico de tacto suave\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Vidrio templado\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/2YfmPW9W\/Temperedglass.png\" alt=\"Borosilicate\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eVidrio templado\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Color: gris mate DISEÑO REGISTRADO POR BERLINGER HAUS!\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eColor: gris mate DISEÑO REGISTRADO POR BERLINGER HAUS!\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":51616554418519,"sku":"BH\/8272","price":90.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8272-2.jpg?v=1764058554"},{"product_id":"casserole-with-lid-28cm_bh-8226","title":"Cassola Amb Tapa 28Cm","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\/8226\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                Aluminio forjado con revestimiento antiadherente titanPro\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 brillante DISEÑO REGISTRADO POR BERLINGER HAUS!\" aria-label=\"negro brillante DISEÑO REGISTRADO POR BERLINGER HAUS!\"\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=\"Antiadherente\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/1YbwQ8bk\/Nonstick-Titan-Pro.png\" alt=\"Antiadherente\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eAntiadherente\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Apta para inducción turbo\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/hJDDxjY4\/Inductionbased.png\" alt=\"Inducción\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eApta para inducción turbo\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Fácil de limpiar\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/MxwchwVt\/Easycleaning.png\" alt=\"Fácil De Limpiar\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eFácil de limpiar\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"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=\"Mango ergonómico de tacto suave que se mantiene frío\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/yFBj3GLZ\/ergonomic.png\" alt=\"Ergonómico\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eMango ergonómico de tacto suave que se mantiene frío\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mango ergonómico de tacto suave que se mantiene frío\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/ZpK7Dx0B\/Softtouch.png\" alt=\"Suave\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eMango ergonómico de tacto suave que se mantiene frío\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Vidrio templado\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/2YfmPW9W\/Temperedglass.png\" alt=\"Borosilicate\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eVidrio templado\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Acabado mate\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eAcabado mate\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\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":51616559071575,"sku":"BH\/8226","price":123.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8226-1_1e7b4762-6609-4c56-8983-91b2a50aeb62.jpg?v=1764058618"},{"product_id":"casserole-with-lid-24cm_bh-8225","title":"Cassola Amb Tapa 24Cm","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\/8225\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                Aluminio forjado con revestimiento antiadherente titanPro\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 brillante DISEÑO REGISTRADO POR BERLINGER HAUS!\" aria-label=\"negro brillante DISEÑO REGISTRADO POR BERLINGER HAUS!\"\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=\"Antiadherente\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/1YbwQ8bk\/Nonstick-Titan-Pro.png\" alt=\"Antiadherente\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eAntiadherente\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Apta para inducción turbo\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/hJDDxjY4\/Inductionbased.png\" alt=\"Inducción\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eApta para inducción turbo\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Fácil de limpiar\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/MxwchwVt\/Easycleaning.png\" alt=\"Fácil De Limpiar\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eFácil de limpiar\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"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=\"Mango ergonómico de tacto suave que se mantiene frío\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/yFBj3GLZ\/ergonomic.png\" alt=\"Ergonómico\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eMango ergonómico de tacto suave que se mantiene frío\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mango ergonómico de tacto suave que se mantiene frío\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/ZpK7Dx0B\/Softtouch.png\" alt=\"Suave\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eMango ergonómico de tacto suave que se mantiene frío\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Vidrio templado\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/2YfmPW9W\/Temperedglass.png\" alt=\"Borosilicate\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eVidrio templado\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Acabado mate\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eAcabado mate\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\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":51616556319063,"sku":"BH\/8225","price":106.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8225-2.jpg?v=1764058582"},{"product_id":"casserole-with-lid-20cm_bh-8224","title":"Cassola Amb Tapa 20Cm","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\/8224\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                Aluminio forjado con revestimiento antiadherente titanPro\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 brillante DISEÑO REGISTRADO POR BERLINGER HAUS!\" aria-label=\"negro brillante DISEÑO REGISTRADO POR BERLINGER HAUS!\"\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=\"Antiadherente\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/1YbwQ8bk\/Nonstick-Titan-Pro.png\" alt=\"Antiadherente\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eAntiadherente\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Apta para inducción turbo\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/hJDDxjY4\/Inductionbased.png\" alt=\"Inducción\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eApta para inducción turbo\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Fácil de limpiar\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/MxwchwVt\/Easycleaning.png\" alt=\"Fácil De Limpiar\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eFácil de limpiar\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"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=\"Mango ergonómico de tacto suave que se mantiene frío\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/yFBj3GLZ\/ergonomic.png\" alt=\"Ergonómico\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eMango ergonómico de tacto suave que se mantiene frío\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mango ergonómico de tacto suave que se mantiene frío\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/ZpK7Dx0B\/Softtouch.png\" alt=\"Suave\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eMango ergonómico de tacto suave que se mantiene frío\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Vidrio templado\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/2YfmPW9W\/Temperedglass.png\" alt=\"Borosilicate\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eVidrio templado\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Acabado mate\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eAcabado mate\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\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":51616554385751,"sku":"BH\/8224","price":82.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8224-1_4a157b9e-386d-47bd-8aaa-c4353fa33f6d.jpg?v=1764058553"},{"product_id":"shallow-pot-with-lid-30cm_bh-8223","title":"Olla Baixa Amb Tapa 30Cm","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\/8223\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                Aluminio forjado con revestimiento antiadherente titanPro\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 brillante DISEÑO REGISTRADO POR BERLINGER HAUS!\" aria-label=\"negro brillante DISEÑO REGISTRADO POR BERLINGER HAUS!\"\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=\"Antiadherente\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/1YbwQ8bk\/Nonstick-Titan-Pro.png\" alt=\"Antiadherente\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eAntiadherente\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Apto para inducción turbo\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/hJDDxjY4\/Inductionbased.png\" alt=\"Inducción\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eApto para inducción turbo\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Fácil de limpiar\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/MxwchwVt\/Easycleaning.png\" alt=\"Fácil De Limpiar\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eFácil de limpiar\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"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=\"Mango ergonómico de tacto suave que se mantiene frío\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/yFBj3GLZ\/ergonomic.png\" alt=\"Ergonómico\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eMango ergonómico de tacto suave que se mantiene frío\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mango ergonómico de tacto suave que se mantiene frío\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/ZpK7Dx0B\/Softtouch.png\" alt=\"Suave\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eMango ergonómico de tacto suave que se mantiene frío\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Vidrio templado\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/2YfmPW9W\/Temperedglass.png\" alt=\"Borosilicate\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eVidrio templado\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Acabado mate\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eAcabado mate\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\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":51617508655447,"sku":"BH\/8223","price":118.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8223-1.jpg?v=1764059458"},{"product_id":"shallow-pot-with-lid-28cm_bh-8222","title":"Olla Baixa Amb Tapa 28Cm","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\/8222\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                Aluminio forjado con revestimiento antiadherente titanPro\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 brillante DISEÑO REGISTRADO POR BERLINGER HAUS!\" aria-label=\"negro brillante DISEÑO REGISTRADO POR BERLINGER HAUS!\"\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=\"Antiadherente\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/1YbwQ8bk\/Nonstick-Titan-Pro.png\" alt=\"Antiadherente\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eAntiadherente\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Apta para inducción turbo\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/hJDDxjY4\/Inductionbased.png\" alt=\"Inducción\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eApta para inducción turbo\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Fácil de limpiar\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/MxwchwVt\/Easycleaning.png\" alt=\"Fácil De Limpiar\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eFácil de limpiar\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"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=\"Mango ergonómico de tacto suave que se mantiene frío\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/yFBj3GLZ\/ergonomic.png\" alt=\"Ergonómico\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eMango ergonómico de tacto suave que se mantiene frío\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mango ergonómico de tacto suave que se mantiene frío\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/ZpK7Dx0B\/Softtouch.png\" alt=\"Suave\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eMango ergonómico de tacto suave que se mantiene frío\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Vidrio templado\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/2YfmPW9W\/Temperedglass.png\" alt=\"Borosilicate\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eVidrio templado\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Acabado mate\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eAcabado mate\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\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":51617506459991,"sku":"BH\/8222","price":106.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8222-1.jpg?v=1764059424"},{"product_id":"casserole-with-lid-28cm_bh-8202","title":"Cassola Amb Tapa 28Cm","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\/8202\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                Aluminio forjado con revestimiento antiadherente titanPro\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eColor\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                \u003cspan class=\"color-swatch\" style=\"background-color:#394A39;\" title=\"verde mate DISEÑO REGISTRADO POR BERLINGER HAUS!\" aria-label=\"verde mate DISEÑO REGISTRADO POR BERLINGER HAUS!\"\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=\"Antiadherente\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/1YbwQ8bk\/Nonstick-Titan-Pro.png\" alt=\"Antiadherente\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eAntiadherente\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Apta para inducción turbo\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/hJDDxjY4\/Inductionbased.png\" alt=\"Inducción\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eApta para inducción turbo\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Fácil de limpiar\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/MxwchwVt\/Easycleaning.png\" alt=\"Fácil De Limpiar\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eFácil de limpiar\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"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=\"Ergonómico\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/yFBj3GLZ\/ergonomic.png\" alt=\"Ergonómico\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eErgonómico\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Suave\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/ZpK7Dx0B\/Softtouch.png\" alt=\"Suave\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eSuave\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Vidrio templado\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/2YfmPW9W\/Temperedglass.png\" alt=\"Borosilicate\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eVidrio templado\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Color: verde mate DISEÑO REGISTRADO POR BERLINGER HAUS!\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eColor: verde mate DISEÑO REGISTRADO POR BERLINGER HAUS!\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":51616558973271,"sku":"BH\/8202","price":132.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8202-1_9f5d45e4-5f24-4416-9a5f-4467a02a83b3.jpg?v=1764058617"},{"product_id":"casserole-with-lid-24cm_bh-8201","title":"Cassola Amb Tapa 24Cm","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\/8201\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                Aluminio forjado con revestimiento antiadherente titanPro\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eColor\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                \u003cspan class=\"color-swatch\" style=\"background-color:#394A39;\" title=\"verde mate DISEÑO REGISTRADO POR BERLINGER HAUS!\" aria-label=\"verde mate DISEÑO REGISTRADO POR BERLINGER HAUS!\"\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=\"Antiadherente\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/1YbwQ8bk\/Nonstick-Titan-Pro.png\" alt=\"Antiadherente\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eAntiadherente\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Apta para inducción turbo\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/hJDDxjY4\/Inductionbased.png\" alt=\"Inducción\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eApta para inducción turbo\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Fácil de limpiar\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/MxwchwVt\/Easycleaning.png\" alt=\"Fácil De Limpiar\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eFácil de limpiar\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"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=\"Ergonómico\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/yFBj3GLZ\/ergonomic.png\" alt=\"Ergonómico\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eErgonómico\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Suave\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/ZpK7Dx0B\/Softtouch.png\" alt=\"Suave\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eSuave\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Vidrio templado\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/2YfmPW9W\/Temperedglass.png\" alt=\"Borosilicate\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eVidrio templado\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Color: verde mate DISEÑO REGISTRADO POR BERLINGER HAUS!\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eColor: verde mate DISEÑO REGISTRADO POR BERLINGER HAUS!\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":51616556286295,"sku":"BH\/8201","price":116.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8201-1_f41e566c-9b4a-4902-a03c-899663903bbb.jpg?v=1764058580"},{"product_id":"casserole-with-lid-20cm_bh-8200","title":"Cassola Amb Tapa 20Cm","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\/8200\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                Aluminio forjado con revestimiento antiadherente titanPro\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eColor\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                \u003cspan class=\"color-swatch\" style=\"background-color:#394A39;\" title=\"verde mate DISEÑO REGISTRADO POR BERLINGER HAUS!\" aria-label=\"verde mate DISEÑO REGISTRADO POR BERLINGER HAUS!\"\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=\"Antiadherente\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/1YbwQ8bk\/Nonstick-Titan-Pro.png\" alt=\"Antiadherente\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eAntiadherente\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Apta para inducción turbo\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/hJDDxjY4\/Inductionbased.png\" alt=\"Inducción\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eApta para inducción turbo\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Fácil de limpiar\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/MxwchwVt\/Easycleaning.png\" alt=\"Fácil De Limpiar\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eFácil de limpiar\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"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=\"Ergonómico\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/yFBj3GLZ\/ergonomic.png\" alt=\"Ergonómico\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eErgonómico\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Suave\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/ZpK7Dx0B\/Softtouch.png\" alt=\"Suave\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eSuave\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Vidrio templado\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/2YfmPW9W\/Temperedglass.png\" alt=\"Borosilicate\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eVidrio templado\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Color: verde mate DISEÑO REGISTRADO POR BERLINGER HAUS!\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eColor: verde mate DISEÑO REGISTRADO POR BERLINGER HAUS!\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":51616554320215,"sku":"BH\/8200","price":91.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8200_1.jpg?v=1776941145"},{"product_id":"shallow-pot-with-lid-30cm_bh-8199","title":"Olla Baixa Amb Tapa 30Cm","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\/8199\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                Aluminio forjado con revestimiento antiadherente titanPro\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eColor\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                \u003cspan class=\"color-swatch\" style=\"background-color:#394A39;\" title=\"verde mate DISEÑO REGISTRADO POR BERLINGER HAUS!\" aria-label=\"verde mate DISEÑO REGISTRADO POR BERLINGER HAUS!\"\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=\"Antiadherente\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/1YbwQ8bk\/Nonstick-Titan-Pro.png\" alt=\"Antiadherente\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eAntiadherente\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Apto para inducción turbo\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/hJDDxjY4\/Inductionbased.png\" alt=\"Inducción\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eApto para inducción turbo\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Fácil de limpiar\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/MxwchwVt\/Easycleaning.png\" alt=\"Fácil De Limpiar\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eFácil de limpiar\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"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=\"Ergonómico\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/yFBj3GLZ\/ergonomic.png\" alt=\"Ergonómico\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eErgonómico\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Suave\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/ZpK7Dx0B\/Softtouch.png\" alt=\"Suave\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eSuave\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Vidrio templado\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/2YfmPW9W\/Temperedglass.png\" alt=\"Borosilicate\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eVidrio templado\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Color: verde mate DISEÑO REGISTRADO POR BERLINGER HAUS!\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eColor: verde mate DISEÑO REGISTRADO POR BERLINGER HAUS!\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":51616928203095,"sku":"BH\/8199","price":128.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8199-3_bd6e5588-f1e2-4ac1-9279-5f624d2b2a9f.jpg?v=1764059457"},{"product_id":"casserole-with-lid-30cm_bh-8190","title":"Cassola Amb Tapa 30Cm","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\/8190\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                Aluminio forjado con revestimiento antiadherente titanPro\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eColor\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                \u003cspan class=\"color-swatch\" style=\"background-color:#000000;\" title=\"negro\" aria-label=\"negro\"\u003e\u003c\/span\u003e\u003cspan class=\"color-swatch\" style=\"background-color:#D4D4D4;\" title=\"plata DISEÑO REGISTRADO POR BERLINGER HAUS!\" aria-label=\"plata DISEÑO REGISTRADO POR BERLINGER HAUS!\"\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=\"Antiadherente\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/1YbwQ8bk\/Nonstick-Titan-Pro.png\" alt=\"Antiadherente\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eAntiadherente\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Apto para inducción turbo\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/hJDDxjY4\/Inductionbased.png\" alt=\"Inducción\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eApto para inducción turbo\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Fácil de limpiar\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/MxwchwVt\/Easycleaning.png\" alt=\"Fácil De Limpiar\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eFácil de limpiar\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"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=\"Ergonómico\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/yFBj3GLZ\/ergonomic.png\" alt=\"Ergonómico\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eErgonómico\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Suave\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/ZpK7Dx0B\/Softtouch.png\" alt=\"Suave\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eSuave\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Vidrio templado\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/2YfmPW9W\/Temperedglass.png\" alt=\"Borosilicate\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eVidrio templado\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Acabado mate\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eAcabado mate\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n    \u003c\/div\u003e\n  \n\n  \n\n  \n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/* Convierte color-swatch con title\/aria-label en tooltip burbuja CSS *\/\n(function(){\n  var scopes = document.querySelectorAll('.bh-scope');\n  scopes.forEach(function(scope){\n    var swatches = scope.querySelectorAll('.color-swatch');\n    swatches.forEach(function(swatch){\n      if (swatch.closest('.tooltip')) return;\n      var label = swatch.getAttribute('aria-label') || swatch.getAttribute('title') || '';\n      if (!label) return;\n      var wrap = document.createElement('span');\n      wrap.className = 'tooltip';\n      wrap.setAttribute('tabindex','0');\n      swatch.parentNode.insertBefore(wrap, swatch);\n      wrap.appendChild(swatch);\n      var tip = document.createElement('span');\n      tip.className = 'tooltiptext';\n      tip.textContent = label;\n      wrap.appendChild(tip);\n      swatch.removeAttribute('title');\n    });\n  });\n})();\n\u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616563757399,"sku":"BH\/8190","price":147.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8190-2_85042db5-88a0-44f6-8af3-d467c811de2d.jpg?v=1764058650"},{"product_id":"casserole-with-lid-28cm_bh-8189","title":"Cassola Amb Tapa 28Cm","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\/8189\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                Aluminio forjado con revestimiento antiadherente titanPro\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eColor\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                \u003cspan class=\"color-swatch\" style=\"background-color:#000000;\" title=\"negro\" aria-label=\"negro\"\u003e\u003c\/span\u003e\u003cspan class=\"color-swatch\" style=\"background-color:#D4D4D4;\" title=\"plata DISEÑO REGISTRADO POR BERLINGER HAUS!\" aria-label=\"plata DISEÑO REGISTRADO POR BERLINGER HAUS!\"\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=\"Antiadherente\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/1YbwQ8bk\/Nonstick-Titan-Pro.png\" alt=\"Antiadherente\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eAntiadherente\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Apta para inducción turbo\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/hJDDxjY4\/Inductionbased.png\" alt=\"Inducción\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eApta para inducción turbo\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Fácil de limpiar\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/MxwchwVt\/Easycleaning.png\" alt=\"Fácil De Limpiar\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eFácil de limpiar\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"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=\"Ergonómico\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/yFBj3GLZ\/ergonomic.png\" alt=\"Ergonómico\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eErgonómico\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Suave\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/ZpK7Dx0B\/Softtouch.png\" alt=\"Suave\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eSuave\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Vidrio templado\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/2YfmPW9W\/Temperedglass.png\" alt=\"Borosilicate\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eVidrio templado\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Acabado mate\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eAcabado mate\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n    \u003c\/div\u003e\n  \n\n  \n\n  \n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/* Convierte color-swatch con title\/aria-label en tooltip burbuja CSS *\/\n(function(){\n  var scopes = document.querySelectorAll('.bh-scope');\n  scopes.forEach(function(scope){\n    var swatches = scope.querySelectorAll('.color-swatch');\n    swatches.forEach(function(swatch){\n      if (swatch.closest('.tooltip')) return;\n      var label = swatch.getAttribute('aria-label') || swatch.getAttribute('title') || '';\n      if (!label) return;\n      var wrap = document.createElement('span');\n      wrap.className = 'tooltip';\n      wrap.setAttribute('tabindex','0');\n      swatch.parentNode.insertBefore(wrap, swatch);\n      wrap.appendChild(swatch);\n      var tip = document.createElement('span');\n      tip.className = 'tooltiptext';\n      tip.textContent = label;\n      wrap.appendChild(tip);\n      swatch.removeAttribute('title');\n    });\n  });\n})();\n\u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616558874967,"sku":"BH\/8189","price":131.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8189-3_a4e698fb-4ede-472a-811c-44af38148757.jpg?v=1764058615"},{"product_id":"casserole-with-lid-24cm_bh-8188","title":"Cassola Amb Tapa 24Cm","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\/8188\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                Aluminio forjado con revestimiento antiadherente titanPro\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eColor\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                \u003cspan class=\"color-swatch\" style=\"background-color:#000000;\" title=\"negro\" aria-label=\"negro\"\u003e\u003c\/span\u003e\u003cspan class=\"color-swatch\" style=\"background-color:#D4D4D4;\" title=\"plata DISEÑO REGISTRADO POR BERLINGER HAUS!\" aria-label=\"plata DISEÑO REGISTRADO POR BERLINGER HAUS!\"\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=\"Antiadherente\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/1YbwQ8bk\/Nonstick-Titan-Pro.png\" alt=\"Antiadherente\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eAntiadherente\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Apta para inducción turbo\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/hJDDxjY4\/Inductionbased.png\" alt=\"Inducción\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eApta para inducción turbo\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Fácil de limpiar\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/MxwchwVt\/Easycleaning.png\" alt=\"Fácil De Limpiar\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eFácil de limpiar\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"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=\"Ergonómico\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/yFBj3GLZ\/ergonomic.png\" alt=\"Ergonómico\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eErgonómico\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Suave\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/ZpK7Dx0B\/Softtouch.png\" alt=\"Suave\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eSuave\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Vidrio templado\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/2YfmPW9W\/Temperedglass.png\" alt=\"Borosilicate\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eVidrio templado\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Acabado mate\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eAcabado mate\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n    \u003c\/div\u003e\n  \n\n  \n\n  \n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/* Convierte color-swatch con title\/aria-label en tooltip burbuja CSS *\/\n(function(){\n  var scopes = document.querySelectorAll('.bh-scope');\n  scopes.forEach(function(scope){\n    var swatches = scope.querySelectorAll('.color-swatch');\n    swatches.forEach(function(swatch){\n      if (swatch.closest('.tooltip')) return;\n      var label = swatch.getAttribute('aria-label') || swatch.getAttribute('title') || '';\n      if (!label) return;\n      var wrap = document.createElement('span');\n      wrap.className = 'tooltip';\n      wrap.setAttribute('tabindex','0');\n      swatch.parentNode.insertBefore(wrap, swatch);\n      wrap.appendChild(swatch);\n      var tip = document.createElement('span');\n      tip.className = 'tooltiptext';\n      tip.textContent = label;\n      wrap.appendChild(tip);\n      swatch.removeAttribute('title');\n    });\n  });\n})();\n\u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616556253527,"sku":"BH\/8188","price":114.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8188-1_b9a863df-5787-4568-91c9-173257e88266.jpg?v=1764058577"},{"product_id":"shallow-pot-with-lid-30cm_bh-8186","title":"Olla Baixa Amb Tapa 30Cm","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\/8186\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                Aluminio forjado con revestimiento antiadherente titanPro\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eColor\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                \u003cspan class=\"color-swatch\" style=\"background-color:#000000;\" title=\"negro\" aria-label=\"negro\"\u003e\u003c\/span\u003e\u003cspan class=\"color-swatch\" style=\"background-color:#D4D4D4;\" title=\"plata DISEÑO REGISTRADO POR BERLINGER HAUS!\" aria-label=\"plata DISEÑO REGISTRADO POR BERLINGER HAUS!\"\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=\"Antiadherente\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/1YbwQ8bk\/Nonstick-Titan-Pro.png\" alt=\"Antiadherente\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eAntiadherente\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Apta para inducción turbo\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/hJDDxjY4\/Inductionbased.png\" alt=\"Inducción\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eApta para inducción turbo\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Fácil de limpiar\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/MxwchwVt\/Easycleaning.png\" alt=\"Fácil De Limpiar\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eFácil de limpiar\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"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=\"Ergonómico\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/yFBj3GLZ\/ergonomic.png\" alt=\"Ergonómico\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eErgonómico\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Suave\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/ZpK7Dx0B\/Softtouch.png\" alt=\"Suave\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eSuave\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Vidrio templado\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/2YfmPW9W\/Temperedglass.png\" alt=\"Borosilicate\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eVidrio templado\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Acabado mate\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eAcabado mate\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n    \u003c\/div\u003e\n  \n\n  \n\n  \n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/* Convierte color-swatch con title\/aria-label en tooltip burbuja CSS *\/\n(function(){\n  var scopes = document.querySelectorAll('.bh-scope');\n  scopes.forEach(function(scope){\n    var swatches = scope.querySelectorAll('.color-swatch');\n    swatches.forEach(function(swatch){\n      if (swatch.closest('.tooltip')) return;\n      var label = swatch.getAttribute('aria-label') || swatch.getAttribute('title') || '';\n      if (!label) return;\n      var wrap = document.createElement('span');\n      wrap.className = 'tooltip';\n      wrap.setAttribute('tabindex','0');\n      swatch.parentNode.insertBefore(wrap, swatch);\n      wrap.appendChild(swatch);\n      var tip = document.createElement('span');\n      tip.className = 'tooltiptext';\n      tip.textContent = label;\n      wrap.appendChild(tip);\n      swatch.removeAttribute('title');\n    });\n  });\n})();\n\u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616928170327,"sku":"BH\/8186","price":37.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8186-2_21eb61e4-9db7-4264-96c5-74923e0b189e.jpg?v=1764059455"},{"product_id":"shallow-pot-with-lid-28cm_bh-8185","title":"Olla Baixa Amb Tapa 28Cm","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\/8185\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                Aluminio forjado con revestimiento antiadherente titanPro\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eColor\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                \u003cspan class=\"color-swatch\" style=\"background-color:#000000;\" title=\"negro\" aria-label=\"negro\"\u003e\u003c\/span\u003e\u003cspan class=\"color-swatch\" style=\"background-color:#D4D4D4;\" title=\"plata DISEÑO REGISTRADO POR BERLINGER HAUS!\" aria-label=\"plata DISEÑO REGISTRADO POR BERLINGER HAUS!\"\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=\"Antiadherente\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/1YbwQ8bk\/Nonstick-Titan-Pro.png\" alt=\"Antiadherente\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eAntiadherente\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Apta para inducción turbo\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/hJDDxjY4\/Inductionbased.png\" alt=\"Inducción\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eApta para inducción turbo\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Fácil de limpiar\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/MxwchwVt\/Easycleaning.png\" alt=\"Fácil De Limpiar\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eFácil de limpiar\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"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=\"Ergonómico\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/yFBj3GLZ\/ergonomic.png\" alt=\"Ergonómico\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eErgonómico\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Suave\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/ZpK7Dx0B\/Softtouch.png\" alt=\"Suave\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eSuave\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Vidrio templado\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/2YfmPW9W\/Temperedglass.png\" alt=\"Borosilicate\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eVidrio templado\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Acabado mate\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eAcabado mate\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n    \u003c\/div\u003e\n  \n\n  \n\n  \n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/* Convierte color-swatch con title\/aria-label en tooltip burbuja CSS *\/\n(function(){\n  var scopes = document.querySelectorAll('.bh-scope');\n  scopes.forEach(function(scope){\n    var swatches = scope.querySelectorAll('.color-swatch');\n    swatches.forEach(function(swatch){\n      if (swatch.closest('.tooltip')) return;\n      var label = swatch.getAttribute('aria-label') || swatch.getAttribute('title') || '';\n      if (!label) return;\n      var wrap = document.createElement('span');\n      wrap.className = 'tooltip';\n      wrap.setAttribute('tabindex','0');\n      swatch.parentNode.insertBefore(wrap, swatch);\n      wrap.appendChild(swatch);\n      var tip = document.createElement('span');\n      tip.className = 'tooltiptext';\n      tip.textContent = label;\n      wrap.appendChild(tip);\n      swatch.removeAttribute('title');\n    });\n  });\n})();\n\u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616923943255,"sku":"BH\/8185","price":114.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8185-3.jpg?v=1764059423"}],"url":"https:\/\/berlinger-haus.es\/ca\/collections\/ollas.oembed?page=11","provider":"Berlinger Haus, tienda oficial en España","version":"1.0","type":"link"}