{"product_id":"custom-magsafe-badge","title":"Custom MagSafe Badge","description":"\u003cstyle\u003e\n  .badge-container {\n    max-width: 400px;\n    margin: 0 auto;\n    text-align: center;\n    font-family: Arial, sans-serif;\n  }\n\n  .badge-frame {\n    width: 220px;\n    height: 220px;\n    margin: 20px auto;\n    border-radius: 50%;\n    background: radial-gradient(#f0f0f0, #d4d4d4);\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2), inset 0 0 15px rgba(255, 255, 255, 0.4);\n    position: relative;\n  }\n\n  .badge-image {\n    width: 200px;\n    height: 200px;\n    border-radius: 50%;\n    background-size: cover;\n    background-position: center;\n    background-repeat: no-repeat;\n    position: absolute;\n    top: 10px;\n    left: 10px;\n  }\n\n  .cta-button {\n    margin-top: 20px;\n    padding: 12px 24px;\n    background-color: #000;\n    color: #fff;\n    border: none;\n    font-size: 16px;\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.3s;\n  }\n\n  .cta-button:hover {\n    background-color: #333;\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"badge-container\"\u003e\n  \u003ch2\u003ePersonalize Your MagSafe Badge\u003c\/h2\u003e\n  \u003cp\u003eUpload your image to see how it will look!\u003c\/p\u003e\n\n  \u003cinput type=\"file\" accept=\"image\/*\" id=\"imageInput\"\u003e\n\n  \u003cdiv id=\"previewWrapper\" style=\"display: none;\"\u003e\n    \u003cdiv class=\"badge-frame\"\u003e\n      \u003cdiv id=\"badgeImage\" class=\"badge-image\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp\u003eThis is how your 58mm badge will look!\u003c\/p\u003e\n\n    \u003c!-- Line item property form --\u003e\n    \u003cform method=\"post\" action=\"\/cart\/add\"\u003e\n      \u003cinput type=\"hidden\" name=\"id\" value=\"PRODUCT_VARIANT_ID_AQUI\"\u003e\n      \u003cinput type=\"hidden\" id=\"customImage\" name=\"properties[Custom Image]\" value=\"\"\u003e\n      \u003cbutton type=\"submit\" class=\"cta-button\"\u003eAdd to Cart\u003c\/button\u003e\n    \u003c\/form\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  const imageInput = document.getElementById('imageInput');\n  const badgeImage = document.getElementById('badgeImage');\n  const previewWrapper = document.getElementById('previewWrapper');\n  const customImageField = document.getElementById('customImage');\n\n  imageInput.addEventListener('change', function(event) {\n    const file = event.target.files[0];\n    if (!file) return;\n\n    const reader = new FileReader();\n    reader.onload = function(e) {\n      badgeImage.style.backgroundImage = `url(${e.target.result})`;\n      customImageField.value = e.target.result;\n      previewWrapper.style.display = 'block';\n    };\n    reader.readAsDataURL(file);\n  });\n\u003c\/script\u003e\n","brand":"PROSERIES GO","offers":[{"title":"Default Title","offer_id":51081808281936,"sku":"","price":6.99,"currency_code":"EUR","in_stock":true}],"url":"https:\/\/www.proseriesgo.com\/products\/custom-magsafe-badge","provider":"PROSERIES GO","version":"1.0","type":"link"}