{"title":"Deep Sea Collection","description":"\u003cp\u003eAquesta línia d'utensilis de cuina combina un atractiu disseny en blau mat amb la practicitat que necessites al teu dia a dia. Cada peça ha estat dissenyada acuradament per oferir rendiment i estil. El distintiu color blau mat unifica la col·lecció, aportant un toc modern i sofisticat a la cuina. Descobreix Deep Sea Collection amb el to Matt Blue i eleva la teva experiència culinària\u003c\/p\u003e","products":[{"product_id":"kitchen-scale-with-bowl_bh-9628","title":"Bàscula De Cuina Amb Recipient","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\/9628\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 Plástico\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eCapacidad\u003c\/td\u003e\n \u003ctd\u003e\n \n 5 kg\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\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=\"Puesta a cero automática y apagado automático\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/KxqNqpZW\/Auto-offfunction.png\" alt=\"Apagado Automático\"\u003e\n \u003cspan class=\"tooltiptext\"\u003ePuesta a cero automática y apagado automático\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Con un práctico recipiente\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/7dyNXBpn\/Fresh-Food.png\" alt=\"Container\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eCon un práctico recipiente\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Color: azul mate\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eColor: azul 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":51616799293783,"sku":"BH\/9628","price":53.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9628-1_df14af0f-ab75-452d-a538-71e5932d3277.jpg?v=1764236959"},{"product_id":"pancake-pan-25cm_bh-8367","title":"Motlle Per a Pancakes De 25 Cm","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\/8367\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\u003eDiámetro de la sartén para tortitas\u003c\/td\u003e\n \u003ctd\u003e\n \n 25 x 2,2 cm\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eColor\u003c\/td\u003e\n \u003ctd\u003e\n \n \u003cspan class=\"color-swatch\" style=\"background-color:#203462;\" title=\"azul mate\" aria-label=\"azul mate\"\u003e\u003c\/span\u003e\u003cspan class=\"color-swatch\" style=\"background-color:#808080;\" title=\"gris madera DISEÑO REGISTRADO POR BERLINGER HAUS!\" aria-label=\"gris 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=\"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=\"Ecológico, libre de PFOA, plomo y cadmio\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/5xCwKtKS\/eco.png\" alt=\"Ecológico\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eEcológico, libre de PFOA, plomo y cadmio\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=\"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":51616856736087,"sku":"BH\/8367","price":52.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8367-2.jpg?v=1764059337"},{"product_id":"sauce-pan-16cm_bh-8368","title":"Cassola De 16Cm","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\/8368\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\u003eDiámetro de la cacerola\u003c\/td\u003e\n \u003ctd\u003e\n \n 16 x 7,5 cm, 1,2 L\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 ¡DISEÑO REGISTRADO DE BERLINGER HAUS!\" aria-label=\"gris madera ¡DISEÑO REGISTRADO DE 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=\"Ecológico, libre de PFOA, plomo y cadmio\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/5xCwKtKS\/eco.png\" alt=\"Ecológico\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eEcológico, libre de PFOA, plomo y cadmio\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=\"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":51616906805591,"sku":"BH\/8368","price":43.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8368-1.jpg?v=1764059392"},{"product_id":"sauce-pan-with-lid-16cm_bh-8369","title":"Cassola Amb Tapa 16Cm","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\/8369\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\u003eDiámetro de la cacerola\u003c\/td\u003e\n \u003ctd\u003e\n \n 16 x 7,5 cm, 1,2 L\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=\"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=\"Ecológico, libre de PFOA, plomo y cadmio\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/5xCwKtKS\/eco.png\" alt=\"Ecológico\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eEcológico, libre de PFOA, plomo y cadmio\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":51616911884631,"sku":"BH\/8369","price":67.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8369-1.jpg?v=1764059409"},{"product_id":"wok-28cm_bh-8372","title":"Wok De 28 Cm","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\/8372\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\u003eDiámetro del wok\u003c\/td\u003e\n \u003ctd\u003e\n \n 28 x 7,8 cm, 3,5 L\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=\"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=\"Ecológico, libre de PFOA, plomo y cadmio\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/5xCwKtKS\/eco.png\" alt=\"Ecológico\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eEcológico, libre de PFOA, plomo y cadmio\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=\"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":51617031323991,"sku":"BH\/8372","price":72.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8372-2.jpg?v=1764059624"},{"product_id":"grill-pan-with-lid-28cm_bh-8374","title":"Paella Grill 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\/8374\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=\"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=\"Ecológico, libre de PFOA, plomo y cadmio\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/5xCwKtKS\/eco.png\" alt=\"Ecológico\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eEcológico, libre de PFOA, plomo y cadmio\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":51616768164183,"sku":"BH\/8374","price":119.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8374-1_35f10913-8a9b-41af-8bfe-450c3025e4dc.jpg?v=1764059164"},{"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=\"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=\"Ecológico, libre de PFOA, plomo y cadmio\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/5xCwKtKS\/eco.png\" alt=\"Ecológico\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eEcológico, libre de PFOA, plomo y cadmio\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":"oblong-roaster-40x285cm_bh-8697","title":"Rostidor Oblongo 40X28,5Cm","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\/8697\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBerlinger Haus\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan\u003ePromintra\u003c\/span\u003e \u003c\/div\u003e \u003ch2\u003eCaracterístiques Principals\u003c\/h2\u003e \u003ctable class=\"specs\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd\u003eMaterial\u003c\/td\u003e \u003ctd\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e 40x28,5x7 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e blau mat \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class tabindex=\"0\" aria-label=\"Material: acer al carboni amb revestiment antiadherent titanPro\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/QFdM6r27\/non-stick.png\" alt=\"Antiadherent\"\u003e \u003cspan class=\"tooltiptext\"\u003eMaterial titanPro\u003c\/span\u003e \u003c\/div\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=\"\u003e class=\"tooltip\" tabindex=\"0\" aria-label=\"Ecològic. Lliure de PFOA, PLOM i cadmi\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/pr0xqHsm\/eco.png\" alt=\"Ecològic\"\u003e \u003cspan class=\"tooltiptext\"\u003eEcològic. Lliure de PFOA, PLOM i cadmi\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Fabricat en acer d'alta qualitat\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/cSw9fy13\/high-quality.png\" alt=\" class=\"tooltiptext\"\u003eFabricat en acer d'alta qualitat\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unifica tooltips de COLOR amb les d'icones: - Si el Python ja genera estructura amb .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616843366743,"sku":"BH\/8697","price":49.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8697-2.jpg?v=1764059305"},{"product_id":"oblong-roaster-35x27cm_bh-8698","title":"Rostidor Oblongo 35X27Cm","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\/8698\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBerlinger Haus\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan\u003ePromintra\u003c\/span\u003e \u003c\/div\u003e \u003ch2\u003eCaracterístiques Principals\u003c\/h2\u003e \u003ctable class=\"specs\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd\u003eMaterial\u003c\/td\u003e \u003ctd\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e 35x27x6,5 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e blau mat \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class tabindex=\"0\" aria-label=\"Material: acer al carboni amb revestiment antiadherent titanPro\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/QFdM6r27\/non-stick.png\" alt=\"Antiadherent\"\u003e \u003cspan class=\"tooltiptext\"\u003eMaterial titanPro\u003c\/span\u003e \u003c\/div\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=\"\u003e class=\"tooltip\" tabindex=\"0\" aria-label=\"Ecològic. Lliure de PFOA, PLOM i cadmi\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/pr0xqHsm\/eco.png\" alt=\"Ecològic\"\u003e \u003cspan class=\"tooltiptext\"\u003eEcològic. Lliure de PFOA, PLOM i cadmi\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Fabricat en acer d'alta qualitat\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/cSw9fy13\/high-quality.png\" alt=\" class=\"tooltiptext\"\u003eFabricat en acer d'alta qualitat\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unifica tooltips de COLOR amb les d'icones: - Si el Python ja genera estructura amb .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616841072983,"sku":"BH\/8698","price":41.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8698-1_a87b271a-ff1c-4fb0-8eee-5e69d6634277.jpg?v=1764059301"},{"product_id":"loaf-pan_bh-8699","title":"Motlle Per a Pa","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\/8699\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBerlinger Haus\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan\u003ePromintra\u003c\/span\u003e \u003c\/div\u003e \u003ch2\u003eCaracterístiques Principals\u003c\/h2\u003e \u003ctable class=\"specs\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd\u003eMaterial\u003c\/td\u003e \u003ctd\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e 32 x 13,5 x 6,5 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e blau mat \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h\u003e class=\"tooltip\" tabindex=\"0\" aria-label=\"Material: acer al carboni amb revestiment antiadherent titanPro\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/QFdM6r27\/non-stick.png\" alt=\"Antiadherent\"\u003e \u003cspan class=\" antiadherent titanPro\u003c\/span\u003e \u003c\/div\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=\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Ecològic. Lliure de PFOA, PLOM i cadmi\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/pr0xqHsm\/eco.png\" alt=\"Ecològic\"\u003e \u003cspan class=\"tooltip Lliure de PFOA, PLOM i cadmi\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Fabricat en acer d'alta qualitat\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/cSw9fy13\/high-quality.png\" alt=\" class=\"tooltiptext\"\u003eFabricat en acer d'alta qualitat\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unifica tooltips de COLOR amb les d'icones: - Si el Python ja genera estructura amb .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616803357015,"sku":"BH\/8699","price":25.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8699-1.jpg?v=1764059223"},{"product_id":"pizza-pan-36cm_bh-8700","title":"Motlle Per a Pizza De 36 Cm","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\/8700\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBerlinger Haus\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan\u003ePromintra\u003c\/span\u003e \u003c\/div\u003e \u003ch2\u003eCaracterístiques Principals\u003c\/h2\u003e \u003ctable class=\"specs\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd\u003eMaterial\u003c\/td\u003e \u003ctd\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e 36x1,1 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e blau mat \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\" tabindex=\"0\" aria-label=\"Material: acer al carboni amb revestiment antiadherent titanPro\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/QFdM6r27\/non-stick.png\" alt=\"Antiadherent\"\u003e \u003cspan class=\"tooltiptext\"\u003eMaterial titanPro\u003c\/span\u003e \u003c\/div\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=\"\u003e class=\"tooltip\" tabindex=\"0\" aria-label=\"Ecològic. Lliure de PFOA, PLOM i cadmi\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/pr0xqHsm\/eco.png\" alt=\"Ecològic\"\u003e \u003cspan class=\"tooltiptext\"\u003eEcològic. Lliure de PFOA, PLOM i cadmi\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Fabricat en acer d'alta qualitat\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/cSw9fy13\/high-quality.png\" alt=\" class=\"tooltiptext\"\u003eFabricat en acer d'alta qualitat\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unifica tooltips de COLOR amb les d'icones: - Si el Python ja genera estructura amb .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616872038743,"sku":"BH\/8700","price":31.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8700-1.jpg?v=1764059353"},{"product_id":"pizza-pan-32cm_bh-8701","title":"Motlle Per a Pizza De 32 Cm","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\/8701\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBerlinger Haus\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan\u003ePromintra\u003c\/span\u003e \u003c\/div\u003e \u003ch2\u003eCaracterístiques Principals\u003c\/h2\u003e \u003ctable class=\"specs\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd\u003eMaterial\u003c\/td\u003e \u003ctd\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e 32 x 1,1 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e blau mat \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class= tabindex=\"0\" aria-label=\"Material: acer al carboni amb revestiment antiadherent titanPro\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/QFdM6r27\/non-stick.png\" alt=\"Antiadherent\"\u003e \u003cspan class=\"tooltiptext\"\u003eMaterial titanPro\u003c\/span\u003e \u003c\/div\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=\"\u003e class=\"tooltip\" tabindex=\"0\" aria-label=\"Ecològic. Lliure de PFOA, PLOM i cadmi\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/pr0xqHsm\/eco.png\" alt=\"Ecològic\"\u003e \u003cspan class=\"tooltiptext\"\u003eEcològic. Lliure de PFOA, PLOM i cadmi\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Fabricat en acer d'alta qualitat\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/cSw9fy13\/high-quality.png\" alt=\" class=\"tooltiptext\"\u003eFabricat en acer d'alta qualitat\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unifica tooltips de COLOR amb les d'icones: - Si el Python ja genera estructura amb .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616870039895,"sku":"BH\/8701","price":25.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8701-1.jpg?v=1764059350"},{"product_id":"round-springform-26x68cm_bh-8702","title":"Motlle Desmuntable Rodó 26X6,8Cm","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\/8702\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBerlinger Haus\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan\u003ePromintra\u003c\/span\u003e \u003c\/div\u003e \u003ch2\u003eCaracterístiques Principals\u003c\/h2\u003e \u003ctable class=\"specs\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd\u003eMaterial\u003c\/td\u003e \u003ctd\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e 26x6,8 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e blau mat \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\" tabindex=\"0\" aria-label=\"Material: acer al carboni amb revestiment antiadherent titanPro\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/QFdM6r27\/non-stick.png\" alt=\"Antiadherent\"\u003e \u003cspan class=\"tooltiptext\"\u003eMaterial titanPro\u003c\/span\u003e \u003c\/div\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=\"\u003e class=\"tooltip\" tabindex=\"0\" aria-label=\"Ecològic. Lliure de PFOA, PLOM i cadmi\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/pr0xqHsm\/eco.png\" alt=\"Ecològic\"\u003e \u003cspan class=\"tooltiptext\"\u003eEcològic. Lliure de PFOA, PLOM i cadmi\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Fabricat en acer d'alta qualitat\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/cSw9fy13\/high-quality.png\" alt=\" class=\"tooltiptext\"\u003eFabricat en acer d'alta qualitat\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unifica tooltips de COLOR amb les d'icones: - Si el Python ja genera estructura amb .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616891568471,"sku":"BH\/8702","price":37.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8702-1.jpg?v=1764059370"},{"product_id":"rectangle-springform-39x27cm_bh-8703","title":"Motlle Desmuntable Rectangular 39X27Cm","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\/8703\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBerlinger Haus\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan\u003ePromintra\u003c\/span\u003e \u003c\/div\u003e \u003ch2\u003eCaracterístiques Principals\u003c\/h2\u003e \u003ctable class=\"specs\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd\u003eMaterial\u003c\/td\u003e \u003ctd\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e 39x27x7,5 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e blau mat \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class tabindex=\"0\" aria-label=\"Material: acer al carboni amb revestiment antiadherent titanPro\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/QFdM6r27\/non-stick.png\" alt=\"Antiadherent\"\u003e \u003cspan class=\"tooltiptext\"\u003eMaterial titanPro\u003c\/span\u003e \u003c\/div\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=\"\u003e class=\"tooltip\" tabindex=\"0\" aria-label=\"Ecològic. Lliure de PFOA, PLOM i cadmi\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/pr0xqHsm\/eco.png\" alt=\"Ecològic\"\u003e \u003cspan class=\"tooltiptext\"\u003eEcològic. Lliure de PFOA, PLOM i cadmi\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Fabricat en acer d'alta qualitat\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/cSw9fy13\/high-quality.png\" alt=\" class=\"tooltiptext\"\u003eFabricat en acer d'alta qualitat\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unifica tooltips de COLOR amb les d'icones: - Si el Python ja genera estructura amb .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616883114327,"sku":"BH\/8703","price":53.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8703-2.jpg?v=1764059357"},{"product_id":"tart-cake-form-28x35cm_bh-8706","title":"Motlle Per a Tarta\/Pastel 28X3,5Cm","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\/8706\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBerlinger Haus\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan\u003ePromintra\u003c\/span\u003e \u003c\/div\u003e \u003ch2\u003eCaracterístiques Principals\u003c\/h2\u003e \u003ctable class=\"specs\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd\u003eMaterial\u003c\/td\u003e \u003ctd\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e 28 x 3,5 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e blau mat \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class= tabindex=\"0\" aria-label=\"Material: acer al carboni amb revestiment antiadherent titanPro\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/QFdM6r27\/non-stick.png\" alt=\"Antiadherent\"\u003e \u003cspan class=\"tooltiptext\"\u003eMaterial titanPro\u003c\/span\u003e \u003c\/div\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=\"\u003e class=\"tooltip\" tabindex=\"0\" aria-label=\"Ecològic. Lliure de PFOA, PLOM i cadmi\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/pr0xqHsm\/eco.png\" alt=\"Ecològic\"\u003e \u003cspan class=\"tooltiptext\"\u003eEcològic. Lliure de PFOA, PLOM i cadmi\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Fabricat en acer d'alta qualitat\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/cSw9fy13\/high-quality.png\" alt=\" class=\"tooltiptext\"\u003eFabricat en acer d'alta qualitat\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unifica tooltips de COLOR amb les d'icones: - Si el Python ja genera estructura amb .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616975552855,"sku":"BH\/8706","price":23.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8706-1_29abf2e5-ed96-4f6b-9786-bf2a248ceff9.jpg?v=1764059546"},{"product_id":"oblong-roaster-with-lid_bh-8707","title":"Rostidor Oblongo Amb Tapa","description":"\u003cstyle\u003e .bh-scope .bh-head{ position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; } .bh-scope .bh-head .label{ color:#222; font-weight:600; } .bh-scope .bh-head .set{ opacity:.5; } \/* === Estils encapsulats NOMÉS per a aquest bloc === *\/ .bh-scope{line-height:1.6;color:#333} .bh-scope h2{ color:#800000;margin:40px 0 15px;border-bottom:2px solid font-weight:600;font-size:1.5em } .bh-scope h3{ color:#800000;font-style:italic;font-size:1.2em;font-weight:600;margin:20px 0 } .bh-scope .specs{ width:100%;border-collapse:collapse;margin-bottom:20px;font-size:1em;border:1px solid #ddd } .bh-scope .specs td{ border:1px solid #ddd;vertical-align:top;padding:12 .bh-scope .specs td:first-child{font-weight:600;width:30%;background:#f8f8f8} .bh-scope .bullets{list-style:none;padding:0;margin:0 0 30px} .bh-sco 0;border-bottom:1px dotted #eee;display:flex;align-items:center;font-size:1.05em } .bh-scope .bullets li:last-child{border-bottom:none} .bh-scope .bullets .dot{display:inline-block;width:1em;margin-left:-1em;color:#C28E7D;font-weight:bold} .bh-scope .icon-row{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;5 .bh-scope .icon-row img{display:block;border:0;outline:0;width:45px;height:45px} \/* Swatch circular bàsic (el JS el convertirà en tooltip bombolla) *\/ .bh-scope .color-swatch{ display:inline-block;width:25px;height:25px;vorder-radius:50%; border:1px solid rgba(0,0,0,.25); \/* abans #ccc *\/ vertical-align:middle;margin-right:8px;margin-bottom:6px; \/* + marge inferior per a salts de línia bonics *\/ } \/* Tooltip bombolla reutilitzable (per a icones i colors) *\/ .bh-scope .tooltip{position:relative;display:inline-flex;flex-direction:column;align-items:center} .bh-scope .tooltiptext visibilitat:hidden;max-width:260px;background:#444;color:#fff;text-align:center;border-radius:5px; padding:8px 12px;position:absolute;z-index:9999;bottom:110%;left:50%;transform:translateX(-50%); opacity:0;transition:opacity .2s ease,bottom .2s ease;white-space:normal;overflow-wrap:break-word; font-size:.9em;box-shadow:0 2px 8px rgba(0,0,0,.2);pointer-events:none } .bh-scope .tooltip:hover .tooltiptext, .bh-scope .tooltip:focus .tooltiptext{visibility: .bh-scope .tooltiptext::after{ content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid; border-color:#444 transparent transparent transparent } \u003c\/style\u003e \u003cdiv class=\"bh-scope\"\u003e \u003cdiv class=\"bh-head\"\u003e \u003cspan class=\"label\"\u003eRef:\u003c\/span\u003e \u003cspan\u003eBH\/8707\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBerlinger Haus\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan\u003ePromintra\u003c\/span\u003e \u003c\/div\u003e \u003ch2\u003eCaracterístiques Principals\u003c\/h2\u003e \u003ctable class=\"specs\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd\u003eMaterial\u003c\/td\u003e \u003ctd\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e 36x24,5x5,5 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e blau mat \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis class=\"tooltip\" tabindex=\"0\" aria-label=\"Material: acer al carboni amb revestiment antiadherent TitanPro, coberta de plàstic\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/QFdM6r27\/non-stick.png\" alt=\"Antiadherent\"\u003e \u003cspan ant revestiment antiadherent TitanPro, coberta de plàstic\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Ecològic. Lliure de PFOA, PLOM i cadmi\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/pr0xqHsm\/eco.png\" class=\"tooltiptext\"\u003eEcològic. Lliure de PFOA, PLOM i cadmi\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Apte per a forn fins a 220 °C\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/V05ZgMcy\/oven.png\" alt=\"Apto per a forn fins a 220 °C\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":51617487159639,"sku":"BH\/8707","price":57.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8707-1_675cf0f3-a3ff-443e-b790-d30f6d5b6564.jpg?v=1764059321"},{"product_id":"soda-maker-with-2bottles-and-barometer_bh-9762","title":"Màquina de Refrescos Amb 2 Ampolles I Baròmetre","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\/9762\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBerlinger Haus\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan\u003ePromintra\u003c\/span\u003e \u003c\/div\u003e \u003ch2\u003eCaracterístiques principals\u003c\/h2\u003e \u003ctable class=\"specs\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd\u003eMaterial\u003c\/td\u003e \u003ctd\u003e \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e 43,5x22x12 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003e2 ampolles de pp amb tassa\u003c\/td\u003e \u003ctd\u003e 1,0L i 0,5L \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eBaròmetre\u003c\/td\u003e \u003ctd gasós \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e blau mat, fusta gris \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eSolució ecològica\u003c\/td\u003e \u003ctd\u003e ajuda a reduir els residus plàstics \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/ de\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":51616952811863,"sku":"BH\/9762","price":229.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9762-1.jpg?v=1764237147"},{"product_id":"kitchen-machine_bh-9763","title":"Màquina de cuina","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\/9763\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBerlinger Haus\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan\u003ePromintra\u003c\/span\u003e \u003c\/div\u003e \u003ch2\u003eCaracterístiques Principals\u003c\/h2\u003e \u003ctable class=\"specs\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd\u003eMaterial\u003c\/td\u003e \u003ctd\u003e \u003ctd\u003eInclou\u003c\/td\u003e \u003ctd\u003e Bol d'acer inoxidable 18\/10 de 5 L\u003cbr\u003eGanxo per a massa antiadherent\u003cbr\u003eBatidor antiadherent\u003cbr\u003eBatidor\u003cbr\u003eProtector contra esquitxades \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eLongitud del cable d'alimentació \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e blau mat, fusta grisa \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=\" src=\"https:\/\/i.ibb.co\/QFdM6r27\/non-stick.png\" alt=\"Antiadherent\"\u003e \u003cspan class=\"tooltiptext\"\u003eGanxo per a massa antiadherent\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Fá 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-label=\"Motor silenciós\" src=\"https:\/\/i.ibb.co\/wxVpNDR\/silent.png\" alt=\"Silenciós\"\u003e \u003cspan class=\"tooltiptext\"\u003eMotor silenciós\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unifica tooltips de COLOR amb els d'icones: - Si el Pyto. - 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":51616791494999,"sku":"BH\/9763","price":327.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9763-1_ae8b6fe2-193d-439e-bb50-eb6414205209.jpg?v=1764236871"},{"product_id":"toaster_bh-9765","title":"Torradora","description":"\u003cstyle\u003e .bh-scope .bh-head{ position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; } .bh-scope .bh-head .label{ color:#222; font-weight:600; } .bh-scope .bh-head .set{ opacity:.5; } \/* === Estils encapsulats NOMÉS per a aquest bloc === *\/ .bh-scope{line-height:1.6;color:#333} .bh-scope h2{ color:#800000;margin:40px 0 15px;border-bottom:2px solid font-weight:600;font-size:1.5em } .bh-scope h3{ color:#800000;font-style:italic;font-size:1.2em;font-weight:600;margin:20px 0 } .bh-scope .specs{ width:100%;border-collapse:collapse;margin-bottom:20px;font-size:1em;border:1px solid #ddd } .bh-scope .specs td{ border:1px solid #ddd;vertical-align:top;padding:12 .bh-scope .specs td:first-child{font-weight:600;width:30%;background:#f8f8f8} .bh-scope .bullets{list-style:none;padding:0;margin:0 0 30px} .bh-sco 0;border-bottom:1px dotted #eee;display:flex;align-items:center;font-size:1.05em } .bh-scope .bullets li:last-child{border-bottom:none} .bh-scope .bullets .dot{display:inline-block;width:1em;margin-left:-1em;color:#C28E7D;font-weight:bold} .bh-scope .icon-row{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;5 .bh-scope .icon-row img{display:block;border:0;outline:0;width:45px;height:45px} \/* Swatch circular bàsic (el JS el convertirà en tooltip bombolla) *\/ .bh-scope .color-swatch{ display:inline-block;width:25px;height:25px;vorder-radius:50%; border:1px solid rgba(0,0,0,.25); \/* abans #ccc *\/ vertical-align:middle;margin-right:8px;margin-bottom:6px; \/* + marge inferior per a salts de línia bonics *\/ } \/* Tooltip bombolla reutilitzable (per a icones i colors) *\/ .bh-scope .tooltip{position:relative;display:inline-flex;flex-direction:column;align-items:center} .bh-scope .tooltiptext visibilitat:hidden;max-width:260px;background:#444;color:#fff;text-align:center;border-radius:5px; padding:8px 12px;position:absolute;z-index:9999;bottom:110%;left:50%;transform:translateX(-50%); opacity:0;transition:opacity .2s ease,bottom .2s ease;white-space:normal;overflow-wrap:break-word; font-size:.9em;box-shadow:0 2px 8px rgba(0,0,0,.2);pointer-events:none } .bh-scope .tooltip:hover .tooltiptext, .bh-scope .tooltip:focus .tooltiptext{visibility: .bh-scope .tooltiptext::after{ content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid; border-color:#444 transparent transparent transparent } \u003c\/style\u003e \u003cdiv class=\"bh-scope\"\u003e \u003cdiv class=\"bh-head\"\u003e \u003cspan class=\"label\"\u003eRef:\u003c\/span\u003e \u003cspan\u003eBH\/9765\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBerlinger Haus\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan\u003ePromintra\u003c\/span\u003e \u003c\/div\u003e \u003ch2\u003eCaracterístiques principals\u003c\/h2\u003e \u003ctable class=\"specs\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd\u003eMaterial\u003c\/td\u003e \u003ctd\u003e Metal, td\u003e \u003ctd\u003eVoltatge\u003c\/td\u003e \u003ctd\u003e 220-240 V, 50\/60 Hz \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003ePotència\u003c\/td\u003e \u003ctd\u003e 850 W \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eLongitud del cable d'alimentació\u003c\/td\u003e \u003ctd \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003eblau mat \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Disseny de potes antilliscants\"\u003e \u003cim src=\"https:\/\/i.ibb.co\/5gy0RhHh\/antislip.png\" alt=\"Antideslitzants\"\u003e \u003cspan class=\"tooltiptext\"\u003eDisseny de potes antilliscants\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unifica tooltips de COLOR amb els de icones: .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616989184343,"sku":"BH\/9765","price":172.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9765-1.jpg?v=1764237293"},{"product_id":"table-blender-with-15l-glass-jar-1000w_bh-9766","title":"Batedora De Taula Amb Gerra De Cristall De 1,5L 1000W","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\/9766\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBerlinger Haus\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan\u003ePromintra\u003c\/span\u003e \u003c\/div\u003e \u003ch2\u003eCaracterístiques principals\u003c\/h2\u003e \u003ctable class=\"specs\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd\u003eMaterial\u003c\/td\u003e \u003ctd\u003e \u003ctd\u003e \u003ctd\u003ePotència\u003c\/td\u003e \u003ctd\u003e 1000 W \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eVoltatge\u003c\/td\u003e \u003ctd\u003e 220-240 V, 50-60 Hz \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003ecolor\u003c\/td\u003e \u003ctd\u003e blau mate, \u003ctd\u003eFunció\u003c\/td\u003e \u003ctd\u003e barrejar, fer batuts, picar gel \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unifica tooltips de COLOR amb les d'icones: - Si el Python ja genera estructura amb .tooltip\/.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":51616971260247,"sku":"BH\/9766","price":180.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9766-2.jpg?v=1764237216"},{"product_id":"table-blender-with-15l-glass-jar-1000w_bh-9824","title":"Batedora De Taula Amb Gerra De Cristall De 1,5L 1000W","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\/9824\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBerlinger Haus\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan\u003ePromintra\u003c\/span\u003e \u003c\/div\u003e \u003ch2\u003eCaracterístiques principals\u003c\/h2\u003e \u003ctable class=\"specs\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd\u003eMaterial\u003c\/td\u003e \u003ctd\u003e \u003ctd\u003e \u003ctd\u003ePotència\u003c\/td\u003e \u003ctd\u003e 1000 W \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eVoltatge\u003c\/td\u003e \u003ctd\u003e 220-240 V, 50-60 Hz \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eLongitud del cable d'alimentació\u003c\/td\u003e \u003ctd\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e blau mat, fusta gris \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eFunció\u003c\/td\u003e \u003ctd\u003e barrejar, fer batuts, picar gel \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdivclass= tabindex=\"0\" aria-label=\"Potes antilliscants\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/5gy0RhHh\/antislip.png\" alt=\"Antideslitzants\"\u003e \u003cspan class=\"tooltiptext\"\u003ePates antilliscants\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\" amb funció per picar gel\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/Cpnqrn67\/ice.png\" alt=\"Gel\"\u003e \u003cspan class=\"tooltiptext\"\u003e2 velocitats amb funció per picar gel\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cs\u003e 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":51616972505431,"sku":"BH\/9824","price":131.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9824-Conceptual-1_418160ce-2f65-47a1-b459-afdf146d63f7.jpg?v=1764237245"},{"product_id":"sandwich-maker_bh-9872","title":"Sandvitxera","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\/9872\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 \u003ctd\u003ePotència\u003c\/td\u003e \u003ctd\u003e 650-780 W \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eVoltatge\u003c\/td\u003e \u003ctd\u003e 220-240 V, 50\/60 Hz \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eMida de la placa\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eLongitud del cable d'alimentació\u003c\/td\u003e \u003ctd\u003e 75 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e blau mat \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdivclass= tabindex=\"0\" aria-label=\"Revestiment ANTIADHERENT\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/QFdM6r27\/non-stick.png\" alt=\"Antiadherent\"\u003e \u003cspan class=\"tooltiptext\"\u003eRevestiment ANTIADHERENT\u003c\/span tabindex=\"0\" aria-label=\"Potes antilliscants\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/5gy0RhHh\/antislip.png\" alt=\"Antideslitzants\"\u003e \u003cspan class=\"tooltiptext\"\u003ePates antilliscants\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/ de\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":51616894189911,"sku":"BH\/9872","price":73.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9872-2_0cc18f54-7a72-4e5f-b7eb-c31312df37a3.jpg?v=1773834733"},{"product_id":"soap-dispenser_bh-8936","title":"Dispensador de Sabó","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\/8936\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBerlinger Haus\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan\u003ePromintra\u003c\/span\u003e \u003c\/div\u003e \u003ch2\u003eCaracterístiques Principals\u003c\/h2\u003e \u003ctable class=\"specs\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd\u003eMaterial\u003c\/td\u003e \u003ctd\u003e \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e 15,8x12,7x17,8 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e blau mat \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003e2 en 1\u003c\/td\u003e \u003ctd\u003e dispensador de sabó amb suport de sabó amb suport \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Safeta de degoteig - fàcil de netejar\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/jZhWGN7y\/clean.png\" class=\"tooltiptext\"\u003eSafata de degoteig - fàcil de netejar\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"2 en 1: dispensador de sabó amb suport per a esponja\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/Xf6yznpng \u003cspan class=\"tooltiptext\"\u003e2 en 1: dispensador de sabó amb suport per a esponja\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":51617522581847,"sku":"BH\/8936","price":35.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8936-1.jpg?v=1776237615"},{"product_id":"smoothie-maker_bh-9882","title":"Màquina Per Fer Batuts","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\/9882\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBerlinger Haus\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan\u003ePromintra\u003c\/span\u003e \u003c\/div\u003e \u003ch2\u003eCaracterístiques Principals\u003c\/h2\u003e \u003ctable class=\"specs\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd\u003eMaterial\u003c\/td\u003e \u003ctd\u003e \u003ctd\u003ePotència\u003c\/td\u003e \u003ctd\u003e 320 W \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003e2 pots per emportar amb tapa\u003c\/td\u003e \u003ctd\u003e 300 ml i 600 ml \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eLongitud del cable d'alimentació\u003c\/td\u003e \u003ctd\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003eblau mat, fusta \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=\"Fons antilliscant\"\u003e \u003cim src=\"https:\/\/i.ibb.co\/5gy0RhHh\/antislip.png\" alt=\"Antideslitzants\"\u003e \u003cspan class=\"tooltiptext\"\u003eFons antilliscant\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unifica tooltips de COLOR amb els d'icones: - .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51397588648279,"sku":"BH\/9882","price":106.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9882-2_cea0b21d-6c3a-417e-adc9-4eabc12d4d43.jpg?v=1764237145"},{"product_id":"kitchen-machine_bh-9899","title":"Màquina de cuina","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\/9899\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBerlinger Haus, botiga oficial a Espanya\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 \u003ctpan \u003ctr\u003e \u003ctd\u003eInclou\u003c\/td\u003e \u003ctd\u003e Bol d'acer inoxidable 18\/10 de 6 L\u003cbr\u003eGanxo per a massa antiadherent\u003cbr\u003eBatidor antiadherent\u003cbr\u003eBatidor\u003cbr\u003eProtector contra esquitxades \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Ganxo per a massa antiadherent\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/QFdM6r27\/non class=\"tooltiptext\"\u003eGanxo per a massa antiadherent\u003c\/span\u003e \u003c\/div\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 class=\"tooltiptext\"\u003eFàcil de netejar\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Fons antilliscant\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/5gy0RhHh\/antislip.png\" alt=\"Antideslizantes\" antilliscant\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Motor silenciós\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/wxVpNDR\/silent.png\" alt=\"Silenciós\"\u003e \u003cspan class=\"tooltiptext\"\u003eMotor silenci tabindex=\"0\" aria-label=\"Rotació planetària per a una barreja completa\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/H1f6Ssb\/giratory.png\" alt=\"Giratòria\"\u003e \u003cspan class=\"tooltiptext\"\u003eRotació planetària per a una barreja completa\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class= aria-label=\"Interruptor digital amb temporitzador i pantalla de velocitat\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/TDxrzhpf\/timer.png\" alt=\"Temporitzador\"\u003e \u003cspan class=\"tooltiptext\"\u003eInterruptor digital amb temporitzador i pantalla de velocitat\u003c\/span\u003e \u003c\/div\u003e COLOR amb les d'icones: - Si el Python ja genera estructura amb .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51767770775895,"sku":"BH\/9899","price":385.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9899-3_98eda079-d21c-45ec-90d0-42d246511d6e.jpg?v=1764236889"},{"product_id":"mechanical-microwave-oven-20l_bh-9906","title":"Forn Microones Mecànic 20L","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\/9906\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBerlinger Haus, botiga oficial a Espanya\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\u003ePotència d'entrada\u003c\/td\u003e \u003ctr\u003e \u003ctd\u003ePotència de sortida\u003c\/td\u003e \u003ctd\u003e 700W \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eCapacitat\u003c\/td\u003e \u003ctd\u003e 20L \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003ePlaca de vidre\u003c\/td\u003e \u003ctd\u003e diàmetre 24,5 cm \u003c\/ \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e 24,2x44,5x32,5 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eLongitud del cable d'alimentació\u003c\/td\u003e \u003ctd\u003e 85 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e blau t \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Vidre de borosilicat resistent a la calor\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/67pftqWV\/resistant.png\u003e alt= class=\"tooltiptext\"\u003eVidre de borosilicat resistent a la calor\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript\u003e \/* Unifica tooltips de COLOR amb els 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":51767806198103,"sku":"BH\/9906","price":327.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9906-1_bb755f02-60bf-41dd-99c8-f52b1707a801.jpg?v=1764236975"},{"product_id":"kettle-with-glass-lid-30l-good-for-induction_bh-8918","title":"Bullidor Amb Tapa De Cristall 3,0L Apte Per Inducció","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\/8918\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBerlinger Haus\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan\u003ePromintra\u003c\/span\u003e \u003c\/div\u003e \u003ch2\u003eCaracterístiques Principals\u003c\/h2\u003e \u003ctable class=\"specs\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd\u003eMaterial\u003c\/td\u003e \u003ctd\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eCapacitat\u003c\/td\u003e \u003ctd\u003e 3,0 L \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e blau mat \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 inducció\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/zhVj1kvg\/induction.png\" alt=\"Inducció\"\u003e \u003cspan class=\"tooltiptext\"\u003eApte per a inducció\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" netejar\u003e\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\/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 \u003cscript\u003e \/* Unifica tooltips de COL .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":52039053803863,"sku":"BH\/8918","price":73.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-8918-1_eb3bc52b-7262-40b0-8b08-d12f6d0f7bff.jpg?v=1764059207"},{"product_id":"digital-espresso-coffee-maker-3in1-bh-9853n","title":"Cafetera Espresso Digital 3 En 1","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\/9853N\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\u003ePotencia\u003c\/td\u003e\n \u003ctd\u003e\n \n 950 W\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eVoltaje\u003c\/td\u003e\n \u003ctd\u003e\n \n 220-240 V 50\/60 Hz\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eDimensiones\u003c\/td\u003e\n \u003ctd\u003e\n \n 21 x 25,9 x 28 cm\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eLongitud del cable de alimentación\u003c\/td\u003e\n \u003ctd\u003e\n \n 75 cm\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eColor\u003c\/td\u003e\n \u003ctd\u003e\n \n \u003cspan class=\"color-swatch\" style=\"background-color:#203462;\" title=\"azul mate\" aria-label=\"azul mate\"\u003e\u003c\/span\u003e\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003e3 en 1\u003c\/td\u003e\n \u003ctd\u003e\n \n café molido, cápsulas (compatibles con Nespresso y otras marcas), cápsulas ESE\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003ePresión de la bomba (20 bar)\u003c\/td\u003e\n \u003ctd\u003e\n \n prepara siempre el café con agua fresca\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=\"Cuchara de plástico 2 en 1 con prensador\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/kVTCGvbZ\/2in1.png\" alt=\"2 En 1\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eCuchara de plástico 2 en 1 con prensador\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Panel táctil digital\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/mCdqYhDj\/Touchpanel.png\" alt=\"Ajustable\"\u003e\n \u003cspan class=\"tooltiptext\"\u003ePanel táctil digital\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Termómetro digital para controlar la temperatura del agua\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/HLvM5gpB\/Thermostat.png\" alt=\"Temperatura\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eTermómetro digital para controlar la temperatura del agua\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Bandeja de goteo extraíble y lavable\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/vvC3L0Mv\/Driptray.png\" alt=\"Drip Tray\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eBandeja de goteo extraíble y lavable\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Color: azul mate\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eColor: azul mate\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":53309931028823,"sku":"BH\/9853N","price":114.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9853_2.jpg?v=1776758671"},{"product_id":"digital-table-blender-with-15l-glass-jar-1000w-bh-90011","title":"Batidora De Mesa Digital Con Jarra De Cristal De 1,5 L Y 1000 W.","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\/90011\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 Plástico, vidrio\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003ePotencia\u003c\/td\u003e\n \u003ctd\u003e\n \n 1000 W\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eVoltaje\u003c\/td\u003e\n \u003ctd\u003e\n \n 220-240 V, 50\/60 Hz\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eDimensiones\u003c\/td\u003e\n \u003ctd\u003e\n \n 19,3 x 17,4 x 38 cm\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eLongitud del cable de alimentación\u003c\/td\u003e\n \u003ctd\u003e\n \n 1 m\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eColor\u003c\/td\u003e\n \u003ctd\u003e\n \n \u003cspan class=\"color-swatch\" style=\"background-color:#203462;\" title=\"azul mate\" aria-label=\"azul mate\"\u003e\u003c\/span\u003e\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003ePantalla digital con 6 programas preestablecidos\u003c\/td\u003e\n \u003ctd\u003e\n \n batido, licuado, limpieza, helado, trituración de hielo, sopa caliente\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=\"Pies antideslizantes\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/s9tMjnfZ\/Anti-skidbottom.png\" alt=\"Antideslizantes\"\u003e\n \u003cspan class=\"tooltiptext\"\u003ePies antideslizantes\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Trituración de hielo\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/X6SgNWT\/ice.png\" alt=\"Hielo\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eTrituración de hielo\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Color: azul mate\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eColor: azul mate\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Cuchilla de acero inoxidable de 8 puntas\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/WNHF0bV2\/Stainless-Steel.png\" alt=\"Stainless Steel\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eCuchilla de acero inoxidable de 8 puntas\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":53657602163031,"sku":"BH\/90011","price":56.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-90011-Conceptual-1.jpg?v=1779960586"},{"product_id":"digital-toaster-bh-9973","title":"Tostadora Digital","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\/9973\u003c\/span\u003e · \u003cspan\u003eBerlinger Haus\u003c\/span\u003e · \u003cspan\u003ePromintra\u003c\/span\u003e\n \u003c\/div\u003e\n\n \n \u003cdiv class=\"bh-section-title\"\u003e\n \u003cspan class=\"bh-pill\"\u003eProducto\u003c\/span\u003e\n Características Principales\n \u003c\/div\u003e\n \u003ctable class=\"bh-specs\"\u003e\n \u003ctbody\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eMaterial\u003c\/td\u003e\n \u003ctd\u003e\n \n Acero inoxidable con carcasa de plástico\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eDimensiones\u003c\/td\u003e\n \u003ctd\u003e\n \n 25,9 x 16,9 x 17,8 cm\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eLongitud del cable de alimentación\u003c\/td\u003e\n \u003ctd\u003e\n \n 75 cm\n \n \u003c\/td\u003e\n \u003c\/tr\u003e\n \n \u003ctr\u003e\n \u003ctd\u003eColor\u003c\/td\u003e\n \u003ctd\u003e\n \n \u003cspan class=\"color-swatch\" style=\"background-color:#203462;\" title=\"azul mate\" aria-label=\"azul 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=\"Base antideslizante\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/s9tMjnfZ\/Anti-skidbottom.png\" alt=\"Antideslizantes\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eBase antideslizante\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Pantalla LED digital\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/ZzBNJVP2\/Led.png\" alt=\"Led\"\u003e\n \u003cspan class=\"tooltiptext\"\u003ePantalla LED digital\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Temporizador de cuenta atrás\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/ZzwcPVG7\/Adjustabletimer.png\" alt=\"Temporizador\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eTemporizador de cuenta atrás\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"6 niveles de tostado\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/TqtnTjcr\/Intensitylevels.png\" alt=\"Control De Velocidad Variable\"\u003e\n \u003cspan class=\"tooltiptext\"\u003e6 niveles de tostado\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Pantalla LED digital\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/20fFm3G4\/Digital.png\" alt=\"Digital Led Display\"\u003e\n \u003cspan class=\"tooltiptext\"\u003ePantalla LED digital\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Color: azul mate\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eColor: azul mate\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Material: acero inoxidable con carcasa de plástico\"\u003e\n \u003cimg src=\"https:\/\/i.ibb.co\/WNHF0bV2\/Stainless-Steel.png\" alt=\"Stainless Steel\"\u003e\n \u003cspan class=\"tooltiptext\"\u003eMaterial: acero inoxidable con carcasa de plástico\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n\n \n\n \n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/* Convierte color-swatch con title\/aria-label en tooltip burbuja CSS *\/\n(function(){\n var scopes = document.querySelectorAll('.bh-scope');\n scopes.forEach(function(scope){\n var swatches = scope.querySelectorAll('.color-swatch');\n swatches.forEach(function(swatch){\n if (swatch.closest('.tooltip')) return;\n var label = swatch.getAttribute('aria-label') || swatch.getAttribute('title') || '';\n if (!label) return;\n var wrap = document.createElement('span');\n wrap.className = 'tooltip';\n wrap.setAttribute('tabindex','0');\n swatch.parentNode.insertBefore(wrap, swatch);\n wrap.appendChild(swatch);\n var tip = document.createElement('span');\n tip.className = 'tooltiptext';\n tip.textContent = label;\n wrap.appendChild(tip);\n swatch.removeAttribute('title');\n });\n });\n})();\n\u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":53657603670359,"sku":"BH\/9973","price":36.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9973-Conceptual-1.jpg?v=1779960595"}],"url":"https:\/\/berlinger-haus.es\/ca\/collections\/deep-sea-collection.oembed","provider":"Berlinger Haus, tienda oficial en España","version":"1.0","type":"link"}