{"title":"Xampanya","description":"\u003cp\u003eComprar per color: Xampanya\u003c\/p\u003e \u003cp\u003e|Casa Berling|\u003c\/p\u003e \u003c!----\u003e\u003c!----\u003e","products":[{"product_id":"electric-coffee-maker_bh-9254","title":"Cafetera Elèctrica","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\/9254\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 800 W \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eCapacitat\u003c\/td\u003e \u003ctd\u003e 1,5 L \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e xampany fosc \u003c\/td\u003e \u003c\/tr\u003e resistència a la temperatura 120 °C \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=\"Placa calenta antiadherent i funció de manteniment de la calor\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/QFdM6r27\/non-stick.png\" alt=\"Antiadherent\"\u003e \u003cspan class=\"tooltiptext\"\u003ePlaca calenta antiadherent i funció de manteniment de la calor\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria src=\"https:\/\/i.ibb.co\/j9ssRxbq\/LED.png\" alt=\"Led\"\u003e \u003cspan class=\"tooltiptext\"\u003eLlum LED blau\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Funció antigoteig\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/mrvbLtZk\/no-drip.png\" alt=\"Funció Antigoteig\"\u003e \u003cspan class=\"tooltiptext\"\u003eFunció antigoteig\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":51616665207127,"sku":"BH\/9254","price":139.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-9254-1.jpg?v=1776237515"},{"product_id":"6pcs-stainless-steel-bent-straw-set_bh-2983","title":"Set De 6 Palletes Doblades D'Acer Inoxidable","description":"\u003cstyle\u003e\n  \/* === Bloque encapsulado SOLO para .bh-scope === *\/\n  .bh-scope{line-height:1.6;color:#333;font-family:inherit}\n\n  .bh-scope .bh-head{\n    position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;\n  }\n\n  \/* ── Títulos de sección ─────────────────────────────── *\/\n  .bh-scope .bh-section-title{\n    display:flex;align-items:center;gap:10px;\n    margin:32px 0 12px;font-size:1.05em;font-weight:700;\n    color:#1a1a1a;letter-spacing:.01em;\n  }\n  .bh-scope .bh-section-title::after{\n    content:\"\";flex:1;height:1px;\n    background:linear-gradient(to right,#ddd,transparent);\n  }\n  .bh-scope .bh-pill{\n    background:#800000;color:#fff;font-size:.68em;font-weight:700;\n    padding:2px 9px;border-radius:99px;letter-spacing:.06em;\n    text-transform:uppercase;white-space:nowrap;\n  }\n\n  \/* ── Tabla de características - estilo clásico limpio ─ *\/\n  .bh-scope .bh-specs{\n    width:100%;border-collapse:collapse;\n    margin-bottom:4px;font-size:.96em;\n    border:1px solid #e8e8e8;border-radius:6px;overflow:hidden;\n  }\n  .bh-scope .bh-specs tr{border-bottom:1px solid #efefef}\n  .bh-scope .bh-specs tr:last-child{border-bottom:none}\n  .bh-scope .bh-specs tr:hover{background:#fdf5f5}\n  .bh-scope .bh-specs td{\n    padding:10px 14px;vertical-align:middle;text-align:left;\n  }\n  .bh-scope .bh-specs td:first-child{\n    font-weight:700;color:#444;width:34%;\n    background:#f9f3f3;\n    border-right:1px solid #efefef;\n  }\n  .bh-scope .bh-specs td:last-child{color:#222}\n\n  \/* Swatches de color ─────────────────────────── *\/\n  .bh-scope .color-swatch{\n    display:inline-block;width:22px;height:22px;border-radius:50%;\n    border:2px solid #fff;\n    box-shadow:0 0 0 1.5px rgba(0,0,0,.20),0 1px 4px rgba(0,0,0,.10);\n    vertical-align:middle;margin:2px 5px 2px 0;cursor:default;\n    transition:transform .15s,box-shadow .15s;\n  }\n  .bh-scope .color-swatch:hover{\n    transform:scale(1.25);\n    box-shadow:0 0 0 2px rgba(0,0,0,.28),0 3px 8px rgba(0,0,0,.15);\n  }\n\n  \/* ── Bullets de beneficios ─────────────────────────── *\/\n  .bh-scope .bullets{list-style:none;padding:0;margin:0 0 24px}\n  .bh-scope .bullets li{\n    padding:8px 0;border-bottom:1px solid #f2f2f2;\n    display:flex;align-items:flex-start;font-size:.98em;gap:10px;\n  }\n  .bh-scope .bullets li:last-child{border-bottom:none}\n  .bh-scope .bullets .dot{\n    flex-shrink:0;width:6px;height:6px;border-radius:50%;\n    background:#800000;margin-top:8px;\n  }\n\n  \/* ── Fila de iconos con tooltip (sin etiqueta visible) *\/\n  .bh-scope .icon-row{\n    display:flex;flex-wrap:wrap;align-items:center;\n    justify-content:center;gap:18px;\n    margin:8px 0 20px;padding:14px 0;\n    border-top:1px solid #f0f0f0;\n    border-bottom:1px solid #f0f0f0;\n  }\n  .bh-scope .icon-row img{\n    display:block;width:46px;height:46px;border:0;outline:0;\n    opacity:.85;transition:opacity .15s,transform .15s;\n  }\n  .bh-scope .icon-row .tooltip:hover img,\n  .bh-scope .icon-row .tooltip:focus img{\n    opacity:1;transform:scale(1.12);\n  }\n\n  \/* ── Bloque de colección ──────────────────────────── *\/\n  .bh-scope .bh-collection{\n    display:flex;align-items:center;gap:14px;\n    background:#fdf5f5;border:1px solid #f0dada;border-radius:8px;\n    padding:14px 18px;margin-top:8px;flex-wrap:wrap;\n  }\n  .bh-scope .bh-collection-label{\n    font-size:.78em;font-weight:700;text-transform:uppercase;\n    letter-spacing:.08em;color:#800000;white-space:nowrap;\n  }\n  .bh-scope .bh-collection-links{\n    display:flex;flex-wrap:wrap;gap:8px;\n  }\n  .bh-scope .bh-collection-link{\n    display:inline-block;\n    background:#800000;color:#fff !important;text-decoration:none !important;\n    font-size:.82em;font-weight:600;padding:4px 12px;border-radius:99px;\n    transition:background .18s,transform .15s;white-space:nowrap;\n  }\n  .bh-scope .bh-collection-link:hover{\n    background:#600000;transform:translateY(-1px);\n    text-decoration:none !important;\n  }\n\n  \/* Tooltip CSS puro ──────────────────────────────────── *\/\n  .bh-scope .tooltip{\n    position:relative;display:inline-flex;\n    flex-direction:column;align-items:center;cursor:default;\n  }\n  .bh-scope .tooltiptext{\n    visibility:hidden;max-width:200px;background:#1a1a1a;color:#fff;\n    text-align:center;border-radius:7px;padding:6px 11px;\n    position:absolute;z-index:9999;bottom:calc(100% + 8px);left:50%;\n    transform:translateX(-50%);opacity:0;\n    transition:opacity .18s ease;\n    white-space:normal;font-size:.80em;\n    box-shadow:0 3px 12px rgba(0,0,0,.25);pointer-events:none;\n  }\n  .bh-scope .tooltip:hover .tooltiptext,\n  .bh-scope .tooltip:focus .tooltiptext{visibility:visible;opacity:1}\n  .bh-scope .tooltiptext::after{\n    content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;\n    border-width:5px;border-style:solid;\n    border-color:#1a1a1a transparent transparent transparent;\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bh-scope\"\u003e\n  \u003cdiv class=\"bh-head\"\u003e\n    \u003cspan\u003eRef: BH\/2983\u003c\/span\u003e · \u003cspan\u003eBerlinger Haus\u003c\/span\u003e · \u003cspan\u003ePromintra\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \n    \u003cdiv class=\"bh-section-title\"\u003e\n      \u003cspan class=\"bh-pill\"\u003eProducto\u003c\/span\u003e\n      Características Principales\n    \u003c\/div\u003e\n    \u003ctable class=\"bh-specs\"\u003e\n      \u003ctbody\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eMaterial\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                Acero inoxidable 18\/10\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eTamaño\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                24 cm\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n          \u003ctr\u003e\n            \u003ctd\u003eColor\u003c\/td\u003e\n            \u003ctd\u003e\n              \n                \u003cspan class=\"color-swatch\" style=\"background-color:#FCDD91;\" title=\"champán espejo\" aria-label=\"champán espejo\"\u003e\u003c\/span\u003e\n              \n            \u003c\/td\u003e\n          \u003c\/tr\u003e\n        \n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \n\n  \n\n  \n\n  \n    \u003cdiv class=\"bh-section-title\"\u003e\n      \u003cspan class=\"bh-pill\"\u003eCalidad\u003c\/span\u003e\n      Beneficios\n    \u003c\/div\u003e\n    \u003cdiv class=\"icon-row\"\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Mate\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/nN9c2msd\/Mattfinish.png\" alt=\"Matt\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eMate\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n        \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Material: acero inoxidable 18\/10\"\u003e\n          \u003cimg src=\"https:\/\/i.ibb.co\/WNHF0bV2\/Stainless-Steel.png\" alt=\"Stainless Steel\"\u003e\n          \u003cspan class=\"tooltiptext\"\u003eMaterial: acero inoxidable 18\/10\u003c\/span\u003e\n        \u003c\/div\u003e\n      \n    \u003c\/div\u003e\n  \n\n  \n\n  \n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/* Convierte color-swatch con title\/aria-label en tooltip burbuja CSS *\/\n(function(){\n  var scopes = document.querySelectorAll('.bh-scope');\n  scopes.forEach(function(scope){\n    var swatches = scope.querySelectorAll('.color-swatch');\n    swatches.forEach(function(swatch){\n      if (swatch.closest('.tooltip')) return;\n      var label = swatch.getAttribute('aria-label') || swatch.getAttribute('title') || '';\n      if (!label) return;\n      var wrap = document.createElement('span');\n      wrap.className = 'tooltip';\n      wrap.setAttribute('tabindex','0');\n      swatch.parentNode.insertBefore(wrap, swatch);\n      wrap.appendChild(swatch);\n      var tip = document.createElement('span');\n      tip.className = 'tooltiptext';\n      tip.textContent = label;\n      wrap.appendChild(tip);\n      swatch.removeAttribute('title');\n    });\n  });\n})();\n\u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616507232599,"sku":"BH\/2983","price":12.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-2983-1_2be48fcf-6687-4f78-9998-649718cf4169.jpg?v=1763381085"},{"product_id":"12pcs-chopstick-set-with-champagne-gold-pvd-coating_bh-3163","title":"Set De 12 Palets Amb Revestiment Pvd Daurat Xampany","description":"\u003cstyle\u003e .bh-scope .bh-head{ position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; } .bh-scope .bh-head .label{ color:#222; font-weight:600; } .bh-scope .bh-head .set{ opacity:.5; } \/* === Estils encapsulats NOMÉS per a aquest bloc === *\/ .bh-scope{line-height:1.6;color:#333} .bh-scope h2{ color:#800000;margin:40px 0 15px;border-bottom:2px solid font-weight:600;font-size:1.5em } .bh-scope h3{ color:#800000;font-style:italic;font-size:1.2em;font-weight:600;margin:20px 0 } .bh-scope .specs{ width:100%;border-collapse:collapse;margin-bottom:20px;font-size:1em;border:1px solid #ddd } .bh-scope .specs td{ border:1px solid #ddd;vertical-align:top;padding:12 .bh-scope .specs td:first-child{font-weight:600;width:30%;background:#f8f8f8} .bh-scope .bullets{list-style:none;padding:0;margin:0 0 30px} .bh-sco 0;border-bottom:1px dotted #eee;display:flex;align-items:center;font-size:1.05em } .bh-scope .bullets li:last-child{border-bottom:none} .bh-scope .bullets .dot{display:inline-block;width:1em;margin-left:-1em;color:#C28E7D;font-weight:bold} .bh-scope .icon-row{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;5 .bh-scope .icon-row img{display:block;border:0;outline:0;width:45px;height:45px} \/* Swatch circular bàsic (el JS el convertirà en tooltip bombolla) *\/ .bh-scope .color-swatch{ display:inline-block;width:25px;height:25px;vorder-radius:50%; border:1px solid rgba(0,0,0,.25); \/* abans #ccc *\/ vertical-align:middle;margin-right:8px;margin-bottom:6px; \/* + marge inferior per a salts de línia bonics *\/ } \/* Tooltip bombolla reutilitzable (per a icones i colors) *\/ .bh-scope .tooltip{position:relative;display:inline-flex;flex-direction:column;align-items:center} .bh-scope .tooltiptext visibilitat:hidden;max-width:260px;background:#444;color:#fff;text-align:center;border-radius:5px; padding:8px 12px;position:absolute;z-index:9999;bottom:110%;left:50%;transform:translateX(-50%); opacity:0;transition:opacity .2s ease,bottom .2s ease;white-space:normal;overflow-wrap:break-word; font-size:.9em;box-shadow:0 2px 8px rgba(0,0,0,.2);pointer-events:none } .bh-scope .tooltip:hover .tooltiptext, .bh-scope .tooltip:focus .tooltiptext{visibility: .bh-scope .tooltiptext::after{ content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid; border-color:#444 transparent transparent transparent } \u003c\/style\u003e \u003cdiv class=\"bh-scope\"\u003e \u003cdiv class=\"bh-head\"\u003e \u003cspan class=\"label\"\u003eRef:\u003c\/span\u003e \u003cspan\u003eBH\/3163\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBerlinger Haus\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan\u003ePromintra\u003c\/span\u003e \u003c\/div\u003e \u003ch2\u003eCaracterístiques principals\u003c\/h2\u003e \u003ctable class=\"specs\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd\u003eMaterial\u003c\/td\u003e \u003ctd\u003e Acer \u003ctd\u003eInclou\u003c\/td\u003e \u003ctd\u003e 12 escuradents (6 parells) \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eMida\u003c\/td\u003e \u003ctd\u003e 23,5 cm \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd\u003eColor\u003c\/td\u003e \u003ctd\u003e xampany \u003c\/td\u003e \u003c\/td\u003e no roda i se sosté còmodament a la mà \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Sense residus d'oli, fàcil de netejar\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/jZhWGN7y\/clean.png\" alt=\"Fàcil de Netejar\"\u003e \u003cspan class=\"tooltiptext\"\u003eSense residus d'oli, fàcil de netejar\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"A \u003cimg src=\"https:\/\/i.ibb.co\/cSw9fy13\/high-quality.png\" alt=\"Alta Qualitat\"\u003e \u003cspan class=\"tooltiptext\"\u003eAcer inoxidable d'alta qualitat amb revestiment de PVD daurat\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript\u003e \/* Python ja genera estructura amb .tooltip\/.tooltiptext, no fem res. - Si genereu només \u003cspan class=\"color-swatch\" title=\"...\"\u003e, l'emboliquem en .tooltip i creem .tooltiptext. *\/ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('title') || '(;label) return; 'tooltip'; wrap.setAttribute('tabindex','0'; tip = label; wrap.appendChild(tip); \/\/ Evita tooltip natiu del navegador.removeAttribute('title'); \u003c\/script\u003e","brand":"Berlinger Haus","offers":[{"title":"Default Title","offer_id":51616419381591,"sku":"BH\/3163","price":31.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-3163-1_6afc012d-f3c1-4636-b105-4f08df063544.jpg?v=1763380522"},{"product_id":"24pcs-cutlery-set-with-gold-pvd-coating-satin_bh-2642","title":"Set De Coberts De 24 Peces Amb Recobriment Pvd Or Satinat","description":"\u003cstyle\u003e .bh-scope .bh-head{ position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; } .bh-scope .bh-head .label{ color:#222; font-weight:600; } .bh-scope .bh-head .set{ opacity:.5; } \/* === Estils encapsulats NOMÉS per a aquest bloc === *\/ .bh-scope{line-height:1.6;color:#333} .bh-scope h2{ color:#800000;margin:40px 0 15px;border-bottom:2px solid font-weight:600;font-size:1.5em } .bh-scope h3{ color:#800000;font-style:italic;font-size:1.2em;font-weight:600;margin:20px 0 } .bh-scope .specs{ width:100%;border-collapse:collapse;margin-bottom:20px;font-size:1em;border:1px solid #ddd } .bh-scope .specs td{ border:1px solid #ddd;vertical-align:top;padding:12 .bh-scope .specs td:first-child{font-weight:600;width:30%;background:#f8f8f8} .bh-scope .bullets{list-style:none;padding:0;margin:0 0 30px} .bh-sco 0;border-bottom:1px dotted #eee;display:flex;align-items:center;font-size:1.05em } .bh-scope .bullets li:last-child{border-bottom:none} .bh-scope .bullets .dot{display:inline-block;width:1em;margin-left:-1em;color:#C28E7D;font-weight:bold} .bh-scope .icon-row{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;5 .bh-scope .icon-row img{display:block;border:0;outline:0;width:45px;height:45px} \/* Swatch circular bàsic (el JS el convertirà en tooltip bombolla) *\/ .bh-scope .color-swatch{ display:inline-block;width:25px;height:25px;vorder-radius:50%; border:1px solid rgba(0,0,0,.25); \/* abans #ccc *\/ vertical-align:middle;margin-right:8px;margin-bottom:6px; \/* + marge inferior per a salts de línia bonics *\/ } \/* Tooltip bombolla reutilitzable (per a icones i colors) *\/ .bh-scope .tooltip{position:relative;display:inline-flex;flex-direction:column;align-items:center} .bh-scope .tooltiptext visibilitat:hidden;max-width:260px;background:#444;color:#fff;text-align:center;border-radius:5px; padding:8px 12px;position:absolute;z-index:9999;bottom:110%;left:50%;transform:translateX(-50%); opacity:0;transition:opacity .2s ease,bottom .2s ease;white-space:normal;overflow-wrap:break-word; font-size:.9em;box-shadow:0 2px 8px rgba(0,0,0,.2);pointer-events:none } .bh-scope .tooltip:hover .tooltiptext, .bh-scope .tooltip:focus .tooltiptext{visibility: .bh-scope .tooltiptext::after{ content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid; border-color:#444 transparent transparent transparent } \u003c\/style\u003e \u003cdiv class=\"bh-scope\"\u003e \u003cdiv class=\"bh-head\"\u003e \u003cspan class=\"label\"\u003eRef:\u003c\/span\u003e \u003cspan\u003eBH\/2642\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBerlinger Haus\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan\u003ePromintra\u003c\/span\u003e \u003c\/div\u003e \u003ch2\u003eCaracterístiques Principals\u003c\/h2\u003e \u003ctable class=\"specs\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd\u003eMaterial\u003c\/td\u003e \u003ctd\u003e Acer \u003ctr\u003e \u003ctd\u003eInclou\u003c\/td\u003e \u003ctd\u003e Ganivet de taula 6 peces 7,0 mm\u003cbr\u003eForquilla de taula 6 peces 4,0 mm\u003cbr\u003eCullera de taula 6 peces 4,0 mm\u003cbr\u003eCullera de te 6 peces 2,7 mm \u003c\/t\u003e \u003c\/t\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Acer inoxidable d'alta qualitat amb revestiment de PVD daurat\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/cSw9fy13\/high-quality.png\" alt=\"Alta Qualitat\"\u003e \u003cspan class=\"tooltiptext\"\u003eAcer inoxidable d'alta qualitat amb revestiment de PVD daurat\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e de la icona 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":52871116783959,"sku":"BH\/2642","price":147.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/BH-2642-Giftbox-1.jpg?v=1772013857"},{"product_id":"24pcs-cutlery-set-mirror_ftv-0082","title":"Set De Coberts De 24 Peces Amb Mirall","description":"\u003cstyle\u003e .bh-scope .bh-head{ position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; } .bh-scope .bh-head .label{ color:#222; font-weight:600; } .bh-scope .bh-head .set{ opacity:.5; } \/* === Estils encapsulats NOMÉS per a aquest bloc === *\/ .bh-scope{line-height:1.6;color:#333} .bh-scope h2{ color:#800000;margin:40px 0 15px;border-bottom:2px solid font-weight:600;font-size:1.5em } .bh-scope h3{ color:#800000;font-style:italic;font-size:1.2em;font-weight:600;margin:20px 0 } .bh-scope .specs{ width:100%;border-collapse:collapse;margin-bottom:20px;font-size:1em;border:1px solid #ddd } .bh-scope .specs td{ border:1px solid #ddd;vertical-align:top;padding:12 .bh-scope .specs td:first-child{font-weight:600;width:30%;background:#f8f8f8} .bh-scope .bullets{list-style:none;padding:0;margin:0 0 30px} .bh-sco 0;border-bottom:1px dotted #eee;display:flex;align-items:center;font-size:1.05em } .bh-scope .bullets li:last-child{border-bottom:none} .bh-scope .bullets .dot{display:inline-block;width:1em;margin-left:-1em;color:#C28E7D;font-weight:bold} .bh-scope .icon-row{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;5 .bh-scope .icon-row img{display:block;border:0;outline:0;width:45px;height:45px} \/* Swatch circular bàsic (el JS el convertirà en tooltip bombolla) *\/ .bh-scope .color-swatch{ display:inline-block;width:25px;height:25px;vorder-radius:50%; border:1px solid rgba(0,0,0,.25); \/* abans #ccc *\/ vertical-align:middle;margin-right:8px;margin-bottom:6px; \/* + marge inferior per a salts de línia bonics *\/ } \/* Tooltip bombolla reutilitzable (per a icones i colors) *\/ .bh-scope .tooltip{position:relative;display:inline-flex;flex-direction:column;align-items:center} .bh-scope .tooltiptext visibilitat:hidden;max-width:260px;background:#444;color:#fff;text-align:center;border-radius:5px; padding:8px 12px;position:absolute;z-index:9999;bottom:110%;left:50%;transform:translateX(-50%); opacity:0;transition:opacity .2s ease,bottom .2s ease;white-space:normal;overflow-wrap:break-word; font-size:.9em;box-shadow:0 2px 8px rgba(0,0,0,.2);pointer-events:none } .bh-scope .tooltip:hover .tooltiptext, .bh-scope .tooltip:focus .tooltiptext{visibility: .bh-scope .tooltiptext::after{ content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid; border-color:#444 transparent transparent transparent } \u003c\/style\u003e \u003cdiv class=\"bh-scope\"\u003e \u003cdiv class=\"bh-head\"\u003e \u003cspan class=\"label\"\u003eRef:\u003c\/span\u003e \u003cspan\u003eFTV-0082\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e\u003cspan \u003cspan\u003eBerlinger Haus\u003c\/span\u003e \u003cspan class=\"sep\"\u003e·\u003c\/span\u003e \u003cspan\u003ePromintra\u003c\/span\u003e \u003c\/div\u003e \u003ch2\u003eCaracterístiques Principals\u003c\/h2\u003e \u003ctable class=\"specs\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd\u003eMaterial\u003c\/td\u003e \u003ctd\u003e \u003ctr\u003e \u003ctd\u003eInclou\u003c\/td\u003e \u003ctd\u003e Ganivet de taula 6 peces 6,0 mm\u003cbr\u003eForquilla de taula 6 peces 3,0 mm\u003cbr\u003eCullera de taula 6 peces 3,0 mm\u003cbr\u003eCullera de te 6 peces 2,5 mm \u003c\/t\u003e \u003c\/t\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003ch2\u003eBeneficis\u003c\/h2\u003e \u003cdiv class=\"icon-row\"\u003e \u003cdiv class=\"tooltip\" tabindex=\"0\" aria-label=\"Acer inoxidable d'alta qualitat amb revestiment de PVD daurat\"\u003e \u003cimg src=\"https:\/\/i.ibb.co\/cSw9fy13\/high-quality.png\" alt=\"Alta Qualitat\"\u003e \u003cspan class=\"tooltiptext\"\u003eAcer inoxidable d'alta qualitat amb revestiment de PVD daurat\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e de la icona 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":52871130874199,"sku":"FTV-0082","price":151.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/files\/FTV-0082-1.jpg?v=1772014059"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0825\/9806\/8567\/collections\/champagne.jpg?v=1740483801","url":"https:\/\/berlinger-haus.es\/ca\/collections\/champagne.oembed","provider":"Berlinger Haus, tienda oficial en España","version":"1.0","type":"link"}