{"product_id":"leaf-necklace-copper-inlaid-zircon-pendant","title":"Leaf Necklace Copper Inlaid Zircon Pendant","description":"\u003cstyle\u003e\n\/* ===== STYLE SPOTLIGHT — circular photo cluster ===== *\/\n.oj-spotlight {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 30px 10px 20px;\n  margin-bottom: 26px;\n}\n.oj-spot-cluster {\n  position: relative;\n  width: 260px;\n  height: 230px;\n  margin: 0 auto;\n  max-width: 100%;\n}\n.oj-spot-main, .oj-spot-mini {\n  position: absolute;\n  border-radius: 50%;\n  overflow: hidden;\n  border: 2px solid rgba(201,168,76,0.55);\n  box-shadow: 0 0 0 4px rgba(201,168,76,0.08), 0 15px 40px rgba(0,0,0,0.6);\n  background: #0b0a09;\n}\n.oj-spot-main img, .oj-spot-mini img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n.oj-spot-main {\n  width: 150px;\n  height: 150px;\n  left: 55px;\n  top: 15px;\n  z-index: 3;\n}\n.oj-spot-pulse {\n  position: absolute;\n  inset: -2px;\n  border-radius: 50%;\n  border: 2px solid rgba(201,168,76,0.6);\n  opacity: 0;\n  pointer-events: none;\n}\n.oj-spot-pulse.pulse-on {\n  animation: ojPulseRing 1.4s ease-out;\n}\n@keyframes ojPulseRing {\n  0%   { transform: scale(1);   opacity: .8; }\n  100% { transform: scale(1.9); opacity: 0; }\n}\n\n.oj-spot-mini {\n  width: 70px;\n  height: 70px;\n  z-index: 2;\n  opacity: 0;\n  transform: translate(var(--dx), var(--dy)) scale(0.25);\n  cursor: pointer;\n}\n.oj-spot-mini.burst-in {\n  transition: transform 1s cubic-bezier(.34,1.56,.64,1), opacity .6s ease;\n  opacity: 1;\n  transform: translate(0,0) scale(1);\n}\n.oj-spot-mini.floating {\n  animation: ojSpotFloat 3.6s ease-in-out infinite;\n}\n.oj-spot-mini:hover {\n  transform: translate(0,0) scale(1.12) !important;\n  border-color: #c9a84c;\n  box-shadow: 0 0 0 4px rgba(201,168,76,0.2), 0 15px 30px rgba(201,168,76,0.3);\n}\n.oj-spot-mini.active {\n  border-color: #c9a84c;\n  box-shadow: 0 0 0 5px rgba(201,168,76,0.35), 0 15px 30px rgba(201,168,76,0.4);\n}\n\n.oj-spot-mini.v1 { left: 95px; top: 155px; }\n\n@keyframes ojSpotFloat {\n  0%, 100% { transform: translate(0,0); }\n  50% { transform: translate(0,-8px); }\n}\n\n.oj-spot-lines {\n  position: absolute;\n  top: 0; left: 0;\n  width: 100%; height: 100%;\n  z-index: 1;\n  pointer-events: none;\n}\n.oj-line {\n  stroke: rgba(201,168,76,0.55);\n  stroke-width: 1.5;\n  stroke-dasharray: 6 5;\n  stroke-dashoffset: 68;\n  opacity: 0;\n}\n.oj-line.draw {\n  animation: ojLineDraw 1s cubic-bezier(.34,1.56,.64,1) forwards;\n}\n@keyframes ojLineDraw {\n  0%   { stroke-dashoffset: 68; opacity: 0; }\n  10%  { opacity: 1; }\n  100% { stroke-dashoffset: 0; opacity: 1; }\n}\n.oj-line.flow {\n  animation: ojLineFlow 1.3s linear infinite;\n}\n@keyframes ojLineFlow {\n  0%   { stroke-dashoffset: 0; }\n  100% { stroke-dashoffset: -22; }\n}\n\n.oj-spot-tagline {\n  margin-top: 18px;\n  text-align: center;\n  font-size: 17px;\n  font-weight: 600;\n  letter-spacing: 0.03em;\n  line-height: 1.5;\n  background: linear-gradient(135deg, #f0d78c, #c9a84c 55%, #a8843a);\n  -webkit-background-clip: text;\n  background-clip: text;\n  color: transparent;\n}\n.oj-spot-sub {\n  margin-top: 6px;\n  text-align: center;\n  font-size: 12px;\n  color: rgba(240,240,240,0.45);\n  letter-spacing: 0.05em;\n}\n\n@media (max-width: 480px) {\n  .oj-spot-cluster { width: 221px; height: 196px; }\n  .oj-spot-main { width: 128px; height: 128px; left: 47px; top: 13px; }\n  .oj-spot-mini { width: 60px; height: 60px; }\n  .oj-spot-mini.v1 { left: 81px; top: 132px; }\n  .oj-spot-tagline { font-size: 15px; }\n}\n\n.oj-desc {\n  max-width: 860px;\n  margin: 0 auto;\n  color: #f0f0f0;\n  font-family: \"Poppins\", sans-serif;\n  padding: 28px 16px;\n  box-sizing: border-box;\n  overflow-x: hidden;\n  width: 100%;\n}\n.oj-feat-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 10px;\n  margin-bottom: 22px;\n}\n.oj-feat-box {\n  border: 1px solid rgba(201,168,76,0.28);\n  border-radius: 12px;\n  padding: 16px 10px;\n  text-align: center;\n  background: linear-gradient(180deg, #0f0e0c, #080705);\n  font-size: 13px;\n  color: #f0f0f0;\n  line-height: 1.5;\n  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;\n}\n.oj-feat-box:hover {\n  transform: translateY(-4px) scale(1.03);\n  box-shadow: 0 16px 50px rgba(201,168,76,0.18);\n  border-color: rgba(201,168,76,0.55);\n}\n.oj-feat-box span {\n  display: block;\n  font-size: 22px;\n  margin-bottom: 6px;\n}\n.oj-acc-item {\n  border: 1px solid rgba(201,168,76,0.18);\n  border-radius: 12px;\n  margin-bottom: 8px;\n  overflow: hidden;\n  background: #0b0a09;\n}\n.oj-acc-header {\n  padding: 15px 16px;\n  font-size: 14px;\n  color: #c9a84c;\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  transition: background 0.2s ease;\n  letter-spacing: 0.03em;\n}\n.oj-acc-header:hover { background: rgba(201,168,76,0.05); }\n.oj-acc-arrow {\n  transition: transform 0.3s ease;\n  display: inline-block;\n  font-style: normal;\n  font-size: 16px;\n  color: rgba(201,168,76,0.7);\n}\n.oj-acc-content {\n  display: none;\n  padding: 14px 16px;\n  font-size: 13.5px;\n  color: #d4d4d4;\n  line-height: 1.85;\n  border-top: 1px solid rgba(201,168,76,0.1);\n}\n.oj-acc-item.open .oj-acc-content { display: block; }\n.oj-acc-item.open .oj-acc-arrow { transform: rotate(180deg); }\n.oj-spec-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 13px;\n}\n.oj-spec-table tr {\n  border-bottom: 1px solid rgba(201,168,76,0.08);\n}\n.oj-spec-table tr:last-child { border-bottom: none; }\n.oj-spec-table td {\n  padding: 8px 4px;\n  vertical-align: top;\n}\n.oj-spec-table td:first-child {\n  color: #c9a84c;\n  width: 44%;\n  font-weight: 500;\n}\n.oj-spec-table td:last-child { color: #d4d4d4; }\n.oj-highlight-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n.oj-highlight-list li {\n  padding: 8px 0;\n  border-bottom: 1px solid rgba(201,168,76,0.08);\n  font-size: 13.5px;\n  color: #d4d4d4;\n  line-height: 1.75;\n}\n.oj-highlight-list li:last-child { border-bottom: none; }\n.oj-highlight-list li strong {\n  color: #c9a84c;\n  font-weight: 500;\n}\n.oj-delivery {\n  margin-top: 16px;\n  border-radius: 14px;\n  overflow: hidden;\n  border: 1px solid rgba(201,168,76,0.22);\n  background: #0b0a09;\n}\n.oj-delivery-header {\n  padding: 15px 16px;\n  color: #c9a84c;\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-size: 14px;\n  letter-spacing: 0.03em;\n  transition: background 0.2s ease;\n}\n.oj-delivery-header:hover { background: rgba(201,168,76,0.05); }\n.oj-delivery-arrow {\n  transition: transform 0.3s ease;\n  display: inline-block;\n  font-size: 16px;\n  color: rgba(201,168,76,0.7);\n}\n.oj-delivery-body {\n  display: none;\n  padding: 16px;\n  border-top: 1px solid rgba(201,168,76,0.1);\n}\n.oj-delivery.open .oj-delivery-body { display: block; }\n.oj-delivery.open .oj-delivery-arrow { transform: rotate(180deg); }\n.oj-delivery-cards {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 10px;\n}\n.oj-delivery-card {\n  background: rgba(201,168,76,0.06);\n  border: 1px solid rgba(201,168,76,0.22);\n  border-radius: 10px;\n  padding: 14px 16px;\n  text-align: center;\n}\n.oj-delivery-card-days {\n  font-size: 20px;\n  font-weight: 700;\n  color: #c9a84c;\n  letter-spacing: 0.02em;\n  margin-bottom: 4px;\n}\n.oj-delivery-card-label {\n  font-size: 12px;\n  color: rgba(240,240,240,0.55);\n  letter-spacing: 0.04em;\n}\n.oj-delivery-note {\n  margin-top: 12px;\n  font-size: 11.5px;\n  color: rgba(240,240,240,0.35);\n  padding-top: 10px;\n  border-top: 1px solid rgba(255,255,255,0.05);\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"oj-desc\"\u003e\n\n  \u003cdiv class=\"oj-spotlight\"\u003e\n    \u003cdiv class=\"oj-spot-cluster\" id=\"ojSpotCluster\"\u003e\n      \u003csvg class=\"oj-spot-lines\" viewbox=\"0 0 260 230\" preserveaspectratio=\"none\"\u003e\n        \u003cdefs\u003e\n          \u003cmarker id=\"ojArrow\" viewbox=\"0 0 10 10\" refx=\"8\" refy=\"5\" markerwidth=\"6\" markerheight=\"6\" orient=\"auto-start-reverse\"\u003e\n            \u003cpath d=\"M0,0 L10,5 L0,10 z\" fill=\"#c9a84c\"\u003e\u003c\/path\u003e\n          \u003c\/marker\u003e\n        \u003c\/defs\u003e\n        \u003cline class=\"oj-line\" x1=\"130\" y1=\"90\" x2=\"130\" y2=\"155\" marker-end=\"url(#ojArrow)\"\u003e\u003c\/line\u003e\n      \u003c\/svg\u003e\n\n      \u003cdiv class=\"oj-spot-main\" id=\"ojSpotMain\"\u003e\n        \u003cdiv class=\"oj-spot-pulse\"\u003e\u003c\/div\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0795\/2449\/5601\/files\/56103672856.jpg?v=1786661987\" alt=\"Leaf Necklace Copper Inlaid Zircon Pendant\"\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"oj-spot-mini v1\" data-variant-value=\"Silver\" style=\"--dx:0px; --dy:100px;\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0795\/2449\/5601\/files\/15585907044084.jpg?v=1786661987\" alt=\"Silver\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"oj-spot-tagline\"\u003eNature's Elegance, Refined.\u003c\/div\u003e\n    \u003cdiv class=\"oj-spot-sub\"\u003e✦ CHOOSE YOUR SHADE ✦\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"oj-feat-grid\"\u003e\n    \u003cdiv class=\"oj-feat-box\"\u003e\n\u003cspan\u003e🍃\u003c\/span\u003eLeaf Pendant Design\u003c\/div\u003e\n    \u003cdiv class=\"oj-feat-box\"\u003e\n\u003cspan\u003e💎\u003c\/span\u003eInlaid Stone Detail\u003c\/div\u003e\n    \u003cdiv class=\"oj-feat-box\"\u003e\n\u003cspan\u003e🥉\u003c\/span\u003eCopper Material\u003c\/div\u003e\n    \u003cdiv class=\"oj-feat-box\"\u003e\n\u003cspan\u003e📏\u003c\/span\u003e51cm – 80cm Adjustable\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"oj-acc-item\"\u003e\n    \u003cdiv class=\"oj-acc-header\"\u003e✦ About This Necklace\u003ci class=\"oj-acc-arrow\"\u003e⌄\u003c\/i\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"oj-acc-content\"\u003e\n      \u003cul class=\"oj-highlight-list\"\u003e\n        \u003cli\u003e\n\u003cstrong\u003eNature-Inspired Design —\u003c\/strong\u003e A delicate leaf-shaped pendant inlaid with sparkling stone detail. Simple, elegant and effortlessly versatile.\u003c\/li\u003e\n        \u003cli\u003e\n\u003cstrong\u003eQuality Material —\u003c\/strong\u003e Made from copper for a lightweight, comfortable everyday feel.\u003c\/li\u003e\n        \u003cli\u003e\n\u003cstrong\u003eAdjustable Length —\u003c\/strong\u003e Chain ranges from 51cm to 80cm with up to 10cm of extension, so you can wear it exactly how you like.\u003c\/li\u003e\n        \u003cli\u003e\n\u003cstrong\u003eIndividually Packed —\u003c\/strong\u003e Arrives neatly packaged, ready to wear or gift.\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"oj-acc-item\"\u003e\n    \u003cdiv class=\"oj-acc-header\"\u003e📋 Product Details\u003ci class=\"oj-acc-arrow\"\u003e⌄\u003c\/i\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"oj-acc-content\"\u003e\n      \u003ctable class=\"oj-spec-table\"\u003e\n        \u003ctbody\u003e\n          \u003ctr\u003e\n\u003ctd\u003eMaterial\u003c\/td\u003e\n\u003ctd\u003eCopper\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003ctd\u003eTreatment Process\u003c\/td\u003e\n\u003ctd\u003eInlaid Stone\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003ctd\u003eType\u003c\/td\u003e\n\u003ctd\u003eNecklace\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003ctd\u003eStyle\u003c\/td\u003e\n\u003ctd\u003eWomen's\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003ctd\u003ePackaging\u003c\/td\u003e\n\u003ctd\u003eIndividually Packed\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003ctd\u003eExtension Chain\u003c\/td\u003e\n\u003ctd\u003eUp to 10cm\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003ctd\u003ePerimeter\u003c\/td\u003e\n\u003ctd\u003e51cm – 80cm\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003ctd\u003eAttributes\u003c\/td\u003e\n\u003ctd\u003eOrdinary, Thin\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003ctd\u003ePackage Size\u003c\/td\u003e\n\u003ctd\u003e100 × 100 × 30 mm\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003c\/tbody\u003e\n      \u003c\/table\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"oj-delivery\" id=\"ojDeliveryLeaf\"\u003e\n    \u003cdiv class=\"oj-delivery-header\"\u003e\n      \u003cspan\u003e✦ Delivery \u0026amp; Shipping\u003c\/span\u003e \u003ci class=\"oj-delivery-arrow\"\u003e⌄\u003c\/i\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"oj-delivery-body\"\u003e\n      \u003cdiv class=\"oj-delivery-cards\"\u003e\n        \u003cdiv class=\"oj-delivery-card\"\u003e\n          \u003cdiv class=\"oj-delivery-card-days\"\u003e7–20 Days\u003c\/div\u003e\n          \u003cdiv class=\"oj-delivery-card-label\"\u003eWorldwide Delivery\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"oj-delivery-card\"\u003e\n          \u003cdiv class=\"oj-delivery-card-days\"\u003eIncluded\u003c\/div\u003e\n          \u003cdiv class=\"oj-delivery-card-label\"\u003eTracking on Every Order\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"oj-delivery-note\"\u003eTracking number sent to your email once dispatched.\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  document.querySelectorAll('.oj-acc-header').forEach(function(header) {\n    header.addEventListener('click', function() {\n      this.closest('.oj-acc-item').classList.toggle('open');\n    });\n  });\n\n  document.querySelectorAll('.oj-delivery-header').forEach(function(header) {\n    header.addEventListener('click', function() {\n      this.closest('.oj-delivery').classList.toggle('open');\n    });\n  });\n\u003c\/script\u003e\n\n\u003cscript\u003e\n(function(){\n  \/* SPOTLIGHT — burst-out reveal: mini circle hidden behind main,\n     then flies out to position with a dashed line drawing behind it *\/\n  var cluster = document.getElementById('ojSpotCluster');\n  if (!cluster) return;\n\n  var minis = cluster.querySelectorAll('.oj-spot-mini');\n  var lines = cluster.querySelectorAll('.oj-line');\n  var pulse = cluster.querySelector('.oj-spot-pulse');\n\n  setTimeout(function() {\n    if (pulse) pulse.classList.add('pulse-on');\n\n    minis.forEach(function(mini, i) {\n      setTimeout(function() {\n        mini.classList.add('burst-in');\n        if (lines[i]) lines[i].classList.add('draw');\n\n        mini.addEventListener('transitionend', function handler() {\n          mini.classList.add('floating');\n          mini.removeEventListener('transitionend', handler);\n        });\n\n        if (lines[i]) {\n          lines[i].addEventListener('animationend', function lineHandler() {\n            lines[i].classList.remove('draw');\n            lines[i].classList.add('flow');\n            lines[i].removeEventListener('animationend', lineHandler);\n          });\n        }\n      }, i * 150);\n    });\n  }, 300);\n\n  \/* SPOTLIGHT CIRCLE — click to select that color in the buy form above *\/\n  minis.forEach(function(circle) {\n    circle.addEventListener('click', function() {\n      var val = this.dataset.variantValue;\n      if (!val) return;\n\n      var target = document.querySelector('.neo-pill[data-value=\"' + val + '\"]')\n                 || document.querySelector('.neo-variant-swatch[data-value=\"' + val + '\"]')\n                 || document.querySelector('.neo-color-thumb[data-value=\"' + val + '\"]');\n\n      if (target) {\n        target.click();\n\n        minis.forEach(function(c) { c.classList.remove('active'); });\n        this.classList.add('active');\n\n        var buyForm = document.getElementById('neoForm');\n        if (buyForm) {\n          buyForm.scrollIntoView({ behavior: 'smooth', block: 'center' });\n        }\n      }\n    });\n  });\n})();\n\u003c\/script\u003e","brand":"My Store","offers":[{"title":"Silver","offer_id":48551676051697,"sku":"CJZBLXLX24699-Silver","price":35.99,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0795\/2449\/5601\/files\/15585907044084.jpg?v=1786661987","url":"https:\/\/oscarjewels.com\/products\/leaf-necklace-copper-inlaid-zircon-pendant","provider":"Oscar Jewelry","version":"1.0","type":"link"}