{"product_id":"collier-colette-personnalise","title":"Collier Colette Personnalisé","description":"\u003cscript\u003e\n(function(){\n  var CFG = {\n    'colette-personnalise': {url: '\/pages\/personnalise-ton-colette', name: 'Colette'},\n    'suzanne-personnalise': {url: '\/pages\/personnalise-ton-suzanne', name: 'Suzanne'},\n    'mini-therese-personnalise': {url: '\/pages\/personnalise-ton-mini-therese', name: 'Mini Thérèse'},\n    'le-petit-therese-personnalise': {url: '\/pages\/personnalise-ton-petit-therese-1', name: 'Petit Thérèse'},\n    'collier-colette-personnalise': {url: '\/pages\/personnalise-ton-collier-colette', name: 'Collier Colette'}\n  };\n  function getHandle(){var m=location.pathname.match(\/\\\/products\\\/([^\\\/?]+)\/);return m?m[1]:null;}\n  function getConfig(){return new URLSearchParams(location.search).get('configString');}\n  function coller(){\n    var c=getConfig();\n    if(c){var t=document.getElementById('Composition');if(t)t.value=c;}\n  }\n  function findAnchor(){\n    var pd = document.querySelector('.product-details');\n    if (!pd) return null;\n    var firstGroup = pd.querySelector(':scope \u003e .group-block, :scope \u003e [class*=\"group\"]');\n    return firstGroup || pd;\n  }\n  function injectBanner(){\n    var existing=document.getElementById('mpl-cfg-cta');\n    var info=CFG[getHandle()];if(!info)return true;\n    var hasConfig=!!getConfig();\n\n    \/* État voulu : si configString → banner \"compo prête\". Sinon → bouton \"configurer\". *\/\n    \/* Si déjà rendu et état correct, ne rien faire. *\/\n    if(existing \u0026\u0026 existing.dataset.state===(hasConfig?'done':'todo'))return true;\n    if(existing){existing.remove();}\n\n    var anchor=findAnchor();\n    if(!anchor)return false;\n\n    var el;\n    if(hasConfig){\n      \/* Banner \"compo prête\" — non cliquable, ton cream\/burgundy léger, célébration *\/\n      el=document.createElement('div');\n      el.id='mpl-cfg-cta';\n      el.dataset.state='done';\n      el.innerHTML='\u003cspan style=\"display:block!important;font-size:0.65rem!important;letter-spacing:0.28em!important;opacity:0.75!important;margin-bottom:6px!important;text-transform:uppercase!important;font-weight:500!important;color:#692819!important;\"\u003e✓ Compo prête\u003c\/span\u003e\u003cspan style=\"display:block!important;font-size:0.95rem!important;letter-spacing:0.02em!important;font-weight:500!important;color:#692819!important;\"\u003eTa création est prête, ajoute-la au panier ↓\u003c\/span\u003e\u003ca href=\"'+info.url+'\" style=\"display:inline-block!important;margin-top:10px!important;font-size:0.7rem!important;letter-spacing:0.08em!important;color:#692819!important;opacity:0.65!important;text-decoration:underline!important;text-underline-offset:3px!important;font-family:inherit!important;\"\u003eModifier ma compo\u003c\/a\u003e';\n      el.setAttribute('style','display:block!important;width:auto!important;flex:0 0 auto!important;align-self:stretch!important;margin:0 0 18px 0!important;padding:18px 22px!important;background:#fbe9e3!important;border:1.5px solid #692819!important;color:#692819!important;text-align:center!important;font-family:inherit!important;border-radius:18px!important;order:-9999!important;');\n    } else {\n      \/* Bouton \"configurer\" — gros CTA burgundy *\/\n      el=document.createElement('a');\n      el.id='mpl-cfg-cta';\n      el.dataset.state='todo';\n      el.href=info.url;\n      el.innerHTML='\u003cspan style=\"display:block!important;font-size:0.65rem!important;letter-spacing:0.28em!important;opacity:0.7!important;margin-bottom:6px!important;text-transform:uppercase!important;font-weight:500!important;\"\u003eÉtape 1 — obligatoire\u003c\/span\u003e\u003cspan style=\"display:block!important;font-size:0.95rem!important;letter-spacing:0.06em!important;font-weight:600!important;\"\u003eCliquez ici pour configurer votre '+info.name+' →\u003c\/span\u003e';\n      el.setAttribute('style','display:block!important;width:auto!important;flex:0 0 auto!important;align-self:stretch!important;margin:0 0 18px 0!important;padding:18px 22px!important;background:#692819!important;color:#fff!important;text-align:center!important;text-decoration:none!important;font-family:inherit!important;border-radius:18px!important;box-shadow:0 14px 32px -8px rgba(105,40,25,0.45)!important;transition:transform 0.2s ease,box-shadow 0.2s ease!important;order:-9999!important;');\n      el.onmouseover=function(){el.style.transform='translateY(-2px)';el.style.boxShadow='0 18px 38px -8px rgba(105,40,25,0.55)';};\n      el.onmouseout=function(){el.style.transform='';el.style.boxShadow='0 14px 32px -8px rgba(105,40,25,0.45)';};\n    }\n    anchor.insertAdjacentElement('afterbegin',el);\n    return true;\n  }\n  function tick(){coller();injectBanner();}\n  setInterval(tick,1000);\n  if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',tick);else tick();\n})();\n\u003c\/script\u003e","brand":"Mopale","offers":[{"title":"Default Title","offer_id":57792223674693,"sku":null,"price":35.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0760\/5246\/3941\/files\/Votretextedeparagraphe_Oreillercarre_-11.png?v=1778779973","url":"https:\/\/www.mopalebijoux.fr\/products\/collier-colette-personnalise","provider":"Mopale","version":"1.0","type":"link"}