{"title":"Necklaces","description":null,"products":[{"product_id":"flutter-glow-crystal-butterfly-necklace","title":"Flutter Glow Crystal Butterfly Necklace","description":"\u003cstyle\u003e\n\/* =========================================================\n   YOURSPARK — FLUTTER GLOW CRYSTAL BUTTERFLY NECKLACE\n   Dark Cherry Blossom \/ Premium Y2K\n========================================================= *\/\n\n.ys-necklace {\n  --pink: #f3a9c6;\n  --pink-light: #ffd2e3;\n  --rose: #c6537d;\n  --deep-rose: #7d294d;\n  --text: #fff5f9;\n  --muted: #e7c9d5;\n\n  position: relative;\n  max-width: 920px;\n  margin: 35px auto;\n  font-family: inherit;\n  color: var(--text);\n  overflow: hidden;\n  border-radius: 30px;\n\n  background:\n    radial-gradient(\n      circle at 50% 8%,\n      rgba(255,191,216,.50),\n      transparent 27%\n    ),\n    radial-gradient(\n      circle at 10% 90%,\n      rgba(198,83,125,.32),\n      transparent 35%\n    ),\n    radial-gradient(\n      circle at 90% 70%,\n      rgba(245,145,181,.22),\n      transparent 30%\n    ),\n    linear-gradient(\n      145deg,\n      #3d1426 0%,\n      #641f3b 38%,\n      #8e3458 62%,\n      #431326 100%\n    );\n\n  box-shadow:\n    0 25px 75px rgba(70,15,38,.42);\n}\n\n\n\/* Ambient glow *\/\n\n.ys-necklace::before {\n  content: \"\";\n\n  position: absolute;\n\n  width: 500px;\n  height: 500px;\n\n  top: -270px;\n  left: 50%;\n\n  transform: translateX(-50%);\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(255,224,237,.38),\n      rgba(255,180,211,.12) 40%,\n      transparent 70%\n    );\n\n  filter: blur(8px);\n\n  animation: ysNecklaceAmbient 7s ease-in-out infinite;\n\n  pointer-events: none;\n}\n\n\n\/* Main glass panel *\/\n\n.ys-necklace-card {\n  position: relative;\n  z-index: 2;\n\n  margin: 10px;\n  padding: 38px 30px;\n\n  border-radius: 24px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(91,25,49,.74),\n      rgba(55,12,29,.67)\n    );\n\n  border: 1px solid rgba(255,213,228,.20);\n\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.10),\n    0 15px 45px rgba(30,5,15,.24);\n\n  backdrop-filter: blur(18px);\n  -webkit-backdrop-filter: blur(18px);\n\n  animation: ysNecklaceEnter .8s ease forwards;\n}\n\n\n\/* Butterfly decoration *\/\n\n.ys-necklace-butterfly {\n  position: absolute;\n\n  top: 22px;\n  left: 24px;\n\n  font-size: 24px;\n\n  filter:\n    drop-shadow(0 5px 12px rgba(255,170,205,.28));\n\n  animation:\n    ysNecklaceButterfly 4.5s ease-in-out infinite;\n}\n\n\n\/* Sparkles *\/\n\n.ys-necklace-sparkle {\n  position: absolute;\n\n  color: white;\n\n  text-shadow:\n    0 0 5px white,\n    0 0 12px var(--pink),\n    0 0 22px var(--rose);\n\n  pointer-events: none;\n\n  animation:\n    ysNecklaceSparkle 3s ease-in-out infinite;\n}\n\n.ys-ns1 {\n  top: 27px;\n  right: 17%;\n}\n\n.ys-ns2 {\n  top: 90px;\n  right: 7%;\n  font-size: 10px;\n  animation-delay: .8s;\n}\n\n.ys-ns3 {\n  bottom: 90px;\n  left: 7%;\n  font-size: 12px;\n  animation-delay: 1.4s;\n}\n\n.ys-ns4 {\n  bottom: 30px;\n  right: 15%;\n  font-size: 9px;\n  animation-delay: 2s;\n}\n\n\n\/* Header *\/\n\n.ys-necklace-top-line {\n  width: 70px;\n  height: 2px;\n\n  margin: 0 auto 16px;\n\n  border-radius: 100px;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      var(--pink-light),\n      var(--pink),\n      transparent\n    );\n\n  box-shadow:\n    0 0 12px rgba(255,185,215,.40);\n\n  animation: ysNecklaceLine 3s ease-in-out infinite;\n}\n\n\n.ys-necklace-label {\n  text-align: center;\n\n  margin-bottom: 8px;\n\n  font-size: 9px;\n  font-weight: 700;\n\n  letter-spacing: 2.8px;\n\n  text-transform: uppercase;\n\n  color: var(--pink-light);\n}\n\n\n\/* Title *\/\n\n.ys-necklace-title {\n  margin: 0;\n\n  text-align: center;\n\n  font-size: clamp(30px, 5vw, 46px);\n\n  line-height: 1.05;\n\n  font-weight: 700;\n\n  letter-spacing: -1.5px;\n\n  color: #fff;\n}\n\n\n.ys-necklace-title span {\n  background:\n    linear-gradient(\n      90deg,\n      #f4a8c5,\n      #ffd4e5,\n      #ffffff,\n      #f19bbd,\n      #ffd4e5,\n      #f4a8c5\n    );\n\n  background-size: 300% auto;\n\n  -webkit-background-clip: text;\n  background-clip: text;\n\n  -webkit-text-fill-color: transparent;\n\n  animation: ysNecklaceShimmer 5s linear infinite;\n}\n\n\n\/* Subtitle *\/\n\n.ys-necklace-subtitle {\n  max-width: 620px;\n\n  margin: 11px auto 0;\n\n  text-align: center;\n\n  color: var(--muted);\n\n  font-size: 14px;\n\n  line-height: 1.6;\n}\n\n\n\/* Divider *\/\n\n.ys-necklace-divider {\n  width: 90px;\n  height: 1px;\n\n  margin: 18px auto;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      var(--pink),\n      transparent\n    );\n\n  box-shadow:\n    0 0 10px rgba(243,169,198,.30);\n}\n\n\n\/* Product story *\/\n\n.ys-necklace-story {\n  max-width: 720px;\n\n  margin: 0 auto;\n\n  text-align: center;\n\n  color: #f1dce5;\n\n  font-size: 14px;\n\n  line-height: 1.72;\n}\n\n\n.ys-necklace-story strong {\n  color: #ffd0e2;\n\n  font-weight: 700;\n}\n\n\n\/* Features *\/\n\n.ys-necklace-features {\n  display: grid;\n\n  grid-template-columns: repeat(2, 1fr);\n\n  gap: 10px;\n\n  margin-top: 21px;\n}\n\n\n.ys-necklace-feature {\n  display: flex;\n\n  align-items: center;\n\n  gap: 11px;\n\n  padding: 14px;\n\n  border-radius: 16px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255,197,220,.09),\n      rgba(255,255,255,.03)\n    );\n\n  border: 1px solid rgba(255,204,224,.13);\n\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.04);\n\n  transition:\n    transform .3s ease,\n    background .3s ease,\n    border-color .3s ease;\n\n  opacity: 0;\n\n  animation: ysNecklaceFeature .7s ease forwards;\n}\n\n\n.ys-necklace-feature:nth-child(1) {\n  animation-delay: .10s;\n}\n\n.ys-necklace-feature:nth-child(2) {\n  animation-delay: .20s;\n}\n\n.ys-necklace-feature:nth-child(3) {\n  animation-delay: .30s;\n}\n\n.ys-necklace-feature:nth-child(4) {\n  animation-delay: .40s;\n}\n\n\n.ys-necklace-feature:hover {\n  transform: translateY(-3px);\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255,197,220,.15),\n      rgba(255,255,255,.05)\n    );\n\n  border-color:\n    rgba(255,204,224,.25);\n}\n\n\n\/* Feature icons *\/\n\n.ys-necklace-icon {\n  width: 36px;\n  height: 36px;\n\n  flex: 0 0 36px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 50%;\n\n  background:\n    linear-gradient(\n      145deg,\n      #ffd9e8,\n      #c85a82\n    );\n\n  color: #56152f;\n\n  box-shadow:\n    0 4px 15px rgba(243,169,198,.20);\n\n  font-size: 14px;\n}\n\n\n.ys-necklace-feature-text {\n  font-size: 12px;\n\n  line-height: 1.4;\n\n  color: #f5e7ed;\n}\n\n\n.ys-necklace-feature-text strong {\n  color: #fff;\n}\n\n\n\/* Emotional section *\/\n\n.ys-necklace-emotion {\n  position: relative;\n\n  margin-top: 21px;\n\n  padding: 22px 18px;\n\n  text-align: center;\n\n  border-radius: 20px;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(238,133,170,.22),\n      rgba(133,38,75,.42)\n    );\n\n  border:\n    1px solid rgba(255,204,224,.16);\n\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.05),\n    0 10px 30px rgba(25,4,13,.18);\n\n  overflow: hidden;\n}\n\n\n.ys-necklace-emotion::before {\n  content: \"✦\";\n\n  position: absolute;\n\n  top: 8px;\n  left: 17px;\n\n  color: rgba(255,215,230,.50);\n\n  font-size: 16px;\n\n  animation: ysNecklaceTwinkle 2s infinite;\n}\n\n\n.ys-necklace-emotion::after {\n  content: \"✦\";\n\n  position: absolute;\n\n  bottom: 8px;\n  right: 17px;\n\n  color: rgba(255,215,230,.50);\n\n  font-size: 13px;\n\n  animation: ysNecklaceTwinkle 2s infinite .8s;\n}\n\n\n.ys-necklace-emotion-main {\n  margin: 0;\n\n  font-size: 17px;\n\n  line-height: 1.45;\n\n  font-weight: 650;\n\n  color: #fff;\n}\n\n\n.ys-necklace-emotion-main strong {\n  color: #ffd0e2;\n}\n\n\n.ys-necklace-emotion-small {\n  margin: 6px 0 0;\n\n  font-size: 9px;\n\n  letter-spacing: 1.8px;\n\n  text-transform: uppercase;\n\n  color: #e9c4d2;\n}\n\n\n\/* Gift *\/\n\n.ys-necklace-gift {\n  text-align: center;\n\n  margin-top: 13px;\n\n  color: #dcb9c7;\n\n  font-size: 11px;\n}\n\n\n.ys-necklace-gift strong {\n  color: #ffd0e2;\n}\n\n\n\/* Care *\/\n\n.ys-necklace-care {\n  margin-top: 14px;\n\n  padding-top: 12px;\n\n  border-top:\n    1px solid rgba(255,255,255,.08);\n}\n\n\n.ys-necklace-care summary {\n  cursor: pointer;\n\n  list-style: none;\n\n  text-align: center;\n\n  font-size: 9px;\n\n  letter-spacing: 1.4px;\n\n  text-transform: uppercase;\n\n  color: #c8a7b5;\n}\n\n\n.ys-necklace-care summary::-webkit-details-marker {\n  display: none;\n}\n\n\n.ys-necklace-care summary:hover {\n  color: var(--pink-light);\n}\n\n\n.ys-necklace-care-text {\n  max-width: 650px;\n\n  margin: 11px auto 0;\n\n  text-align: center;\n\n  font-size: 10px;\n\n  line-height: 1.6;\n\n  color: #bfa0ae;\n}\n\n\n\/* Animations *\/\n\n@keyframes ysNecklaceEnter {\n  from {\n    opacity: 0;\n    transform: translateY(16px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\n@keyframes ysNecklaceFeature {\n  from {\n    opacity: 0;\n    transform: translateY(10px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\n@keyframes ysNecklaceButterfly {\n  0%, 100% {\n    transform:\n      translateY(0)\n      rotate(-4deg);\n  }\n\n  50% {\n    transform:\n      translateY(-8px)\n      rotate(4deg);\n  }\n}\n\n\n@keyframes ysNecklaceSparkle {\n  0%, 100% {\n    opacity: .25;\n\n    transform:\n      scale(.7)\n      rotate(0deg);\n  }\n\n  50% {\n    opacity: 1;\n\n    transform:\n      scale(1.3)\n      rotate(45deg);\n  }\n}\n\n\n@keyframes ysNecklaceTwinkle {\n  0%, 100% {\n    opacity: .3;\n    transform: scale(.8);\n  }\n\n  50% {\n    opacity: 1;\n    transform: scale(1.25);\n  }\n}\n\n\n@keyframes ysNecklaceShimmer {\n  0% {\n    background-position: 0% center;\n  }\n\n  100% {\n    background-position: 300% center;\n  }\n}\n\n\n@keyframes ysNecklaceAmbient {\n  0%, 100% {\n    transform:\n      translateX(-50%)\n      scale(1);\n\n    opacity: .7;\n  }\n\n  50% {\n    transform:\n      translateX(-50%)\n      scale(1.12);\n\n    opacity: 1;\n  }\n}\n\n\n@keyframes ysNecklaceLine {\n  0%, 100% {\n    transform: scaleX(.7);\n  }\n\n  50% {\n    transform: scaleX(1);\n  }\n}\n\n\n\/* Mobile *\/\n\n@media (max-width: 600px) {\n\n  .ys-necklace {\n    border-radius: 23px;\n  }\n\n  .ys-necklace-card {\n    margin: 7px;\n    padding: 32px 16px;\n    border-radius: 19px;\n  }\n\n  .ys-necklace-title {\n    font-size: 32px;\n  }\n\n  .ys-necklace-subtitle {\n    font-size: 13px;\n  }\n\n  .ys-necklace-story {\n    font-size: 13px;\n    line-height: 1.68;\n  }\n\n  .ys-necklace-features {\n    grid-template-columns: 1fr;\n    gap: 9px;\n  }\n\n  .ys-necklace-feature {\n    padding: 13px;\n  }\n\n  .ys-necklace-butterfly {\n    top: 15px;\n    left: 15px;\n    font-size: 19px;\n  }\n\n  .ys-necklace-emotion {\n    padding: 20px 16px;\n  }\n\n  .ys-necklace-emotion-main {\n    font-size: 16px;\n  }\n}\n\n\n\/* Accessibility *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .ys-necklace *,\n  .ys-necklace::before {\n    animation: none !important;\n    transition: none !important;\n  }\n\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"ys-necklace\"\u003e\n\n  \u003cdiv class=\"ys-necklace-card\"\u003e\n\n    \u003c!-- Decorative butterfly --\u003e\n    \u003cdiv class=\"ys-necklace-butterfly\"\u003e🦋\u003c\/div\u003e\n\n    \u003c!-- Sparkles --\u003e\n    \u003cdiv class=\"ys-necklace-sparkle ys-ns1\"\u003e✦\u003c\/div\u003e\n    \u003cdiv class=\"ys-necklace-sparkle ys-ns2\"\u003e✧\u003c\/div\u003e\n    \u003cdiv class=\"ys-necklace-sparkle ys-ns3\"\u003e✦\u003c\/div\u003e\n    \u003cdiv class=\"ys-necklace-sparkle ys-ns4\"\u003e✧\u003c\/div\u003e\n\n\n    \u003c!-- Header --\u003e\n\n    \u003cdiv class=\"ys-necklace-top-line\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"ys-necklace-label\"\u003e\n      YourSpark · Y2K Collection\n    \u003c\/div\u003e\n\n\n    \u003ch2 class=\"ys-necklace-title\"\u003e\n      \u003cspan\u003eFlutter Glow\u003c\/span\u003e 🦋\n    \u003c\/h2\u003e\n\n\n    \u003cp class=\"ys-necklace-subtitle\"\u003e\n      Wear your spark around your neck. ✨\n    \u003c\/p\u003e\n\n\n    \u003cdiv class=\"ys-necklace-divider\"\u003e\u003c\/div\u003e\n\n\n    \u003c!-- Product description --\u003e\n\n    \u003cdiv class=\"ys-necklace-story\"\u003e\n\n      Meet the\n      \u003cstrong\u003eFlutter Glow Crystal Butterfly Necklace\u003c\/strong\u003e —\n      a delicate stainless steel chain finished with a tiny\n      crystal butterfly pendant that catches the light with\n      every move.\n\n      \u003cbr\u003e\u003cbr\u003e\n\n      Minimal, magical and completely Y2K, it's the kind of\n      piece that adds just enough sparkle without ever\n      overpowering your look.\n\n      \u003cbr\u003e\u003cbr\u003e\n\n      Layer it with your other YourSpark favourites or let it\n      shine on its own. However you wear it, it's the finishing\n      touch that brings your outfit together and makes you feel\n      \u003cstrong\u003epretty, confident and effortlessly you.\u003c\/strong\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- Features --\u003e\n\n    \u003cdiv class=\"ys-necklace-features\"\u003e\n\n      \u003cdiv class=\"ys-necklace-feature\"\u003e\n\n        \u003cdiv class=\"ys-necklace-icon\"\u003e\n          🦋\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"ys-necklace-feature-text\"\u003e\n          \u003cstrong\u003eCrystal Butterfly Pendant\u003c\/strong\u003e\u003cbr\u003e\n          A delicate detail that catches the light\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"ys-necklace-feature\"\u003e\n\n        \u003cdiv class=\"ys-necklace-icon\"\u003e\n          ✨\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"ys-necklace-feature-text\"\u003e\n          \u003cstrong\u003eStainless Steel Chain\u003c\/strong\u003e\u003cbr\u003e\n          Sleek, durable and easy to style\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"ys-necklace-feature\"\u003e\n\n        \u003cdiv class=\"ys-necklace-icon\"\u003e\n          🌸\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"ys-necklace-feature-text\"\u003e\n          \u003cstrong\u003eLightweight Feel\u003c\/strong\u003e\u003cbr\u003e\n          Comfortable enough for everyday wear\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"ys-necklace-feature\"\u003e\n\n        \u003cdiv class=\"ys-necklace-icon\"\u003e\n          💎\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"ys-necklace-feature-text\"\u003e\n          \u003cstrong\u003eEveryday Y2K Sparkle\u003c\/strong\u003e\u003cbr\u003e\n          Easy to wear solo or layer with your favourites\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- Emotional section --\u003e\n\n    \u003cdiv class=\"ys-necklace-emotion\"\u003e\n\n      \u003cp class=\"ys-necklace-emotion-main\"\u003e\n        Not just a necklace —\n        \u003cstrong\u003ea little reminder to wear your spark.\u003c\/strong\u003e\n      \u003c\/p\u003e\n\n      \u003cp class=\"ys-necklace-emotion-small\"\u003e\n        Find your spark · Wear your story\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- Gift --\u003e\n\n    \u003cdiv class=\"ys-necklace-gift\"\u003e\n\n      🎁 Perfect for gifting ·\n      \u003cstrong\u003eor keeping for yourself\u003c\/strong\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- Care --\u003e\n\n    \u003cdetails class=\"ys-necklace-care\"\u003e\n\n      \u003csummary\u003e\n        Care \u0026amp; Materials · Click to view\n      \u003c\/summary\u003e\n\n      \u003cdiv class=\"ys-necklace-care-text\"\u003e\n\n        Stainless steel chain with crystal butterfly\n        embellishment. Avoid prolonged exposure to water,\n        perfume, lotions and harsh chemicals to help maintain\n        its appearance. Not suitable for those with metal\n        sensitivities.\n\n      \u003c\/div\u003e\n\n    \u003c\/details\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"YourSpark","offers":[{"title":"Default Title","offer_id":53795850453275,"sku":"YS-NECK-BUTTERFLY-001","price":629.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1045\/6547\/3563\/files\/image_01314780-4503-456b-a77f-06a1b6c2c18c.png?v=1787177825"},{"product_id":"chain-daisy","title":"Chain Daisy - Layered Daisy Necklace","description":"\u003cstyle\u003e\n\/* =========================================================\n   YOURSPARK — DAISY CHAIN LAYERED NECKLACE\n   Dark Cherry Blossom \/ Premium Y2K\n========================================================= *\/\n\n.ys-daisy {\n  --pink: #f3a9c6;\n  --pink-light: #ffd2e3;\n  --rose: #c6537d;\n  --deep-rose: #7d294d;\n  --text: #fff5f9;\n  --muted: #e7c9d5;\n\n  position: relative;\n  max-width: 920px;\n  margin: 35px auto;\n  font-family: inherit;\n  color: var(--text);\n  overflow: hidden;\n  border-radius: 30px;\n\n  background:\n    radial-gradient(\n      circle at 50% 8%,\n      rgba(255,191,216,.50),\n      transparent 27%\n    ),\n    radial-gradient(\n      circle at 10% 90%,\n      rgba(198,83,125,.32),\n      transparent 35%\n    ),\n    radial-gradient(\n      circle at 90% 70%,\n      rgba(245,145,181,.22),\n      transparent 30%\n    ),\n    linear-gradient(\n      145deg,\n      #3d1426 0%,\n      #641f3b 38%,\n      #8e3458 62%,\n      #431326 100%\n    );\n\n  box-shadow:\n    0 25px 75px rgba(70,15,38,.42);\n}\n\n\n\/* Ambient glow *\/\n\n.ys-daisy::before {\n  content: \"\";\n\n  position: absolute;\n\n  width: 500px;\n  height: 500px;\n\n  top: -270px;\n  left: 50%;\n\n  transform: translateX(-50%);\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(255,224,237,.38),\n      rgba(255,180,211,.12) 40%,\n      transparent 70%\n    );\n\n  filter: blur(8px);\n\n  animation: ysDaisyAmbient 7s ease-in-out infinite;\n\n  pointer-events: none;\n}\n\n\n\/* Main panel *\/\n\n.ys-daisy-card {\n  position: relative;\n  z-index: 2;\n\n  margin: 10px;\n  padding: 38px 30px;\n\n  border-radius: 24px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(91,25,49,.74),\n      rgba(55,12,29,.67)\n    );\n\n  border: 1px solid rgba(255,213,228,.20);\n\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.10),\n    0 15px 45px rgba(30,5,15,.24);\n\n  backdrop-filter: blur(18px);\n  -webkit-backdrop-filter: blur(18px);\n\n  animation: ysDaisyEnter .8s ease forwards;\n}\n\n\n\/* Daisy decoration *\/\n\n.ys-daisy-flower {\n  position: absolute;\n\n  top: 21px;\n  left: 23px;\n\n  font-size: 24px;\n\n  filter:\n    drop-shadow(0 5px 12px rgba(255,170,205,.28));\n\n  animation:\n    ysDaisyFloat 4.5s ease-in-out infinite;\n}\n\n\n\/* Sparkles *\/\n\n.ys-daisy-sparkle {\n  position: absolute;\n\n  color: white;\n\n  text-shadow:\n    0 0 5px white,\n    0 0 12px var(--pink),\n    0 0 22px var(--rose);\n\n  pointer-events: none;\n\n  animation:\n    ysDaisySparkle 3s ease-in-out infinite;\n}\n\n.ys-ds1 {\n  top: 27px;\n  right: 17%;\n}\n\n.ys-ds2 {\n  top: 90px;\n  right: 7%;\n  font-size: 10px;\n  animation-delay: .8s;\n}\n\n.ys-ds3 {\n  bottom: 90px;\n  left: 7%;\n  font-size: 12px;\n  animation-delay: 1.4s;\n}\n\n.ys-ds4 {\n  bottom: 30px;\n  right: 15%;\n  font-size: 9px;\n  animation-delay: 2s;\n}\n\n\n\/* Header *\/\n\n.ys-daisy-top-line {\n  width: 70px;\n  height: 2px;\n\n  margin: 0 auto 16px;\n\n  border-radius: 100px;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      var(--pink-light),\n      var(--pink),\n      transparent\n    );\n\n  box-shadow:\n    0 0 12px rgba(255,185,215,.40);\n\n  animation: ysDaisyLine 3s ease-in-out infinite;\n}\n\n\n.ys-daisy-label {\n  text-align: center;\n\n  margin-bottom: 8px;\n\n  font-size: 9px;\n  font-weight: 700;\n\n  letter-spacing: 2.8px;\n\n  text-transform: uppercase;\n\n  color: var(--pink-light);\n}\n\n\n\/* Title *\/\n\n.ys-daisy-title {\n  margin: 0;\n\n  text-align: center;\n\n  font-size: clamp(30px, 5vw, 46px);\n\n  line-height: 1.05;\n\n  font-weight: 700;\n\n  letter-spacing: -1.5px;\n\n  color: #fff;\n}\n\n\n.ys-daisy-title span {\n  background:\n    linear-gradient(\n      90deg,\n      #f4a8c5,\n      #ffd4e5,\n      #ffffff,\n      #f19bbd,\n      #ffd4e5,\n      #f4a8c5\n    );\n\n  background-size: 300% auto;\n\n  -webkit-background-clip: text;\n  background-clip: text;\n\n  -webkit-text-fill-color: transparent;\n\n  animation: ysDaisyShimmer 5s linear infinite;\n}\n\n\n\/* Subtitle *\/\n\n.ys-daisy-subtitle {\n  max-width: 650px;\n\n  margin: 11px auto 0;\n\n  text-align: center;\n\n  color: var(--muted);\n\n  font-size: 14px;\n\n  line-height: 1.6;\n}\n\n\n\/* Divider *\/\n\n.ys-daisy-divider {\n  width: 90px;\n  height: 1px;\n\n  margin: 18px auto;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      var(--pink),\n      transparent\n    );\n\n  box-shadow:\n    0 0 10px rgba(243,169,198,.30);\n}\n\n\n\/* Product description *\/\n\n.ys-daisy-story {\n  max-width: 720px;\n\n  margin: 0 auto;\n\n  text-align: center;\n\n  color: #f1dce5;\n\n  font-size: 14px;\n\n  line-height: 1.72;\n}\n\n\n.ys-daisy-story strong {\n  color: #ffd0e2;\n\n  font-weight: 700;\n}\n\n\n\/* Features *\/\n\n.ys-daisy-features {\n  display: grid;\n\n  grid-template-columns: repeat(2, 1fr);\n\n  gap: 10px;\n\n  margin-top: 21px;\n}\n\n\n.ys-daisy-feature {\n  display: flex;\n\n  align-items: center;\n\n  gap: 11px;\n\n  padding: 14px;\n\n  border-radius: 16px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255,197,220,.09),\n      rgba(255,255,255,.03)\n    );\n\n  border: 1px solid rgba(255,204,224,.13);\n\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.04);\n\n  transition:\n    transform .3s ease,\n    background .3s ease,\n    border-color .3s ease;\n\n  opacity: 0;\n\n  animation: ysDaisyFeature .7s ease forwards;\n}\n\n\n.ys-daisy-feature:nth-child(1) {\n  animation-delay: .10s;\n}\n\n.ys-daisy-feature:nth-child(2) {\n  animation-delay: .20s;\n}\n\n.ys-daisy-feature:nth-child(3) {\n  animation-delay: .30s;\n}\n\n.ys-daisy-feature:nth-child(4) {\n  animation-delay: .40s;\n}\n\n\n.ys-daisy-feature:hover {\n  transform: translateY(-3px);\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255,197,220,.15),\n      rgba(255,255,255,.05)\n    );\n\n  border-color:\n    rgba(255,204,224,.25);\n}\n\n\n\/* Icons *\/\n\n.ys-daisy-icon {\n  width: 36px;\n  height: 36px;\n\n  flex: 0 0 36px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 50%;\n\n  background:\n    linear-gradient(\n      145deg,\n      #ffd9e8,\n      #c85a82\n    );\n\n  color: #56152f;\n\n  box-shadow:\n    0 4px 15px rgba(243,169,198,.20);\n\n  font-size: 14px;\n}\n\n\n.ys-daisy-feature-text {\n  font-size: 12px;\n\n  line-height: 1.4;\n\n  color: #f5e7ed;\n}\n\n\n.ys-daisy-feature-text strong {\n  color: #fff;\n}\n\n\n\/* Emotional section *\/\n\n.ys-daisy-emotion {\n  position: relative;\n\n  margin-top: 21px;\n\n  padding: 22px 18px;\n\n  text-align: center;\n\n  border-radius: 20px;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(238,133,170,.22),\n      rgba(133,38,75,.42)\n    );\n\n  border:\n    1px solid rgba(255,204,224,.16);\n\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.05),\n    0 10px 30px rgba(25,4,13,.18);\n\n  overflow: hidden;\n}\n\n\n.ys-daisy-emotion::before {\n  content: \"✦\";\n\n  position: absolute;\n\n  top: 8px;\n  left: 17px;\n\n  color: rgba(255,215,230,.50);\n\n  font-size: 16px;\n\n  animation: ysDaisyTwinkle 2s infinite;\n}\n\n\n.ys-daisy-emotion::after {\n  content: \"✦\";\n\n  position: absolute;\n\n  bottom: 8px;\n  right: 17px;\n\n  color: rgba(255,215,230,.50);\n\n  font-size: 13px;\n\n  animation: ysDaisyTwinkle 2s infinite .8s;\n}\n\n\n.ys-daisy-emotion-main {\n  margin: 0;\n\n  font-size: 17px;\n\n  line-height: 1.45;\n\n  font-weight: 650;\n\n  color: #fff;\n}\n\n\n.ys-daisy-emotion-main strong {\n  color: #ffd0e2;\n}\n\n\n.ys-daisy-emotion-small {\n  margin: 6px 0 0;\n\n  font-size: 9px;\n\n  letter-spacing: 1.8px;\n\n  text-transform: uppercase;\n\n  color: #e9c4d2;\n}\n\n\n\/* Gift *\/\n\n.ys-daisy-gift {\n  text-align: center;\n\n  margin-top: 13px;\n\n  color: #dcb9c7;\n\n  font-size: 11px;\n}\n\n\n.ys-daisy-gift strong {\n  color: #ffd0e2;\n}\n\n\n\/* Care *\/\n\n.ys-daisy-care {\n  margin-top: 14px;\n\n  padding-top: 12px;\n\n  border-top:\n    1px solid rgba(255,255,255,.08);\n}\n\n\n.ys-daisy-care summary {\n  cursor: pointer;\n\n  list-style: none;\n\n  text-align: center;\n\n  font-size: 9px;\n\n  letter-spacing: 1.4px;\n\n  text-transform: uppercase;\n\n  color: #c8a7b5;\n}\n\n\n.ys-daisy-care summary::-webkit-details-marker {\n  display: none;\n}\n\n\n.ys-daisy-care summary:hover {\n  color: var(--pink-light);\n}\n\n\n.ys-daisy-care-text {\n  max-width: 650px;\n\n  margin: 11px auto 0;\n\n  text-align: center;\n\n  font-size: 10px;\n\n  line-height: 1.6;\n\n  color: #bfa0ae;\n}\n\n\n\/* Animations *\/\n\n@keyframes ysDaisyEnter {\n  from {\n    opacity: 0;\n    transform: translateY(16px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\n@keyframes ysDaisyFeature {\n  from {\n    opacity: 0;\n    transform: translateY(10px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\n@keyframes ysDaisyFloat {\n  0%, 100% {\n    transform:\n      translateY(0)\n      rotate(-4deg);\n  }\n\n  50% {\n    transform:\n      translateY(-8px)\n      rotate(4deg);\n  }\n}\n\n\n@keyframes ysDaisySparkle {\n  0%, 100% {\n    opacity: .25;\n\n    transform:\n      scale(.7)\n      rotate(0deg);\n  }\n\n  50% {\n    opacity: 1;\n\n    transform:\n      scale(1.3)\n      rotate(45deg);\n  }\n}\n\n\n@keyframes ysDaisyTwinkle {\n  0%, 100% {\n    opacity: .3;\n    transform: scale(.8);\n  }\n\n  50% {\n    opacity: 1;\n    transform: scale(1.25);\n  }\n}\n\n\n@keyframes ysDaisyShimmer {\n  0% {\n    background-position: 0% center;\n  }\n\n  100% {\n    background-position: 300% center;\n  }\n}\n\n\n@keyframes ysDaisyAmbient {\n  0%, 100% {\n    transform:\n      translateX(-50%)\n      scale(1);\n\n    opacity: .7;\n  }\n\n  50% {\n    transform:\n      translateX(-50%)\n      scale(1.12);\n\n    opacity: 1;\n  }\n}\n\n\n@keyframes ysDaisyLine {\n  0%, 100% {\n    transform: scaleX(.7);\n  }\n\n  50% {\n    transform: scaleX(1);\n  }\n}\n\n\n\/* Mobile *\/\n\n@media (max-width: 600px) {\n\n  .ys-daisy {\n    border-radius: 23px;\n  }\n\n  .ys-daisy-card {\n    margin: 7px;\n    padding: 32px 16px;\n    border-radius: 19px;\n  }\n\n  .ys-daisy-title {\n    font-size: 32px;\n  }\n\n  .ys-daisy-subtitle {\n    font-size: 13px;\n  }\n\n  .ys-daisy-story {\n    font-size: 13px;\n    line-height: 1.68;\n  }\n\n  .ys-daisy-features {\n    grid-template-columns: 1fr;\n    gap: 9px;\n  }\n\n  .ys-daisy-feature {\n    padding: 13px;\n  }\n\n  .ys-daisy-flower {\n    top: 15px;\n    left: 15px;\n    font-size: 19px;\n  }\n\n  .ys-daisy-emotion {\n    padding: 20px 16px;\n  }\n\n  .ys-daisy-emotion-main {\n    font-size: 16px;\n  }\n}\n\n\n\/* Accessibility *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .ys-daisy *,\n  .ys-daisy::before {\n    animation: none !important;\n    transition: none !important;\n  }\n\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"ys-daisy\"\u003e\n\n  \u003cdiv class=\"ys-daisy-card\"\u003e\n\n    \u003c!-- Decorative flower --\u003e\n    \u003cdiv class=\"ys-daisy-flower\"\u003e🌼\u003c\/div\u003e\n\n    \u003c!-- Sparkles --\u003e\n    \u003cdiv class=\"ys-daisy-sparkle ys-ds1\"\u003e✦\u003c\/div\u003e\n    \u003cdiv class=\"ys-daisy-sparkle ys-ds2\"\u003e✧\u003c\/div\u003e\n    \u003cdiv class=\"ys-daisy-sparkle ys-ds3\"\u003e✦\u003c\/div\u003e\n    \u003cdiv class=\"ys-daisy-sparkle ys-ds4\"\u003e✧\u003c\/div\u003e\n\n\n    \u003c!-- Header --\u003e\n\n    \u003cdiv class=\"ys-daisy-top-line\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"ys-daisy-label\"\u003e\n      YourSpark · Y2K Collection\n    \u003c\/div\u003e\n\n\n    \u003ch2 class=\"ys-daisy-title\"\u003e\n      \u003cspan\u003eDaisy Chain\u003c\/span\u003e 🌼\n    \u003c\/h2\u003e\n\n\n    \u003cp class=\"ys-daisy-subtitle\"\u003e\n      A little 2000s nostalgia,\n      wrapped around your neck. ✨\n    \u003c\/p\u003e\n\n\n    \u003cdiv class=\"ys-daisy-divider\"\u003e\u003c\/div\u003e\n\n\n    \u003c!-- Product description --\u003e\n\n    \u003cdiv class=\"ys-daisy-story\"\u003e\n\n      Turn every outfit into a garden moment with our\n      \u003cstrong\u003eDaisy Chain Layered Necklace\u003c\/strong\u003e —\n      a dreamy Y2K-inspired piece made for anyone who\n      loves a little nostalgia with their sparkle.\n\n      \u003cbr\u003e\u003cbr\u003e\n\n      This double-layer beauty pairs a delicate\n      \u003cstrong\u003estainless steel chain\u003c\/strong\u003e with a full\n      daisy-link choker, finished with a sweet single\n      daisy pendant that sits just below.\n\n      \u003cbr\u003e\u003cbr\u003e\n\n      It's the kind of necklace that makes you feel like\n      you stepped straight out of a 2000s teen magazine —\n      effortless, playful and completely unforgettable.\n\n      \u003cbr\u003e\u003cbr\u003e\n\n      Style it with a baby tee, a denim mini, or your favourite\n      Y2K co-ord and let this little statement piece do the talking. ✨\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- Features --\u003e\n\n    \u003cdiv class=\"ys-daisy-features\"\u003e\n\n      \u003cdiv class=\"ys-daisy-feature\"\u003e\n\n        \u003cdiv class=\"ys-daisy-icon\"\u003e\n          🌼\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"ys-daisy-feature-text\"\u003e\n          \u003cstrong\u003eDouble-Layer Design\u003c\/strong\u003e\u003cbr\u003e\n          Daisy-link choker with a delicate pendant chain\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"ys-daisy-feature\"\u003e\n\n        \u003cdiv class=\"ys-daisy-icon\"\u003e\n          🌸\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"ys-daisy-feature-text\"\u003e\n          \u003cstrong\u003eWhite Enamel Daisies\u003c\/strong\u003e\u003cbr\u003e\n          Finished with sweet yellow centres\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"ys-daisy-feature\"\u003e\n\n        \u003cdiv class=\"ys-daisy-icon\"\u003e\n          ✨\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"ys-daisy-feature-text\"\u003e\n          \u003cstrong\u003eStainless Steel\u003c\/strong\u003e\u003cbr\u003e\n          Durable and made for everyday styling\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"ys-daisy-feature\"\u003e\n\n        \u003cdiv class=\"ys-daisy-icon\"\u003e\n          ♡\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"ys-daisy-feature-text\"\u003e\n          \u003cstrong\u003eAdjustable Fit\u003c\/strong\u003e\u003cbr\u003e\n          Lobster clasp with extension chain\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- Emotional section --\u003e\n\n    \u003cdiv class=\"ys-daisy-emotion\"\u003e\n\n      \u003cp class=\"ys-daisy-emotion-main\"\u003e\n        Not just a necklace —\n        \u003cstrong\u003ea little piece of sunshine from your favourite era.\u003c\/strong\u003e\n      \u003c\/p\u003e\n\n      \u003cp class=\"ys-daisy-emotion-small\"\u003e\n        Find your spark · Wear your story\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- Gift --\u003e\n\n    \u003cdiv class=\"ys-daisy-gift\"\u003e\n\n      🎁 Perfect for gifting ·\n      \u003cstrong\u003eor keeping for yourself\u003c\/strong\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- Care --\u003e\n\n    \u003cdetails class=\"ys-daisy-care\"\u003e\n\n      \u003csummary\u003e\n        Care \u0026amp; Materials · Click to view\n      \u003c\/summary\u003e\n\n      \u003cdiv class=\"ys-daisy-care-text\"\u003e\n\n        Stainless steel necklace with white enamel daisy\n        detailing. Avoid prolonged exposure to perfume,\n        lotions and harsh chemicals to help maintain its\n        appearance. Not suitable for those with metal\n        sensitivities.\n\n      \u003c\/div\u003e\n\n    \u003c\/details\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"YourSpark","offers":[{"title":"Default Title","offer_id":53797757780251,"sku":null,"price":599.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1045\/6547\/3563\/files\/image_1ac02379-3e39-4dc9-b5a2-98a3d1a9f235.png?v=1787235962"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1045\/6547\/3563\/collections\/image_59254555-23e9-4020-a5ea-2ffa505466fa.png?v=1787178822","url":"https:\/\/yourspark.co.za\/collections\/necklaces.oembed","provider":"YourSpark","version":"1.0","type":"link"}