{"product_id":"zirconia-branch-leaf","title":"Zirconia Branch Leaf","description":"\u003cdiv class=\"muse-necklace\"\u003e\n\u003cstyle\u003e\n.muse-necklace{\n  --emerald:#073f32;\n  --emerald2:#0b5946;\n  --gold:#c69a48;\n  --gold-light:#e6c982;\n  --cream:#fffaf1;\n  --soft:#f8f1e5;\n  --text:#292522;\n\n  max-width:760px;\n  margin:0 auto;\n  padding:38px 18px;\n  font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;\n  color:var(--text);\n  text-align:center;\n  overflow:hidden;\n  position:relative;\n\n  background:\n    radial-gradient(circle at 10% 10%,rgba(198,154,72,.12),transparent 25%),\n    radial-gradient(circle at 90% 80%,rgba(7,63,50,.08),transparent 30%),\n    linear-gradient(145deg,#fffdf8,#fff9ef);\n\n  border-radius:24px;\n}\n\n.muse-necklace *{box-sizing:border-box;}\n\n\/* Decorative glow *\/\n.muse-necklace:before{\n  content:\"\";\n  position:absolute;\n  width:180px;\n  height:180px;\n  top:-80px;\n  right:-70px;\n  background:rgba(198,154,72,.10);\n  border-radius:50%;\n  filter:blur(25px);\n  animation:museGlow 5s ease-in-out infinite;\n}\n\n\/* SPARKLE *\/\n.muse-sparkle{\n  position:relative;\n  font-size:27px;\n  color:var(--gold);\n  margin-bottom:12px;\n  animation:museSparkle 2s ease-in-out infinite;\n}\n\n\/* TITLE *\/\n.muse-title{\n  position:relative;\n  margin:0;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:clamp(30px,7vw,46px);\n  font-weight:400;\n  line-height:1.08;\n  animation:museFadeUp .8s ease both;\n}\n\n.muse-title .gold{\n  background:linear-gradient(\n    90deg,\n    #8e6728,\n    #d9b760,\n    #f1d996,\n    #a87a30,\n    #d9b760\n  );\n\n  background-size:250% auto;\n  -webkit-background-clip:text;\n  -webkit-text-fill-color:transparent;\n\n  animation:museGoldShimmer 4s linear infinite;\n}\n\n.muse-subtitle{\n  margin:14px auto 0;\n  max-width:560px;\n  font-size:15px;\n  line-height:1.7;\n  color:#71685f;\n  animation:museFadeUp .8s .15s ease both;\n}\n\n\/* DIVIDER *\/\n.muse-divider{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  gap:8px;\n  margin:25px auto;\n  animation:museFadeUp .8s .25s ease both;\n}\n\n.muse-divider:before,\n.muse-divider:after{\n  content:\"\";\n  width:42px;\n  height:1px;\n  background:linear-gradient(90deg,transparent,var(--gold));\n}\n\n.muse-divider:after{\n  background:linear-gradient(90deg,var(--gold),transparent);\n}\n\n.muse-divider span{\n  color:var(--gold);\n  font-size:13px;\n  animation:museSparkle 2.2s infinite;\n}\n\n\/* DESCRIPTION *\/\n.muse-description{\n  max-width:610px;\n  margin:0 auto;\n  font-size:15px;\n  line-height:1.8;\n  color:#4f4942;\n  animation:museFadeUp .8s .3s ease both;\n}\n\n.muse-description strong{\n  color:var(--emerald);\n}\n\n\/* OUTCOME STRIP *\/\n.muse-outcome{\n  max-width:610px;\n  margin:25px auto 0;\n  padding:13px 15px;\n\n  background:linear-gradient(\n    135deg,\n    var(--emerald),\n    var(--emerald2)\n  );\n\n  color:#fff;\n  border:1px solid rgba(198,154,72,.65);\n  border-radius:50px;\n\n  font-size:13px;\n  font-weight:600;\n  letter-spacing:.3px;\n\n  box-shadow:\n    0 8px 25px rgba(7,63,50,.15),\n    inset 0 0 15px rgba(255,255,255,.03);\n\n  animation:museFadeUp .8s .35s ease both;\n}\n\n.muse-outcome span{\n  color:var(--gold-light);\n}\n\n\/* BENEFIT GRID *\/\n.muse-benefits{\n  display:grid;\n  grid-template-columns:repeat(2,1fr);\n  gap:11px;\n  margin:28px auto;\n  max-width:620px;\n}\n\n.muse-benefit{\n  position:relative;\n  padding:20px 12px;\n  border:1px solid rgba(198,154,72,.30);\n  border-radius:16px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255,255,255,.97),\n      rgba(248,241,229,.95)\n    );\n\n  box-shadow:0 5px 18px rgba(61,48,30,.05);\n\n  transition:\n    transform .3s ease,\n    box-shadow .3s ease,\n    border-color .3s ease;\n\n  animation:museFadeUp .7s ease both;\n}\n\n.muse-benefit:before{\n  content:\"\";\n  position:absolute;\n  top:0;\n  left:20%;\n  right:20%;\n  height:1px;\n\n  background:linear-gradient(\n    90deg,\n    transparent,\n    var(--gold),\n    transparent\n  );\n\n  opacity:.65;\n}\n\n.muse-benefit:nth-child(1){animation-delay:.4s;}\n.muse-benefit:nth-child(2){animation-delay:.5s;}\n.muse-benefit:nth-child(3){animation-delay:.6s;}\n.muse-benefit:nth-child(4){animation-delay:.7s;}\n\n.muse-benefit:hover{\n  transform:translateY(-5px);\n  border-color:rgba(198,154,72,.7);\n\n  box-shadow:\n    0 12px 28px rgba(7,63,50,.10),\n    0 3px 10px rgba(198,154,72,.08);\n}\n\n\/* ICON *\/\n.muse-icon{\n  width:45px;\n  height:45px;\n  margin:0 auto 10px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  border-radius:50%;\n\n  background:linear-gradient(\n    145deg,\n    #06392e,\n    #0a5744\n  );\n\n  color:var(--gold-light);\n  border:1px solid var(--gold);\n\n  font-size:20px;\n\n  box-shadow:\n    0 5px 14px rgba(7,63,50,.15),\n    inset 0 0 10px rgba(255,255,255,.05);\n\n  transition:transform .3s ease;\n\n  animation:museIconGlow 3s ease-in-out infinite;\n}\n\n.muse-benefit:hover .muse-icon{\n  transform:scale(1.08) rotate(3deg);\n}\n\n.muse-benefit strong{\n  display:block;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:16px;\n  font-weight:500;\n  margin-bottom:5px;\n  color:var(--emerald);\n}\n\n.muse-benefit span:not(.muse-icon){\n  display:block;\n  font-size:12px;\n  line-height:1.45;\n  color:#766d64;\n}\n\n\/* CLOSING *\/\n.muse-closing{\n  position:relative;\n  max-width:590px;\n  margin:29px auto 0;\n  padding:27px 20px;\n\n  border-radius:19px;\n\n  background:\n    radial-gradient(\n      circle at top right,\n      rgba(198,154,72,.16),\n      transparent 35%\n    ),\n    linear-gradient(\n      135deg,\n      #06392e,\n      #0a4c3c\n    );\n\n  border:1px solid rgba(198,154,72,.75);\n\n  box-shadow:\n    0 12px 30px rgba(7,63,50,.17),\n    inset 0 0 25px rgba(255,255,255,.02);\n\n  animation:museFadeUp .8s .75s ease both;\n}\n\n.muse-closing:before{\n  content:\"✦\";\n  display:block;\n  color:var(--gold-light);\n  font-size:17px;\n  margin-bottom:11px;\n\n  animation:museSparkle 2s infinite;\n}\n\n.muse-closing p{\n  margin:0;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:18px;\n  line-height:1.55;\n  color:#fffaf0;\n}\n\n.muse-closing em{\n  color:var(--gold-light);\n  font-style:italic;\n}\n\n\/* BRAND *\/\n.muse-brand{\n  margin-top:24px;\n  font-size:11px;\n  letter-spacing:2.7px;\n  text-transform:uppercase;\n  color:#9b7434;\n\n  animation:museFadeUp .8s .9s ease both;\n}\n\n\/* ANIMATIONS *\/\n\n@keyframes museFadeUp{\n  from{\n    opacity:0;\n    transform:translateY(18px);\n  }\n  to{\n    opacity:1;\n    transform:translateY(0);\n  }\n}\n\n@keyframes museSparkle{\n  0%,100%{\n    opacity:.55;\n    transform:scale(.9) rotate(0deg);\n  }\n  50%{\n    opacity:1;\n    transform:scale(1.18) rotate(12deg);\n  }\n}\n\n@keyframes museGoldShimmer{\n  0%{background-position:0% center;}\n  100%{background-position:250% center;}\n}\n\n@keyframes museIconGlow{\n  0%,100%{\n    box-shadow:0 5px 14px rgba(7,63,50,.15);\n  }\n  50%{\n    box-shadow:\n      0 5px 18px rgba(7,63,50,.22),\n      0 0 12px rgba(198,154,72,.18);\n  }\n}\n\n@keyframes museGlow{\n  0%,100%{\n    opacity:.45;\n    transform:scale(.9);\n  }\n  50%{\n    opacity:.9;\n    transform:scale(1.15);\n  }\n}\n\n\/* MOBILE *\/\n@media(max-width:480px){\n\n  .muse-necklace{\n    padding:30px 13px;\n    border-radius:18px;\n  }\n\n  .muse-title{\n    font-size:32px;\n  }\n\n  .muse-subtitle,\n  .muse-description{\n    font-size:14px;\n  }\n\n  .muse-description{\n    line-height:1.7;\n  }\n\n  .muse-outcome{\n    border-radius:15px;\n    font-size:12px;\n    padding:12px 10px;\n  }\n\n  .muse-benefits{\n    gap:8px;\n    margin-top:23px;\n  }\n\n  .muse-benefit{\n    padding:17px 8px;\n  }\n\n  .muse-icon{\n    width:40px;\n    height:40px;\n    font-size:18px;\n  }\n\n  .muse-benefit strong{\n    font-size:14px;\n  }\n\n  .muse-benefit span:not(.muse-icon){\n    font-size:11px;\n  }\n\n  .muse-closing{\n    padding:23px 15px;\n  }\n\n  .muse-closing p{\n    font-size:16px;\n  }\n\n  .muse-brand{\n    font-size:10px;\n    letter-spacing:2px;\n  }\n}\n\n@media(max-width:350px){\n  .muse-benefits{\n    grid-template-columns:1fr;\n  }\n}\n\n\/* ACCESSIBILITY *\/\n@media(prefers-reduced-motion:reduce){\n  .muse-necklace *,\n  .muse-necklace:before{\n    animation:none !important;\n    transition:none !important;\n  }\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"muse-sparkle\"\u003e✦\u003c\/div\u003e\n\n\u003ch2 class=\"muse-title\"\u003e\n  Timeless Sparkle.\u003cbr\u003e\n  \u003cspan class=\"gold\"\u003eEffortless Elegance.\u003c\/span\u003e\n\u003c\/h2\u003e\n\n\u003cp class=\"muse-subtitle\"\u003e\n  A delicate statement designed to make every moment shine.\n\u003c\/p\u003e\n\n\u003cdiv class=\"muse-divider\"\u003e\n  \u003cspan\u003e◇\u003c\/span\u003e\n\u003c\/div\u003e\n\n\u003cp class=\"muse-description\"\u003e\n  Designed to catch the light from every angle, this elegant\n  \u003cstrong\u003eZirconia Necklace\u003c\/strong\u003e adds the perfect touch of\n  brilliance to any look. Featuring beautifully cut cubic zirconia,\n  it delivers a luxurious, diamond-inspired sparkle made for\n  \u003cstrong\u003eeveryday elegance and unforgettable occasions.\u003c\/strong\u003e\n\u003c\/p\u003e\n\n\u003cdiv class=\"muse-outcome\"\u003e\n  From everyday simplicity to \u003cspan\u003eeffortless elegance ✦\u003c\/span\u003e\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"muse-benefits\"\u003e\n\n  \u003cdiv class=\"muse-benefit\"\u003e\n    \u003cspan class=\"muse-icon\"\u003e✦\u003c\/span\u003e\n    \u003cstrong\u003eBrilliant Sparkle\u003c\/strong\u003e\n    \u003cspan\u003e\n      Light-catching cubic zirconia designed to shimmer\n      beautifully from every angle.\n    \u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"muse-benefit\"\u003e\n    \u003cspan class=\"muse-icon\"\u003e◇\u003c\/span\u003e\n    \u003cstrong\u003eTimeless Design\u003c\/strong\u003e\n    \u003cspan\u003e\n      An elegant statement that elevates your look\n      without overpowering it.\n    \u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"muse-benefit\"\u003e\n    \u003cspan class=\"muse-icon\"\u003e♡\u003c\/span\u003e\n    \u003cstrong\u003eEffortless Style\u003c\/strong\u003e\n    \u003cspan\u003e\n      From everyday outfits to evenings out —\n      one piece, endless moments.\n    \u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"muse-benefit\"\u003e\n    \u003cspan class=\"muse-icon\"\u003e♢\u003c\/span\u003e\n    \u003cstrong\u003eMade to Gift\u003c\/strong\u003e\n    \u003cspan\u003e\n      A beautiful choice for someone special —\n      including yourself.\n    \u003c\/span\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"muse-closing\"\u003e\n  \u003cp\u003e\n    Wear it alone for understated elegance or layer it with\n    your favourites for a look that's\n    \u003cem\u003euniquely yours.\u003c\/em\u003e\n  \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"muse-brand\"\u003e\n  MUSE \u0026amp; CO. · MADE TO BE NOTICED\n\u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Muse\u0026Co","offers":[{"title":"Default Title","offer_id":52820116734084,"sku":null,"price":149.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1028\/8126\/3748\/files\/Screenshot2026-09-15160817.png?v=1789481411","url":"https:\/\/www.musenco.co.za\/products\/zirconia-branch-leaf","provider":"Muse\u0026Co","version":"1.0","type":"link"}