{"product_id":"mystery-crystal-box-free-gift-just-pay-shipping","title":"Mystery Crystal Box - FREE Gift (Just Pay Shipping)","description":"--\u0026gt;\n\n\u003cstyle\u003e\n.email-gate {\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n  color: white;\n  padding: 40px 30px;\n  border-radius: 12px;\n  text-align: center;\n  margin: 30px 0;\n  box-shadow: 0 8px 25px rgba(0,0,0,0.15);\n}\n\n.email-gate h3 {\n  font-size: 28px;\n  margin-bottom: 12px;\n  font-weight: 700;\n}\n\n.email-gate p {\n  font-size: 16px;\n  margin-bottom: 25px;\n  opacity: 0.95;\n  line-height: 1.6;\n}\n\n.email-gate-form {\n  max-width: 500px;\n  margin: 0 auto;\n}\n\n.email-gate-input {\n  width: 100%;\n  padding: 15px 20px;\n  font-size: 16px;\n  border: 2px solid white;\n  border-radius: 8px;\n  margin-bottom: 15px;\n  box-sizing: border-box;\n}\n\n.email-gate-button {\n  background: white;\n  color: #667eea;\n  border: none;\n  padding: 15px 40px;\n  font-size: 18px;\n  font-weight: 700;\n  border-radius: 8px;\n  cursor: pointer;\n  transition: all 0.3s;\n  width: 100%;\n}\n\n.email-gate-button:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 8px 20px rgba(0,0,0,0.3);\n}\n\n.email-gate-success {\n  background: #10b981;\n  color: white;\n  padding: 20px;\n  border-radius: 8px;\n  margin-bottom: 20px;\n  font-size: 16px;\n  font-weight: 600;\n  text-align: center;\n}\n\n.email-gate-error {\n  background: #ef4444;\n  color: white;\n  padding: 15px;\n  border-radius: 8px;\n  margin-top: 15px;\n  font-size: 14px;\n}\n\n\/* 隐藏购买按钮直到邮箱提交 *\/\n.product-form__submit[data-email-locked=\"true\"] {\n  display: none !important;\n}\n\n.product-form button[type=\"submit\"][data-email-locked=\"true\"] {\n  display: none !important;\n}\n\nbutton[name=\"add\"][data-email-locked=\"true\"] {\n  display: none !important;\n}\n\n\/* 隐藏所有支付按钮（PayPal、Apple Pay等）直到邮箱提交 *\/\n.shopify-payment-button[data-email-locked=\"true\"] {\n  display: none !important;\n}\n\n.payment-buttons[data-email-locked=\"true\"] {\n  display: none !important;\n}\n\n.dynamic-checkout__content[data-email-locked=\"true\"] {\n  display: none !important;\n}\n\n[data-shopify-buttoncontainer][data-email-locked=\"true\"] {\n  display: none !important;\n}\n\n.shopify-cleanslate[data-email-locked=\"true\"] {\n  display: none !important;\n}\n\n@media (max-width: 600px) {\n  .email-gate {\n    padding: 30px 20px;\n  }\n\n  .email-gate h3 {\n    font-size: 22px;\n  }\n\n  .email-gate p {\n    font-size: 14px;\n  }\n\n  .email-gate-input {\n    padding: 12px 16px;\n    font-size: 14px;\n  }\n\n  .email-gate-button {\n    padding: 12px 30px;\n    font-size: 16px;\n  }\n}\n\u003c\/style\u003e\n\n\u003c!-- 邮箱收集表单 --\u003e\n\u003cdiv id=\"emailGate\" class=\"email-gate\"\u003e\n  \u003cdiv class=\"email-gate-content\"\u003e\n    \u003ch3\u003e🎁 Claim Your FREE Mystery Box\u003c\/h3\u003e\n    \u003cp\u003eEnter your email address to unlock this exclusive offer.\u003cbr\u003eJust pay shipping to receive your 925 silver crystal treasure!\u003c\/p\u003e\n\n    \u003cform id=\"emailGateForm\" class=\"email-gate-form\"\u003e\n      \u003cinput type=\"email\" id=\"emailInput\" class=\"email-gate-input\" placeholder=\"Enter your email address\" required\u003e\n      \u003cbutton type=\"submit\" class=\"email-gate-button\"\u003e\n        🔓 Unlock Offer \u0026amp; Shop Now\n      \u003c\/button\u003e\n      \u003cdiv id=\"errorMessage\" class=\"email-gate-error\" style=\"display: none;\"\u003e\u003c\/div\u003e\n    \u003c\/form\u003e\n\n    \u003cdiv style=\"margin-top: 20px; font-size: 13px; opacity: 0.9;\"\u003e\n      🔒 We respect your privacy. No spam, just exclusive offers.\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- 成功提示 --\u003e\n\u003cdiv id=\"successMessage\" class=\"email-gate-success\" style=\"display: none;\"\u003e\n  ✅ Thank you! You can now add the Mystery Box to your cart below.\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function() {\n  \/\/ 检查是否已经提交过邮箱\n  const emailSubmitted = localStorage.getItem('mysteryBoxEmailSubmitted');\n\n  \/\/ 查找购买按钮（兼容不同主题）\n  const submitButton = document.querySelector('.product-form__submit') ||\n                       document.querySelector('[name=\"add\"]') ||\n                       document.querySelector('button[type=\"submit\"].product-form__submit') ||\n                       document.querySelector('.product-form button[type=\"submit\"]');\n\n  \/\/ 查找所有支付按钮容器\n  const paymentButtons = document.querySelectorAll('.shopify-payment-button, .payment-buttons, .dynamic-checkout__content, [data-shopify-buttoncontainer], .shopify-cleanslate');\n\n  \/\/ 如果已提交，显示购买按钮并隐藏邮箱表单\n  if (emailSubmitted === 'true') {\n    document.getElementById('emailGate').style.display = 'none';\n    document.getElementById('successMessage').style.display = 'block';\n    if (submitButton) {\n      submitButton.removeAttribute('data-email-locked');\n      submitButton.style.display = '';\n    }\n    \/\/ 显示所有支付按钮\n    paymentButtons.forEach(btn =\u003e {\n      btn.removeAttribute('data-email-locked');\n      btn.style.display = '';\n    });\n  } else {\n    \/\/ 隐藏购买按钮\n    if (submitButton) {\n      submitButton.setAttribute('data-email-locked', 'true');\n    }\n    \/\/ 隐藏所有支付按钮\n    paymentButtons.forEach(btn =\u003e {\n      btn.setAttribute('data-email-locked', 'true');\n    });\n  }\n\n  \/\/ 处理表单提交\n  document.getElementById('emailGateForm').addEventListener('submit', function(e) {\n    e.preventDefault();\n\n    const emailInput = document.getElementById('emailInput');\n    const email = emailInput.value.trim();\n    const errorMsg = document.getElementById('errorMessage');\n\n    \/\/ 验证邮箱格式\n    const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n\n    if (!emailRegex.test(email)) {\n      errorMsg.textContent = '⚠️ Please enter a valid email address';\n      errorMsg.style.display = 'block';\n      return;\n    }\n\n    \/\/ 隐藏错误消息\n    errorMsg.style.display = 'none';\n\n    \/\/ 显示加载状态\n    const submitBtn = document.querySelector('.email-gate-button');\n    const originalText = submitBtn.textContent;\n    submitBtn.textContent = '⏳ Processing...';\n    submitBtn.disabled = true;\n\n    \/\/ 发送邮箱到Shopify（使用Customer API）\n    fetch('\/contact', {\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application\/x-www-form-urlencoded',\n      },\n      body: new URLSearchParams({\n        'form_type': 'customer',\n        'utf8': '✓',\n        'contact[email]': email,\n        'contact[tags]': 'mystery-box-lead'\n      })\n    }).then(response =\u003e {\n      \/\/ 保存到localStorage\n      localStorage.setItem('mysteryBoxEmailSubmitted', 'true');\n\n      \/\/ 隐藏邮箱表单\n      document.getElementById('emailGate').style.display = 'none';\n\n      \/\/ 显示成功消息\n      document.getElementById('successMessage').style.display = 'block';\n\n      \/\/ 显示购买按钮\n      if (submitButton) {\n        submitButton.removeAttribute('data-email-locked');\n        submitButton.style.display = '';\n      }\n\n      \/\/ 显示所有支付按钮\n      const paymentBtns = document.querySelectorAll('.shopify-payment-button, .payment-buttons, .dynamic-checkout__content, [data-shopify-buttoncontainer], .shopify-cleanslate');\n      paymentBtns.forEach(btn =\u003e {\n        btn.removeAttribute('data-email-locked');\n        btn.style.display = '';\n      });\n\n      \/\/ 滚动到购买按钮\n      setTimeout(() =\u003e {\n        if (submitButton) {\n          submitButton.scrollIntoView({ behavior: 'smooth', block: 'center' });\n        }\n      }, 500);\n    }).catch(error =\u003e {\n      console.error('Error:', error);\n      \/\/ 即使失败也允许购买（用户体验优先）\n      localStorage.setItem('mysteryBoxEmailSubmitted', 'true');\n      document.getElementById('emailGate').style.display = 'none';\n      document.getElementById('successMessage').style.display = 'block';\n      if (submitButton) {\n        submitButton.removeAttribute('data-email-locked');\n        submitButton.style.display = '';\n      }\n    });\n  });\n})();\n\u003c\/script\u003e\n\n\u003cp\u003e🎁 LIMITED TIME OFFER - Ends September 1st, 2026\u003c\/p\u003e\n\u003cp\u003eGet your own Mystery Crystal Box absolutely FREE! \u003cbr\u003eEach box contains a beautiful 925 sterling silver crystal jewelry piece, \u003cbr\u003ehand-selected for quality and positive energy.\u003c\/p\u003e\n\u003cp\u003e✨ WHAT'S INSIDE:\u003cbr\u003e• Genuine 925 Sterling Silver jewelry\u003cbr\u003e• Natural Crystal Gemstone (Amethyst, Rose Quartz, Citrine, or Clear Quartz)\u003cbr\u003e• Hand-selected for quality\u003cbr\u003e• Beautiful gift packaging\u003c\/p\u003e\n\u003cp\u003e💎 PERFECT FOR:\u003cbr\u003e• Crystal lovers\u003cbr\u003e• Jewelry enthusiasts\u003cbr\u003e• Spiritual seekers\u003cbr\u003e• Gift giving\u003c\/p\u003e\n\u003cp\u003e🚚 SHIPPING:\u003cbr\u003eProduct is 100% FREE - you only pay shipping\u003c\/p\u003e\n\u003cp\u003e🛡️ GUARANTEE:\u003cbr\u003e30-Day Money Back Guarantee - Love it or return it!\u003c\/p\u003e\n\u003cp\u003e⏰ This offer is only available until September 1st, 2026\u003cbr\u003eDon't miss out on this amazing deal!\u003cbr\u003e```\u003c\/p\u003e","brand":"kassia","offers":[{"title":"Default Title","offer_id":64224894058865,"sku":null,"price":0.01,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1023\/3207\/2305\/files\/20aec5ba6f274bf7e80314aeae1c27f0.png?v=1784409365","url":"https:\/\/kassia.vip\/products\/mystery-crystal-box-free-gift-just-pay-shipping","provider":"kassia","version":"1.0","type":"link"}