{"title":"Olles baixes","description":"","products":[{"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":"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":"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":"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":"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":"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":"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"},{"product_id":"shallow-pot-with-lid-28cm_bh-8163","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\/8163\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":51617506427223,"sku":"BH\/8163","price":117.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8163-3_9ae93737-4135-425e-b8d0-bbd460bfad12.jpg?v=1764059421"},{"product_id":"shallow-pot-with-lid-28cm_bh-8128","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\/8128\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:#353535;\" title=\"antracita mate\" aria-label=\"antracita mate\"\u003e\u003c\/span\u003e\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \n\n \n \u003cp style=\"font-style:italic;font-weight:700;color:#800000;margin:16px 0;\"\u003e\n ¡DISEÑO REGISTRADO POR BERLINGER HAUS!\n \u003c\/p\u003e\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: antracita mate\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eColor: antracita mate\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n\n \n\n \n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/* Convierte color-swatch con title\/aria-label en tooltip burbuja CSS *\/\n(function(){\n var scopes = document.querySelectorAll('.bh-scope');\n scopes.forEach(function(scope){\n var swatches = scope.querySelectorAll('.color-swatch');\n swatches.forEach(function(swatch){\n if (swatch.closest('.tooltip')) return;\n var label = swatch.getAttribute('aria-label') || swatch.getAttribute('title') || '';\n if (!label) return;\n var wrap = document.createElement('span');\n wrap.className = 'tooltip';\n wrap.setAttribute('tabindex','0');\n swatch.parentNode.insertBefore(wrap, swatch);\n wrap.appendChild(swatch);\n var tip = document.createElement('span');\n tip.className = 'tooltiptext';\n tip.textContent = label;\n wrap.appendChild(tip);\n swatch.removeAttribute('title');\n });\n });\n})();\n\u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51617506197847,"sku":"BH\/8128","price":114.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8128-6.jpg?v=1764059419"},{"product_id":"shallow-pot-with-lid-30cm_bh-8099","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\/8099\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:#8B8589;\" title=\"gris topo mate\" aria-label=\"gris topo mate\"\u003e\u003c\/span\u003e\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \n\n \n \u003cp style=\"font-style:italic;font-weight:700;color:#800000;margin:16px 0;\"\u003e\n ¡DISEÑO REGISTRADO POR BERLINGER HAUS!\n \u003c\/p\u003e\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: gris topo mate\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eColor: gris topo mate\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n\n \n\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":51617508032855,"sku":"BH\/8099","price":127.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8099-6.jpg?v=1763467701"},{"product_id":"shallow-pot-with-lid-28cm_bh-8098","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\/8098\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:#8B8589;\" title=\"gris topo mate\" aria-label=\"gris topo mate\"\u003e\u003c\/span\u003e\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \n\n \n \u003cp style=\"font-style:italic;font-weight:700;color:#800000;margin:16px 0;\"\u003e\n ¡DISEÑO REGISTRADO POR BERLINGER HAUS!\n \u003c\/p\u003e\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: gris topo mate\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eColor: gris topo mate\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n\n \n\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":51617506165079,"sku":"BH\/8098","price":114.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8098-1.jpg?v=1763467695"},{"product_id":"shallow-pot-with-lid-30cm_bh-8069","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\/8069\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:#FAF3D4;\" title=\"crema mate DISEÑO REGISTRADO POR BERLINGER HAUS!\" aria-label=\"crema 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=\"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=\"Color: crema 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: crema mate DISEÑO REGISTRADO POR BERLINGER HAUS!\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Pomo de acero inoxidable con revestimiento PVD dorado\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/WNHF0bV2\/Stainless-Steel.png\" alt=\"Stainless Steel\"\u003e\n \u003cspan class=\"tooltiptext\"\u003ePomo de acero inoxidable con revestimiento PVD dorado\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":51616927416663,"sku":"BH\/8069","price":135.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8069-2_0b0ff91b-4caa-49f6-99a0-22f3d946d3f0.jpg?v=1763467699"},{"product_id":"shallow-pot-with-lid-28cm_bh-8068","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\/8068\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:#FAF3D4;\" title=\"crema mate DISEÑO REGISTRADO POR BERLINGER HAUS!\" aria-label=\"crema 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=\"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=\"Color: crema 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: crema mate DISEÑO REGISTRADO POR BERLINGER HAUS!\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Pomo de acero inoxidable con revestimiento PVD dorado\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/WNHF0bV2\/Stainless-Steel.png\" alt=\"Stainless Steel\"\u003e\n \u003cspan class=\"tooltiptext\"\u003ePomo de acero inoxidable con revestimiento PVD dorado\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":51616923222359,"sku":"BH\/8068","price":123.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8068-4.jpg?v=1763467694"},{"product_id":"shallow-pot-with-lid-30cm_bh-8039","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\/8039\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:#411B16;\" title=\"burdeos mate DISEÑO REGISTRADO POR BERLINGER HAUS!\" aria-label=\"burdeos 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=\"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=\"Color: burdeos 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: burdeos mate DISEÑO REGISTRADO POR BERLINGER HAUS!\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Pomo de acero inoxidable con revestimiento PVD dorado\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/WNHF0bV2\/Stainless-Steel.png\" alt=\"Stainless Steel\"\u003e\n \u003cspan class=\"tooltiptext\"\u003ePomo de acero inoxidable con revestimiento PVD dorado\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":51617507901783,"sku":"BH\/8039","price":135.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8039-3_8cc028e8-af82-449e-9620-f55fb56f692e.jpg?v=1763467697"},{"product_id":"shallow-pot-with-lid-28cm_bh-8038","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\/8038\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:#411B16;\" title=\"burdeos mate\" aria-label=\"burdeos mate\"\u003e\u003c\/span\u003e\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \n\n \n \u003cp style=\"font-style:italic;font-weight:700;color:#800000;margin:16px 0;\"\u003e\n ¡DISEÑO REGISTRADO POR BERLINGER HAUS!\n \u003c\/p\u003e\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=\"Color: burdeos mate\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eColor: burdeos mate\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Pomo de acero inoxidable con revestimiento PVD dorado\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/WNHF0bV2\/Stainless-Steel.png\" alt=\"Stainless Steel\"\u003e\n \u003cspan class=\"tooltiptext\"\u003ePomo de acero inoxidable con revestimiento PVD dorado\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":51616922861911,"sku":"BH\/8038","price":123.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8038-3_b7411b64-edc2-4b72-b528-62ef6da4f197.jpg?v=1763467692"},{"product_id":"shallow-pot-with-lid-28cm_bh-7785","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\/7785\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 fundido\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eColor\u003c\/td\u003e\n \u003ctd\u003e\n \n \u003cspan class=\"color-swatch\" style=\"background-color:#FAF3D4;\" title=\"crema mate\" aria-label=\"crema mate\"\u003e\u003c\/span\u003e\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eApta para horno\u003c\/td\u003e\n \u003ctd\u003e\n \n +220 °C\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=\"Revestimiento antiadherente duradero TitanPro (3 capas)\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/1YbwQ8bk\/Nonstick-Titan-Pro.png\" alt=\"Antiadherente\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eRevestimiento antiadherente duradero TitanPro (3 capas)\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=\"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 Stay Cook 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 Stay Cook de tacto suave\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mango ergonómico Stay Cook de tacto suave\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/ZpK7Dx0B\/Softtouch.png\" alt=\"Suave\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMango ergonómico Stay Cook 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=\"Material: aluminio fundido\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/5WH9bpTn\/Castaluminum.png\" alt=\"Cast Aluminum\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMaterial: aluminio fundido\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Color: crema mate\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eColor: crema mate\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Pomo de acero inoxidable con revestimiento PVD dorado\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/WNHF0bV2\/Stainless-Steel.png\" alt=\"Stainless Steel\"\u003e\n \u003cspan class=\"tooltiptext\"\u003ePomo de acero inoxidable con revestimiento PVD dorado\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":51617506099543,"sku":"BH\/7785","price":139.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-7785-3_30bff3e6-c36b-4e89-880a-3cd3755200a4.jpg?v=1763472077"},{"product_id":"shallow-pot-with-lid-28cm_bh-1640n","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\/1640N\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\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 mate\" aria-label=\"negro mate\"\u003e\u003c\/span\u003e\u003cspan class=\"color-swatch\" style=\"background-color:#E7BEAE;\" title=\"oro rosa\" aria-label=\"oro rosa\"\u003e\u003c\/span\u003e\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \n\n \n \u003cp style=\"font-style:italic;font-weight:700;color:#800000;margin:16px 0;\"\u003e\n ¡DISEÑO REGISTRADO POR BERLINGER HAUS!\n \u003c\/p\u003e\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=\"Revestimiento antiadherente de mármol de 3 capas\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/1YbwQ8bk\/Nonstick-Titan-Pro.png\" alt=\"Antiadherente\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eRevestimiento antiadherente de mármol de 3 capas\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=\"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=\"Color: negro mate - oro rosa\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eColor: negro mate - oro rosa\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":51616919585111,"sku":"BH\/1640N","price":123.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-1640-N-1_4682b017-40af-485d-9af9-73a04c61faba.jpg?v=1763381878"},{"product_id":"shallow-pot-with-lid-32cm_bl-1005","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: BL-1005\u003c\/span\u003e · \u003cspan\u003eBerlinger Haus\u003c\/span\u003e · \u003cspan\u003ePromintra\u003c\/span\u003e\n \u003c\/div\u003e\n\n \n \u003cdiv class=\"bh-section-title\"\u003e\n \u003cspan class=\"bh-pill\"\u003eProducto\u003c\/span\u003e\n Características Principales\n \u003c\/div\u003e\n \u003ctable class=\"bh-specs\"\u003e\n \u003ctbody\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eMaterial\u003c\/td\u003e\n \u003ctd\u003e\n \n Acero inoxidable\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eTamaño\u003c\/td\u003e\n \u003ctd\u003e\n \n diámetro 32 x 13 cm\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eVolumen\u003c\/td\u003e\n \u003ctd\u003e\n \n 10 l\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eApta para lavavajillas\u003c\/td\u003e\n \u003ctd\u003e\n \n ¡fácil de limpiar!\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eEscala de medición\u003c\/td\u003e\n \u003ctd\u003e\n \n facilita la cocción\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=\"Apta para todo tipo de cocinas, incluida la de inducción\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/hJDDxjY4\/Inductionbased.png\" alt=\"Inducción\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eApta para todo tipo de cocinas, incluida la de inducción\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Apta para lavavajillas: ¡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\"\u003eApta para lavavajillas: ¡fácil de limpiar!\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Fondo encapsulado de bajo consumo energético\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/hRrGQqFs\/Energysaving.png\" alt=\"Ahorro Energético\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eFondo encapsulado de bajo consumo energético\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mate\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMate\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Material: acero inoxidable\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/WNHF0bV2\/Stainless-Steel.png\" alt=\"Stainless Steel\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMaterial: acero 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":51616929317207,"sku":"BL-1005","price":123.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BL-1005-1_3953a597-f4dc-46fd-a750-9a5f2e4a11e5.jpg?v=1764237116"},{"product_id":"shallow-pot-with-lid-26cm_bl-1004a","title":"Olla Baixa Amb Tapa 26Cm","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: BL-1004A\u003c\/span\u003e · \u003cspan\u003eBerlinger Haus\u003c\/span\u003e · \u003cspan\u003ePromintra\u003c\/span\u003e\n \u003c\/div\u003e\n\n \n \u003cdiv class=\"bh-section-title\"\u003e\n \u003cspan class=\"bh-pill\"\u003eProducto\u003c\/span\u003e\n Características Principales\n \u003c\/div\u003e\n \u003ctable class=\"bh-specs\"\u003e\n \u003ctbody\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eMaterial\u003c\/td\u003e\n \u003ctd\u003e\n \n Acero inoxidable\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eTamaño\u003c\/td\u003e\n \u003ctd\u003e\n \n diámetro 26 x 10 cm\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eVolumen\u003c\/td\u003e\n \u003ctd\u003e\n \n 5 l\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eApta para lavavajillas\u003c\/td\u003e\n \u003ctd\u003e\n \n ¡fácil de limpiar!\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eEscala de medición\u003c\/td\u003e\n \u003ctd\u003e\n \n facilita la cocción\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=\"Apta para todo tipo de cocinas, incluida la de inducción\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/hJDDxjY4\/Inductionbased.png\" alt=\"Inducción\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eApta para todo tipo de cocinas, incluida la de inducción\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Apta para lavavajillas: ¡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\"\u003eApta para lavavajillas: ¡fácil de limpiar!\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Fondo encapsulado de bajo consumo energético\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/hRrGQqFs\/Energysaving.png\" alt=\"Ahorro Energético\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eFondo encapsulado de bajo consumo energético\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mate\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMate\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Material: acero inoxidable\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/WNHF0bV2\/Stainless-Steel.png\" alt=\"Stainless Steel\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMaterial: acero 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":51616919093591,"sku":"BL-1004A","price":82.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BL-1004-A-1_9dd4f279-347d-4c7e-9a1a-bd6b3c42d4d1.jpg?v=1764237106"},{"product_id":"shallow-pot-with-lid-28cm_bl-3999","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: BL-3999\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 de titanio negro de 3 capas\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 mate\" aria-label=\"negro mate\"\u003e\u003c\/span\u003e\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \n\n \n\n \n\n \n \u003cdiv class=\"bh-section-title\"\u003e\n \u003cspan class=\"bh-pill\"\u003eCalidad\u003c\/span\u003e\n Beneficios\n \u003c\/div\u003e\n \u003cdiv class=\"icon-row\"\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"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 apta para inducción\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/hJDDxjY4\/Inductionbased.png\" alt=\"Inducción\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eBase apta para inducción\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=\"Mango ergonómico de baquelita 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 baquelita de tacto suave\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mango ergonómico de baquelita 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 baquelita de tacto suave\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Color: negro mate\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eColor: negro 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":51617507836247,"sku":"BL-3999","price":98.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BL-3999-1_80f22753-19c1-422c-8bce-e32b07167121.jpg?v=1764237113"},{"product_id":"shallow-pot-with-lid-28cm_bh-8299","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\/8299\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:#411B16;\" title=\"burdeos mate\" aria-label=\"burdeos mate\"\u003e\u003c\/span\u003e\u003cspan class=\"color-swatch\" style=\"background-color:#5C4033;\" title=\"madera DISEÑO REGISTRADO POR BERLINGER HAUS!\" aria-label=\"madera 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=\"Mate\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMate\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n\n \n\n \n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/* Convierte color-swatch con title\/aria-label en tooltip burbuja CSS *\/\n(function(){\n var scopes = document.querySelectorAll('.bh-scope');\n scopes.forEach(function(scope){\n var swatches = scope.querySelectorAll('.color-swatch');\n swatches.forEach(function(swatch){\n if (swatch.closest('.tooltip')) return;\n var label = swatch.getAttribute('aria-label') || swatch.getAttribute('title') || '';\n if (!label) return;\n var wrap = document.createElement('span');\n wrap.className = 'tooltip';\n wrap.setAttribute('tabindex','0');\n swatch.parentNode.insertBefore(wrap, swatch);\n wrap.appendChild(swatch);\n var tip = document.createElement('span');\n tip.className = 'tooltiptext';\n tip.textContent = label;\n wrap.appendChild(tip);\n swatch.removeAttribute('title');\n });\n });\n})();\n\u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616924336471,"sku":"BH\/8299","price":120.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8299-1_b788bad6-3cf2-4752-bc93-292fc52c2ce0.jpg?v=1764059426"},{"product_id":"shallow-pot-with-lid-28cm_bh-8318","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\/8318\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:#FAF3D4;\" title=\"crema mate\" aria-label=\"crema mate\"\u003e\u003c\/span\u003e\u003cspan class=\"color-swatch\" style=\"background-color:#5C4033;\" title=\"madera DISEÑO REGISTRADO POR BERLINGER HAUS!\" aria-label=\"madera 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=\"Mate\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMate\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n\n \n\n \n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/* Convierte color-swatch con title\/aria-label en tooltip burbuja CSS *\/\n(function(){\n var scopes = document.querySelectorAll('.bh-scope');\n scopes.forEach(function(scope){\n var swatches = scope.querySelectorAll('.color-swatch');\n swatches.forEach(function(swatch){\n if (swatch.closest('.tooltip')) return;\n var label = swatch.getAttribute('aria-label') || swatch.getAttribute('title') || '';\n if (!label) return;\n var wrap = document.createElement('span');\n wrap.className = 'tooltip';\n wrap.setAttribute('tabindex','0');\n swatch.parentNode.insertBefore(wrap, swatch);\n wrap.appendChild(swatch);\n var tip = document.createElement('span');\n tip.className = 'tooltiptext';\n tip.textContent = label;\n wrap.appendChild(tip);\n swatch.removeAttribute('title');\n });\n });\n})();\n\u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616924369239,"sku":"BH\/8318","price":120.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8318-2.jpg?v=1764059427"},{"product_id":"shallow-pot-with-lid-28cm_bh-8337","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\/8337\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:#8B8589;\" title=\"gris topo mate\" aria-label=\"gris topo mate\"\u003e\u003c\/span\u003e\u003cspan class=\"color-swatch\" style=\"background-color:#5C4033;\" title=\"madera DISEÑO REGISTRADO POR BERLINGER HAUS!\" aria-label=\"madera 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=\"Mate\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMate\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n\n \n\n \n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/* Convierte color-swatch con title\/aria-label en tooltip burbuja CSS *\/\n(function(){\n var scopes = document.querySelectorAll('.bh-scope');\n scopes.forEach(function(scope){\n var swatches = scope.querySelectorAll('.color-swatch');\n swatches.forEach(function(swatch){\n if (swatch.closest('.tooltip')) return;\n var label = swatch.getAttribute('aria-label') || swatch.getAttribute('title') || '';\n if (!label) return;\n var wrap = document.createElement('span');\n wrap.className = 'tooltip';\n wrap.setAttribute('tabindex','0');\n swatch.parentNode.insertBefore(wrap, swatch);\n wrap.appendChild(swatch);\n var tip = document.createElement('span');\n tip.className = 'tooltiptext';\n tip.textContent = label;\n wrap.appendChild(tip);\n swatch.removeAttribute('title');\n });\n });\n})();\n\u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51617506558295,"sku":"BH\/8337","price":120.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8337-Conceptual-4_17db9cee-3401-4ead-bb8c-c5d9df235978.jpg?v=1764059440"},{"product_id":"shallow-pot-with-lid-28cm_bh-8356","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\/8356\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 mate\" aria-label=\"negro mate\"\u003e\u003c\/span\u003e\u003cspan class=\"color-swatch\" style=\"background-color:#E7BEAE;\" title=\"oro rosa\" aria-label=\"oro rosa\"\u003e\u003c\/span\u003e\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \n\n \n \u003cp style=\"font-style:italic;font-weight:700;color:#800000;margin:16px 0;\"\u003e\n ¡DISEÑO REGISTRADO POR BERLINGER HAUS!\n \u003c\/p\u003e\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: negro mate - oro rosa\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eColor: negro mate - oro rosa\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":51616924729687,"sku":"BH\/8356","price":117.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8356-2.jpg?v=1764059443"},{"product_id":"shallow-pot-with-lid-28cm_bh-8375","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\/8375\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:#203462;\" title=\"azul mate\" aria-label=\"azul mate\"\u003e\u003c\/span\u003e\u003cspan class=\"color-swatch\" style=\"background-color:#808080;\" title=\"gris madera\" aria-label=\"gris madera\"\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 \u003cp style=\"font-style:italic;font-weight:700;color:#800000;margin:16px 0;\"\u003e\n ¡DISEÑO REGISTRADO POR BERLINGER HAUS!\n \u003c\/p\u003e\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: azul mate, gris madera\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eColor: azul mate, gris madera\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":51616925090135,"sku":"BH\/8375","price":120.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8375-1.jpg?v=1764059445"},{"product_id":"shallow-pot-with-lid-28cm_bh-8394","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\/8394\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:#FAF3D4;\" title=\"crema mate\" aria-label=\"crema mate\"\u003e\u003c\/span\u003e\u003cspan class=\"color-swatch\" style=\"background-color:#9E9E9E;\" title=\"mármol\" aria-label=\"mármol\"\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 \u003cp style=\"font-style:italic;font-weight:700;color:#800000;margin:16px 0;\"\u003e\n ¡DISEÑO REGISTRADO POR BERLINGER HAUS!\n \u003c\/p\u003e\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: crema mate, mármol\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eColor: crema mate, mármol\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":51616925122903,"sku":"BH\/8394","price":120.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8394-2.jpg?v=1764059447"},{"product_id":"shallow-pot-with-lid-28cm_bh-8515n","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\/8515N\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 Acer acer \u003ctr\u003e \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e 28x7,5 cm 3,8L \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- aria-label=\"Superfície 3D per a la màxima protecció del revestiment antiadherent\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/QFdM6r27\/non-stick.png\" alt=\"Antiadherent\"\u003e \u003cspan class=\"tooltiptext\"\u003eSuperfície 3D per a la màxima class=\"tooltip\" tabindex=\"0\" aria-label=\"Apte per a inducció\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/zhVj1kvg\/induction.png\" alt=\"Inducció\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a inducció\u003c\/span\u003e \u003c\/div\u003e \u003cdiv div aria-label=\"Apte per a rentaplats\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/V07nqkqv\/dishwasher.png\" alt=\"Apte per a Rentaplats\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class aria-label=\"Apte per a forn fins a 300 °C\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/V05ZgMcy\/oven.png\" alt=\"Apte per a Forn\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a forn fins a 300 °C\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e 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":51616925647191,"sku":"BH\/8515N","price":159.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8515-N-3.jpg?v=1764059450"},{"product_id":"shallow-pot-with-lid-28cm_bh-8817","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\/8817\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBerlinger Haus\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan\u003ePromintra\u003c\/span\u003e \u003c\/div\u003e \u003ch2\u003eCaracterístiques principals\u003c\/h2\u003e \u003ctable class=\"specs\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd\u003eMaterial\u003c\/td\u003e \u003ctd\u003e \u003ctr\u003e \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e 28x7,5 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e acer inoxidable amb línia de coure \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 forn fins a 220 °C\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/V05ZgMcy\/oven.png\" alt=\"Apte per a Forn\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a forn fins a 220 °C\u003c\/s\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":51617506722135,"sku":"BH\/8817","price":409.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8817-3_00194a4b-bd84-486b-b27d-d9f208ee0ec1.jpg?v=1764059451"},{"product_id":"shallow-pot-26cm-cast-iron_bh-6262","title":"Olla Baixa De 26 Cm De Ferro Fos","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\/6262\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\u003eFerro fundit amb 3 capes d'esmalt brillant\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eMida\u003c\/td\u003e\n \u003ctd\u003ediàmetre 26 x 7,5 cm, 2,57 L\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:#394A39;\" title=\"verd mat\" aria-label=\"verd mat\"\u003e\u003c\/span\u003e\n \u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003e2 en 1\u003c\/td\u003e\n \u003ctd\u003etambé es pot utilitzar al forn i als fogons\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\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=\"Apte per a inducció\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/hJDDxjY4\/Inductionbased.png\" alt=\"Inducció\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eApte per a inducció\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Apte per a forn\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/MDrMgjLX\/Ovensafe.png\" alt=\"Apte per a forn\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eApte per a forn\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"2 en 1: també es pot utilitzar al forn i als fogons\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/Xf6yznGD\/2n1.png\" alt=\"2 en 1\"\u003e\n \u003cspan class=\"tooltiptext\"\u003e2 en 1: també es pot utilitzar al forn i als fogons\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Color: verd mat\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eColor: verd mat\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\/matte-green-collection\" title=\"Veure col·lecció Matte Green Collection\"\u003e\n Matte Green Collection\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":51616915718487,"sku":"BH\/6262","price":196.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-6262-3_bef8af89-7deb-4844-8a9b-c497864498e3.jpg?v=1763381860"},{"product_id":"shallow-pot-26cm-cast-iron_bh-6263","title":"Olla Baixa De 26 Cm De Ferro Fos","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\/6263\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBerlinger Haus\u003c\/span\u003e \u003cspan class=\"set\"\u003e·\u003c\/span\u003e \u003cspan\u003ePromintra\u003c\/span\u003e \u003c\/div\u003e \u003ch2\u003eCaracterístiques Principals\u003c\/h2\u003e \u003ctable class=\"specs\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd\u003eMaterial\u003c\/td\u003e \u003ctd\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e diàmetre 26x7,5 cm 2,57 L \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e bordeus mat \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003e2 en 1 estufa \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Apte per a forn\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/V05\" \u003cspan class=\"tooltiptext\"\u003eApte per a forn\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"2 en 1: també es pot utilitzar al forn ia l'estufa\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/Xf6yznGD\u003e class=\"tooltiptext\"\u003e2 en 1: també es pot fer servir al forn ia l'estufa\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":51616916078935,"sku":"BH\/6263","price":205.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-6263-2_431c8b66-26d3-4eaa-860a-a6d9ac4512a4.jpg?v=1773831633"},{"product_id":"shallow-pot-with-lid-28cm_lp-bh-250","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\u003eLP-BH-250\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 \u003c\/tr\u003e \u003ctr\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 aria-label=\"Material: alumini forjat amb revestiment antiadherent titanPro\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/QFdM6r27\/non-stick.png\" alt=\"Antiadherent\"\u003e \u003cspan class=\"tooltiptext\"\u003eMaterial: alumini forja\u003c\/\u003c\/\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Fàcil de netejar\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/jZhWGN7y\/clean.png\" alt=\"Fàcil de Netejar\"\u003e \u003cspan class=\"tooltiptext\"\u003eFàcil de netejar\u003c\/span tabindex=\"0\" aria-label=\"Ecològic sense PFOA, PLOMO ni cadmi\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/pr0xqHsm\/eco.png\" alt=\"Ecològic\"\u003e \u003cspan class=\"tooltiptext\"\u003eEcològic sense PFOA, PLOMO nicad tabindex=\"0\" aria-label=\"Tapa de vidre temperat amb sistema de silicona resistent a la calor i tancament suau\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/67pftqWV\/resistant.png\" alt=\"Resistent Al Calor\"\u003e \u003cspan class=\"tooltiptext\"\u003eTapa suau\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Ergonòmic\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/vGkXPDw\/ergonomic.png\" alt=\"Ergonòmic\"\u003e\u003cspan class=\"tooltiptext\"\u003e\u003c\/r\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":52244838449495,"sku":"LP-BH-250","price":117.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/LP-BH-250-3.jpg?v=1772014154"},{"product_id":"shallow-pot-with-lid-20cm_bl-1001w","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-1001W\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 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 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":52266969399639,"sku":"BL-1001W","price":51.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BL-1001-W-1.jpg?v=1772013945"},{"product_id":"shallow-pot-with-lid-22cm_bl-1002w","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-1002W\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 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":52266969629015,"sku":"BL-1002W","price":61.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BL-1002-W-1.jpg?v=1772013946"},{"product_id":"shallow-pot-with-lid-24cm_bh-6589w","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\u003eBH\/6589W\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\u003eColor\u003c\/td\u003e \u003ctd\u003e acer inoxidable \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Apte per a rentavaixelles -! 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\" tabindex=\"0\" tabindex=\"0\" 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 \u003c\/ con\u003e 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":52266969891159,"sku":"BH\/6589W","price":86.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-6589-1_be5886ff-51e9-4970-a5b9-393e6d0d57e7.jpg?v=1763553111"},{"product_id":"shallow-pot-with-lid-28cm_bh-6590w","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\/6590W\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\u003eColor\u003c\/td\u003e \u003ctd\u003e acer inoxidable \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Apte per a rentavaixelles -! 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\" tabindex=\"0\" tabindex=\"0\" 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 \u003c\/ con\u003e 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":52266970186071,"sku":"BH\/6590W","price":114.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-6590-1_397c71a5-a72e-44f1-82a9-2368503e9f4e.jpg?v=1763553121"},{"product_id":"shallow-pot-with-lid-28cm_bl-1504w","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-1504W\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 28x9,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 \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":52266973725015,"sku":"BL-1504W","price":98.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BL-1504-W-1.jpg?v=1772013950"},{"product_id":"shallow-pot-with-lid-28cm_bh-8515w","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\/8515W\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 acer \u003ctr\u003e \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e 28x7,5 cm 3,8L \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- aria-label=\"Superfície 3D per a la màxima protecció del revestiment antiadherent\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/QFdM6r27\/non-stick.png\" alt=\"Antiadherent\"\u003e \u003cspan class=\"tooltiptext\"\u003eSuperfície 3D per a la màxima class=\"tooltip\" tabindex=\"0\" aria-label=\"Apte per a inducció\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/zhVj1kvg\/induction.png\" alt=\"Inducció\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a inducció\u003c\/span\u003e \u003c\/div\u003e \u003cdiv div aria-label=\"Apte per a rentaplats\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/V07nqkqv\/dishwasher.png\" alt=\"Apte per a Rentaplats\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a rentaplats\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class aria-label=\"Apte per a forn fins a 260 °C (tapa fins a 180 °C)\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/V05ZgMcy\/oven.png\" alt=\"Apte per a Forn\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a forn fins a 260 °C\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":52871118618967,"sku":"BH\/8515W","price":159.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8515-W-1.jpg?v=1772013892"},{"product_id":"shallow-pot-with-lid-28cm_ftv-0035","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\u003eFTV-0035\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 \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e negre mat - or rosa \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\" titanPro\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/QFdM6r27\/non-stick.png\" alt=\"Antiadherent\"\u003e \u003cspan class=\"tooltiptext\"\u003eMaterial: alumini forjat amb revestiment antiadherent titanPro\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class= aria-label=\"Fàcil de netejar\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/jZhWGN7y\/clean.png\" alt=\"Fàcil de Netejar\"\u003e \u003cspan class=\"tooltiptext\"\u003eFàcil de netejar\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" PFOA, PLOM ni cadmi\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/pr0xqHsm\/eco.png\" alt=\"Ecològic\"\u003e \u003cspan class=\"tooltiptext\"\u003eEcològic sense PFOA, PLOM ni cadmi\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tool 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 temperat amb sistema de silicona resistent a la calor de tancament tabindex=\"0\" aria-label=\"Ergonòmic\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/vGkXPDw\/ergonomic.png\" alt=\"Ergonòmic\"\u003e \u003cspan class=\"tooltiptext\"\u003eErgonòmic\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":52871126352215,"sku":"FTV-0035","price":123.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/FTV-0035-1.jpg?v=1772013983"},{"product_id":"shallow-pot-with-lid-30cm_ftv-0036","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\u003eFTV-0036\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 \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e negre mat-or rosa \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\" titanPro\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/QFdM6r27\/non-stick.png\" alt=\"Antiadherent\"\u003e \u003cspan class=\"tooltiptext\"\u003eMaterial: alumini forjat amb revestiment antiadherent titanPro\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class= aria-label=\"Fàcil de netejar\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/jZhWGN7y\/clean.png\" alt=\"Fàcil de Netejar\"\u003e \u003cspan class=\"tooltiptext\"\u003eFàcil de netejar\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" PFOA, PLOM ni cadmi\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/pr0xqHsm\/eco.png\" alt=\"Ecològic\"\u003e \u003cspan class=\"tooltiptext\"\u003eEcològic sense PFOA, PLOM ni cadmi\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tool 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 temperat amb sistema de silicona resistent a la calor de tancament tabindex=\"0\" aria-label=\"Ergonòmic\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/vGkXPDw\/ergonomic.png\" alt=\"Ergonòmic\"\u003e \u003cspan class=\"tooltiptext\"\u003eErgonòmic\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":52871126384983,"sku":"FTV-0036","price":131.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/FTV-0036-2.jpg?v=1772013985"},{"product_id":"shallow-pot-with-lid-28cm_ftv-0066","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\u003eFTV-0066\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 \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e crema mati-daurat \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Material \u003cimg src=\"https:\/\/i.ibb.co\/QFdM6r27\/non-stick.png\" alt=\"Antiadherent\"\u003e \u003cspan class=\"tooltiptext\"\u003eMaterial: alumini forjat amb revestiment antiadherent titanPro\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" netejar\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/jZhWGN7y\/clean.png\" alt=\"Fàcil de Netejar\"\u003e \u003cspan class=\"tooltiptext\"\u003eFàcil de netejar\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-la \u003cimg src=\"https:\/\/i.ibb.co\/pr0xqHsm\/eco.png\" alt=\"Ecològic\"\u003e \u003cspan class=\"tooltiptext\"\u003eEcològic sense PFOA, PLOM ni cadmi\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"la blae\" 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 i tancament suau\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class aria-label=\"Ergonòmic\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/vGkXPDw\/ergonomic.png\" alt=\"Ergonòmic\"\u003e \u003cspan class=\"tooltiptext\"\u003eErgonòmic\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c icon\u003e Unifica tooltips 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":52871129334103,"sku":"FTV-0066","price":123.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/FTV-0066-3.jpg?v=1772014033"}],"url":"https:\/\/berlinger-haus.es\/ca\/collections\/ollas-bajas.oembed","provider":"Berlinger Haus, tienda oficial en España","version":"1.0","type":"link"}