{"product_id":"portable-folding-projection-screen","title":"Écran de Projection Pliable Anti-Lumière 16:9 Beamer. SHADE","description":"\u003cstyle\u003e\n.accordion-item {\n  border: 1px solid #e0e0e0;\n  border-radius: 8px;\n  margin-bottom: 10px;\n  overflow: hidden;\n}\n.accordion-header {\n  background-color: #f9f9f9;\n  padding: 14px 18px;\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-weight: 600;\n  font-size: 15px;\n  user-select: none;\n}\n.accordion-header:hover { background-color: #f0f0f0; }\n.accordion-arrow { transition: transform 0.3s ease; font-style: normal; }\n.accordion-body { display: none; padding: 16px 18px; line-height: 1.7; }\n.accordion-item.open .accordion-body { display: block; }\n.accordion-item.open .accordion-arrow { transform: rotate(180deg); }\n\u003c\/style\u003e\n\n\u003cp style=\"font-weight: 300; font-size: 15px; line-height: 1.7; margin-bottom: 18px;\"\u003eTransformez votre salon en véritable salle de cinéma avec l'écran BEAMER. SHADE. Sa technologie anti-lumière (ALR) absorbe la lumière ambiante pour offrir des contrastes profonds et des couleurs éclatantes, même en plein jour.\u003c\/p\u003e\n\n\u003cdiv class=\"accordion-item open\" id=\"specs-accordion\"\u003e\n  \u003cdiv class=\"accordion-header\"\u003eCaractéristiques Techniques \u003ci class=\"accordion-arrow\"\u003e▾\u003c\/i\u003e\n\u003c\/div\u003e\n  \u003cdiv class=\"accordion-body\" id=\"specs-body\"\u003e\n    \u003cul id=\"specs-list\"\u003e\n      \u003cli\u003e\n\u003cstrong\u003eDiagonale d'Image :\u003c\/strong\u003e \u003cspan id=\"spec-diag\"\u003e100 pouces (254 cm)\u003c\/span\u003e\n\u003c\/li\u003e\n      \u003cli\u003e\n\u003cstrong\u003eZone d'Affichage Utile :\u003c\/strong\u003e \u003cspan id=\"spec-dim\"\u003eLargeur 2,21 m × Hauteur 1,25 m\u003c\/span\u003e\n\u003c\/li\u003e\n      \u003cli\u003e\n\u003cstrong\u003eFormat d'Image :\u003c\/strong\u003e 16:9\u003c\/li\u003e\n      \u003cli\u003e\n\u003cstrong\u003eGain :\u003c\/strong\u003e 1.1 (Luminosité optimisée frontale)\u003c\/li\u003e\n      \u003cli\u003e\n\u003cstrong\u003eAngle de vision :\u003c\/strong\u003e 160°\u003c\/li\u003e\n      \u003cli\u003e\n\u003cstrong\u003ePoids Total :\u003c\/strong\u003e \u003cspan id=\"spec-poids\"\u003e420 g\u003c\/span\u003e\n\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function() {\n  var specsData = {\n    \"84'\":  { diag: \"84 pouces (213 cm)\",  dim: \"Largeur 1,86 m × Hauteur 1,05 m\", poids: \"340 g\" },\n    \"100'\": { diag: \"100 pouces (254 cm)\", dim: \"Largeur 2,21 m × Hauteur 1,25 m\", poids: \"420 g\" },\n    \"120'\": { diag: \"120 pouces (305 cm)\", dim: \"Largeur 2,66 m × Hauteur 1,50 m\", poids: \"600 g\" }\n  };\n\n  function updateSpecs(size) {\n    var data = specsData[size];\n    if (!data) return;\n    var diagEl = document.getElementById('spec-diag');\n    var dimEl  = document.getElementById('spec-dim');\n    var poidsEl = document.getElementById('spec-poids');\n    if (diagEl)  diagEl.textContent  = data.diag;\n    if (dimEl)   dimEl.textContent   = data.dim;\n    if (poidsEl) poidsEl.textContent = data.poids;\n  }\n\n  function getSelectedSize() {\n    \/\/ Shopify variant selectors (radio buttons or select)\n    var radios = document.querySelectorAll('input[type=\"radio\"][name]');\n    for (var i = 0; i \u003c radios.length; i++) {\n      var r = radios[i];\n      if (r.checked \u0026\u0026 (r.value === \"84'\" || r.value === \"100'\" || r.value === \"120'\")) {\n        return r.value;\n      }\n    }\n    \/\/ Fallback: select element\n    var selects = document.querySelectorAll('select');\n    for (var j = 0; j \u003c selects.length; j++) {\n      var val = selects[j].value;\n      if (val === \"84'\" || val === \"100'\" || val === \"120'\") return val;\n    }\n    return null;\n  }\n\n  function attachListeners() {\n    \/\/ Radio buttons\n    document.querySelectorAll('input[type=\"radio\"]').forEach(function(radio) {\n      radio.addEventListener('change', function() {\n        var size = getSelectedSize();\n        if (size) updateSpecs(size);\n      });\n    });\n    \/\/ Select dropdowns\n    document.querySelectorAll('select').forEach(function(sel) {\n      sel.addEventListener('change', function() {\n        var size = getSelectedSize();\n        if (size) updateSpecs(size);\n      });\n    });\n    \/\/ Shopify custom variant-changed event\n    document.addEventListener('variant:changed', function(e) {\n      if (e.detail \u0026\u0026 e.detail.variant) {\n        var opts = e.detail.variant.options;\n        if (opts) {\n          opts.forEach(function(opt) {\n            if (specsData[opt]) updateSpecs(opt);\n          });\n        }\n      }\n    });\n  }\n\n  \/\/ Accordion toggle\n  var header = document.querySelector('#specs-accordion .accordion-header');\n  if (header) {\n    header.addEventListener('click', function() {\n      var item = document.getElementById('specs-accordion');\n      item.classList.toggle('open');\n    });\n  }\n\n  \/\/ Init on DOM ready\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', function() {\n      var size = getSelectedSize();\n      if (size) updateSpecs(size);\n      attachListeners();\n    });\n  } else {\n    var size = getSelectedSize();\n    if (size) updateSpecs(size);\n    attachListeners();\n  }\n})();\n\u003c\/script\u003e","brand":"BEAMER.","offers":[{"title":"16:9 \/ 84'","offer_id":58312885403979,"sku":"SU00081348-100inch","price":34.9,"currency_code":"EUR","in_stock":true},{"title":"16:9 \/ 100'","offer_id":58312996258123,"sku":null,"price":44.9,"currency_code":"EUR","in_stock":true},{"title":"16:9 \/ 120'","offer_id":58312996290891,"sku":null,"price":54.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1078\/4109\/3963\/files\/2.jpg?v=1788106536","url":"https:\/\/getbeamer.fr\/products\/portable-folding-projection-screen","provider":"Beamer.","version":"1.0","type":"link"}