{"title":"Earrings","description":null,"products":[{"product_id":"flutter-shine-crystal-butterfly-drop-earrings","title":"Butterfly Bliss - Crystal Drop Earrings","description":"\u003cstyle\u003e\n\/* =========================================================\n   YOURSPARK — BUTTERFLY BLISS DROP EARRINGS\n   Dark Cherry Blossom \/ Premium Y2K\n========================================================= *\/\n\n.ys-earrings {\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.ys-earrings::before {\n  content: \"\";\n  position: absolute;\n  width: 500px;\n  height: 500px;\n  top: -270px;\n  left: 50%;\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  animation: ysAmbient 7s ease-in-out infinite;\n  pointer-events: none;\n}\n\n.ys-earring-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: ysEnter .8s ease forwards;\n}\n\n\/* Butterfly *\/\n.ys-earring-butterfly {\n  position: absolute;\n  top: 22px;\n  left: 24px;\n  font-size: 24px;\n\n  filter: drop-shadow(0 5px 12px rgba(255,170,205,.28));\n\n  animation: ysButterfly 4.5s ease-in-out infinite;\n}\n\n\/* Sparkles *\/\n.ys-earring-sparkle {\n  position: absolute;\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  animation: ysSparkle 3s ease-in-out infinite;\n}\n\n.ys-es1 {\n  top: 27px;\n  right: 17%;\n}\n\n.ys-es2 {\n  top: 90px;\n  right: 7%;\n  font-size: 10px;\n  animation-delay: .8s;\n}\n\n.ys-es3 {\n  bottom: 90px;\n  left: 7%;\n  font-size: 12px;\n  animation-delay: 1.4s;\n}\n\n.ys-es4 {\n  bottom: 30px;\n  right: 15%;\n  font-size: 9px;\n  animation-delay: 2s;\n}\n\n\/* Header *\/\n.ys-earring-top-line {\n  width: 70px;\n  height: 2px;\n  margin: 0 auto 16px;\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: ysLine 3s ease-in-out infinite;\n}\n\n.ys-earring-label {\n  text-align: center;\n  margin-bottom: 8px;\n\n  font-size: 9px;\n  font-weight: 700;\n  letter-spacing: 2.8px;\n  text-transform: uppercase;\n\n  color: var(--pink-light);\n}\n\n.ys-earring-title {\n  margin: 0;\n\n  text-align: center;\n\n  font-size: clamp(30px, 5vw, 46px);\n  line-height: 1.05;\n\n  font-weight: 700;\n  letter-spacing: -1.5px;\n\n  color: #fff;\n}\n\n.ys-earring-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  -webkit-text-fill-color: transparent;\n\n  animation: ysShimmer 5s linear infinite;\n}\n\n.ys-earring-subtitle {\n  max-width: 620px;\n  margin: 11px auto 0;\n\n  text-align: center;\n\n  color: var(--muted);\n\n  font-size: 14px;\n  line-height: 1.6;\n}\n\n.ys-earring-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\/* Product story *\/\n.ys-earring-story {\n  max-width: 720px;\n  margin: 0 auto;\n\n  text-align: center;\n\n  color: #f1dce5;\n\n  font-size: 14px;\n  line-height: 1.72;\n}\n\n.ys-earring-story strong {\n  color: #ffd0e2;\n  font-weight: 700;\n}\n\n\/* Features *\/\n.ys-earring-features {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n\n  gap: 10px;\n\n  margin-top: 21px;\n}\n\n.ys-earring-feature {\n  display: flex;\n  align-items: center;\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  animation: ysFeature .7s ease forwards;\n}\n\n.ys-earring-feature:nth-child(1) {\n  animation-delay: .10s;\n}\n\n.ys-earring-feature:nth-child(2) {\n  animation-delay: .20s;\n}\n\n.ys-earring-feature:nth-child(3) {\n  animation-delay: .30s;\n}\n\n.ys-earring-feature:nth-child(4) {\n  animation-delay: .40s;\n}\n\n.ys-earring-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.ys-earring-icon {\n  width: 36px;\n  height: 36px;\n  flex: 0 0 36px;\n\n  display: flex;\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.ys-earring-feature-text {\n  font-size: 12px;\n  line-height: 1.4;\n  color: #f5e7ed;\n}\n\n.ys-earring-feature-text strong {\n  color: #fff;\n}\n\n\/* Emotional section *\/\n.ys-earring-emotion {\n  position: relative;\n\n  margin-top: 21px;\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.ys-earring-emotion::before {\n  content: \"✦\";\n\n  position: absolute;\n  top: 8px;\n  left: 17px;\n\n  color: rgba(255,215,230,.50);\n  font-size: 16px;\n\n  animation: ysTwinkle 2s infinite;\n}\n\n.ys-earring-emotion::after {\n  content: \"✦\";\n\n  position: absolute;\n  bottom: 8px;\n  right: 17px;\n\n  color: rgba(255,215,230,.50);\n  font-size: 13px;\n\n  animation: ysTwinkle 2s infinite .8s;\n}\n\n.ys-earring-emotion-main {\n  margin: 0;\n\n  font-size: 17px;\n  line-height: 1.45;\n\n  font-weight: 650;\n  color: #fff;\n}\n\n.ys-earring-emotion-main strong {\n  color: #ffd0e2;\n}\n\n.ys-earring-emotion-small {\n  margin: 6px 0 0;\n\n  font-size: 9px;\n  letter-spacing: 1.8px;\n  text-transform: uppercase;\n\n  color: #e9c4d2;\n}\n\n\/* Gift *\/\n.ys-earring-gift {\n  text-align: center;\n\n  margin-top: 13px;\n\n  color: #dcb9c7;\n  font-size: 11px;\n}\n\n.ys-earring-gift strong {\n  color: #ffd0e2;\n}\n\n\/* Care *\/\n.ys-earring-care {\n  margin-top: 14px;\n  padding-top: 12px;\n\n  border-top:\n    1px solid rgba(255,255,255,.08);\n}\n\n.ys-earring-care summary {\n  cursor: pointer;\n  list-style: none;\n\n  text-align: center;\n\n  font-size: 9px;\n  letter-spacing: 1.4px;\n  text-transform: uppercase;\n\n  color: #c8a7b5;\n}\n\n.ys-earring-care summary::-webkit-details-marker {\n  display: none;\n}\n\n.ys-earring-care summary:hover {\n  color: var(--pink-light);\n}\n\n.ys-earring-care-text {\n  max-width: 650px;\n  margin: 11px auto 0;\n\n  text-align: center;\n\n  font-size: 10px;\n  line-height: 1.6;\n\n  color: #bfa0ae;\n}\n\n\/* Animations *\/\n@keyframes ysEnter {\n  from {\n    opacity: 0;\n    transform: translateY(16px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes ysFeature {\n  from {\n    opacity: 0;\n    transform: translateY(10px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes ysButterfly {\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@keyframes ysSparkle {\n  0%, 100% {\n    opacity: .25;\n    transform:\n      scale(.7)\n      rotate(0deg);\n  }\n\n  50% {\n    opacity: 1;\n    transform:\n      scale(1.3)\n      rotate(45deg);\n  }\n}\n\n@keyframes ysTwinkle {\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@keyframes ysShimmer {\n  0% {\n    background-position: 0% center;\n  }\n\n  100% {\n    background-position: 300% center;\n  }\n}\n\n@keyframes ysAmbient {\n  0%, 100% {\n    transform:\n      translateX(-50%)\n      scale(1);\n    opacity: .7;\n  }\n\n  50% {\n    transform:\n      translateX(-50%)\n      scale(1.12);\n    opacity: 1;\n  }\n}\n\n@keyframes ysLine {\n  0%, 100% {\n    transform: scaleX(.7);\n  }\n\n  50% {\n    transform: scaleX(1);\n  }\n}\n\n\/* Mobile *\/\n@media (max-width: 600px) {\n\n  .ys-earrings {\n    border-radius: 23px;\n  }\n\n  .ys-earring-card {\n    margin: 7px;\n    padding: 32px 16px;\n    border-radius: 19px;\n  }\n\n  .ys-earring-title {\n    font-size: 32px;\n  }\n\n  .ys-earring-subtitle {\n    font-size: 13px;\n  }\n\n  .ys-earring-story {\n    font-size: 13px;\n    line-height: 1.68;\n  }\n\n  .ys-earring-features {\n    grid-template-columns: 1fr;\n    gap: 9px;\n  }\n\n  .ys-earring-feature {\n    padding: 13px;\n  }\n\n  .ys-earring-butterfly {\n    top: 15px;\n    left: 15px;\n    font-size: 19px;\n  }\n\n  .ys-earring-emotion {\n    padding: 20px 16px;\n  }\n\n  .ys-earring-emotion-main {\n    font-size: 16px;\n  }\n}\n\n\/* Accessibility *\/\n@media (prefers-reduced-motion: reduce) {\n  .ys-earrings *,\n  .ys-earrings::before {\n    animation: none !important;\n    transition: none !important;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"ys-earrings\"\u003e\n\u003cdiv class=\"ys-earring-card\"\u003e\n\u003c!-- Decorative butterfly --\u003e\n\u003cdiv class=\"ys-earring-butterfly\"\u003e🦋\u003c\/div\u003e\n\u003c!-- Sparkles --\u003e\n\u003cdiv class=\"ys-earring-sparkle ys-es1\"\u003e✦\u003c\/div\u003e\n\u003cdiv class=\"ys-earring-sparkle ys-es2\"\u003e✧\u003c\/div\u003e\n\u003cdiv class=\"ys-earring-sparkle ys-es3\"\u003e✦\u003c\/div\u003e\n\u003cdiv class=\"ys-earring-sparkle ys-es4\"\u003e✧\u003c\/div\u003e\n\u003c!-- Header --\u003e\n\u003cdiv class=\"ys-earring-top-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ys-earring-label\"\u003eYourSpark · Y2K Collection\u003c\/div\u003e\n\u003ch2 class=\"ys-earring-title\"\u003e\n\u003cspan\u003eButterfly Bliss\u003c\/span\u003e 🦋\u003c\/h2\u003e\n\u003cp class=\"ys-earring-subtitle\"\u003eA little sparkle, a little movement, and a whole lot of main-character energy.\u003c\/p\u003e\n\u003cdiv class=\"ys-earring-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Description --\u003e\n\u003cdiv class=\"ys-earring-story\"\u003eTurn heads and transport yourself back to the most glamorous era with our \u003cstrong\u003eButterfly Bliss Crystal Butterfly Drop Earrings.\u003c\/strong\u003e \u003cbr\u003e\u003cbr\u003eEncrusted with sparkling rhinestones, these butterfly earrings catch the light from every angle, while the delicate chain tassels and crystal pendants create beautiful movement with every step. \u003cbr\u003e\u003cbr\u003eWhether you're dressing up for a night out or adding a touch of Y2K magic to your everyday look, these are made for those moments when you want to feel \u003cstrong\u003epretty, confident and unforgettable.\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c!-- Features --\u003e\n\u003cdiv class=\"ys-earring-features\"\u003e\n\u003cdiv class=\"ys-earring-feature\"\u003e\n\u003cdiv class=\"ys-earring-icon\"\u003e🦋\u003c\/div\u003e\n\u003cdiv class=\"ys-earring-feature-text\"\u003e\n\u003cstrong\u003eButterfly Studs\u003c\/strong\u003e\u003cbr\u003eRhinestone-encrusted for a dazzling finish\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ys-earring-feature\"\u003e\n\u003cdiv class=\"ys-earring-icon\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"ys-earring-feature-text\"\u003e\n\u003cstrong\u003eCrystal Drop Tassels\u003c\/strong\u003e\u003cbr\u003eDelicate chains that shimmer as you move\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ys-earring-feature\"\u003e\n\u003cdiv class=\"ys-earring-icon\"\u003e💎\u003c\/div\u003e\n\u003cdiv class=\"ys-earring-feature-text\"\u003e\n\u003cstrong\u003eSilver-Tone Finish\u003c\/strong\u003e\u003cbr\u003eA clean Y2K-inspired statement look\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ys-earring-feature\"\u003e\n\u003cdiv class=\"ys-earring-icon\"\u003e🌸\u003c\/div\u003e\n\u003cdiv class=\"ys-earring-feature-text\"\u003e\n\u003cstrong\u003eLightweight Design\u003c\/strong\u003e\u003cbr\u003eComfortable enough for all-day wear\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Emotional section --\u003e\n\u003cdiv class=\"ys-earring-emotion\"\u003e\n\u003cp class=\"ys-earring-emotion-main\"\u003eNot just earrings — \u003cstrong\u003ea little sparkle you can carry with you.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"ys-earring-emotion-small\"\u003eFind your spark · Wear your story\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Gift --\u003e\n\u003cdiv class=\"ys-earring-gift\"\u003e🎁 Perfect for gifting · \u003cstrong\u003eor keeping for yourself\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c!-- Care --\u003e\n\u003cdetails class=\"ys-earring-care\" open=\"\"\u003e\n\u003csummary\u003eCare \u0026amp; Materials · Click to view\u003c\/summary\u003e\n\u003cdiv class=\"ys-earring-care-text\"\u003eSilver-tone Zinc Alloy finish with rhinestone and crystal embellishments. Avoid contact with water, perfume, lotions and chemicals to help maintain shine. Not suitable for those with metal sensitivities.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"YourSpark","offers":[{"title":"Default Title","offer_id":53795475751195,"sku":null,"price":449.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1045\/6547\/3563\/files\/image_a642bff4-206c-45f6-bd13-afacf8111c42.png?v=1787159748"},{"product_id":"rose-flower-tassel-drop-earrings","title":"Rose Flower - Tassel Drop Earrings","description":"\u003cstyle\u003e\n\/* =========================================================\n   YOURSPARK — S925 ROSE FLOWER TASSEL DROP EARRINGS\n   Dark Cherry Blossom \/ Premium Y2K\n========================================================= *\/\n\n.ys-rose-earrings {\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(circle at 50% 8%, rgba(255,191,216,.50), transparent 27%),\n    radial-gradient(circle at 10% 90%, rgba(198,83,125,.32), transparent 35%),\n    radial-gradient(circle at 90% 70%, rgba(245,145,181,.22), transparent 30%),\n    linear-gradient(145deg, #3d1426 0%, #641f3b 38%, #8e3458 62%, #431326 100%);\n\n  box-shadow: 0 25px 75px rgba(70,15,38,.42);\n}\n\n.ys-rose-earrings::before {\n  content: \"\";\n  position: absolute;\n  width: 500px;\n  height: 500px;\n  top: -270px;\n  left: 50%;\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  animation: ysRoseAmbient 7s ease-in-out infinite;\n  pointer-events: none;\n}\n\n.ys-rose-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: ysRoseEnter .8s ease forwards;\n}\n\n\n\/* Rose decoration *\/\n\n.ys-rose-flower {\n  position: absolute;\n  top: 21px;\n  left: 23px;\n\n  font-size: 23px;\n\n  filter:\n    drop-shadow(0 5px 12px rgba(255,170,205,.30));\n\n  animation: ysRoseFloat 4.5s ease-in-out infinite;\n}\n\n\n\/* Sparkles *\/\n\n.ys-rose-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: ysRoseSparkle 3s ease-in-out infinite;\n}\n\n.ys-res1 {\n  top: 27px;\n  right: 17%;\n}\n\n.ys-res2 {\n  top: 90px;\n  right: 7%;\n  font-size: 10px;\n  animation-delay: .8s;\n}\n\n.ys-res3 {\n  bottom: 90px;\n  left: 7%;\n  font-size: 12px;\n  animation-delay: 1.4s;\n}\n\n.ys-res4 {\n  bottom: 30px;\n  right: 15%;\n  font-size: 9px;\n  animation-delay: 2s;\n}\n\n\n\/* Header *\/\n\n.ys-rose-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: 0 0 12px rgba(255,185,215,.40);\n\n  animation: ysRoseLine 3s ease-in-out infinite;\n}\n\n.ys-rose-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-rose-title {\n  margin: 0;\n\n  text-align: center;\n\n  font-size: clamp(29px, 5vw, 45px);\n\n  line-height: 1.05;\n\n  font-weight: 700;\n\n  letter-spacing: -1.5px;\n\n  color: #fff;\n}\n\n.ys-rose-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: ysRoseShimmer 5s linear infinite;\n}\n\n\n\/* Subtitle *\/\n\n.ys-rose-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-rose-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: 0 0 10px rgba(243,169,198,.30);\n}\n\n\n\/* Description *\/\n\n.ys-rose-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.ys-rose-story strong {\n  color: #ffd0e2;\n  font-weight: 700;\n}\n\n\n\/* Features *\/\n\n.ys-rose-features {\n  display: grid;\n\n  grid-template-columns: repeat(2, 1fr);\n\n  gap: 10px;\n\n  margin-top: 21px;\n}\n\n.ys-rose-feature {\n  display: flex;\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: ysRoseFeature .7s ease forwards;\n}\n\n.ys-rose-feature:nth-child(1) {\n  animation-delay: .10s;\n}\n\n.ys-rose-feature:nth-child(2) {\n  animation-delay: .20s;\n}\n\n.ys-rose-feature:nth-child(3) {\n  animation-delay: .30s;\n}\n\n.ys-rose-feature:nth-child(4) {\n  animation-delay: .40s;\n}\n\n.ys-rose-feature:nth-child(5) {\n  animation-delay: .50s;\n}\n\n.ys-rose-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: rgba(255,204,224,.25);\n}\n\n\n\/* Icons *\/\n\n.ys-rose-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.ys-rose-feature-text {\n  font-size: 12px;\n\n  line-height: 1.4;\n\n  color: #f5e7ed;\n}\n\n.ys-rose-feature-text strong {\n  color: #fff;\n}\n\n\n\/* Emotional section *\/\n\n.ys-rose-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: 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.ys-rose-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: ysRoseTwinkle 2s infinite;\n}\n\n.ys-rose-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: ysRoseTwinkle 2s infinite .8s;\n}\n\n.ys-rose-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.ys-rose-emotion-main strong {\n  color: #ffd0e2;\n}\n\n.ys-rose-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-rose-gift {\n  text-align: center;\n\n  margin-top: 13px;\n\n  color: #dcb9c7;\n\n  font-size: 11px;\n}\n\n.ys-rose-gift strong {\n  color: #ffd0e2;\n}\n\n\n\/* Care *\/\n\n.ys-rose-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.ys-rose-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.ys-rose-care summary::-webkit-details-marker {\n  display: none;\n}\n\n.ys-rose-care summary:hover {\n  color: var(--pink-light);\n}\n\n.ys-rose-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 ysRoseEnter {\n  from {\n    opacity: 0;\n    transform: translateY(16px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes ysRoseFeature {\n  from {\n    opacity: 0;\n    transform: translateY(10px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes ysRoseFloat {\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@keyframes ysRoseSparkle {\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@keyframes ysRoseTwinkle {\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@keyframes ysRoseShimmer {\n  0% {\n    background-position: 0% center;\n  }\n\n  100% {\n    background-position: 300% center;\n  }\n}\n\n@keyframes ysRoseAmbient {\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@keyframes ysRoseLine {\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-rose-earrings {\n    border-radius: 23px;\n  }\n\n  .ys-rose-card {\n    margin: 7px;\n    padding: 32px 16px;\n    border-radius: 19px;\n  }\n\n  .ys-rose-title {\n    font-size: 31px;\n  }\n\n  .ys-rose-subtitle {\n    font-size: 13px;\n  }\n\n  .ys-rose-story {\n    font-size: 13px;\n    line-height: 1.68;\n  }\n\n  .ys-rose-features {\n    grid-template-columns: 1fr;\n    gap: 9px;\n  }\n\n  .ys-rose-feature {\n    padding: 13px;\n  }\n\n  .ys-rose-flower {\n    top: 15px;\n    left: 15px;\n    font-size: 19px;\n  }\n\n  .ys-rose-emotion {\n    padding: 20px 16px;\n  }\n\n  .ys-rose-emotion-main {\n    font-size: 16px;\n  }\n}\n\n\n\/* Accessibility *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .ys-rose-earrings *,\n  .ys-rose-earrings::before {\n    animation: none !important;\n    transition: none !important;\n  }\n\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"ys-rose-earrings\"\u003e\n\n  \u003cdiv class=\"ys-rose-card\"\u003e\n\n    \u003c!-- Decorative rose --\u003e\n    \u003cdiv class=\"ys-rose-flower\"\u003e🌹\u003c\/div\u003e\n\n    \u003c!-- Sparkles --\u003e\n    \u003cdiv class=\"ys-rose-sparkle ys-res1\"\u003e✦\u003c\/div\u003e\n    \u003cdiv class=\"ys-rose-sparkle ys-res2\"\u003e✧\u003c\/div\u003e\n    \u003cdiv class=\"ys-rose-sparkle ys-res3\"\u003e✦\u003c\/div\u003e\n    \u003cdiv class=\"ys-rose-sparkle ys-res4\"\u003e✧\u003c\/div\u003e\n\n\n    \u003c!-- Header --\u003e\n\n    \u003cdiv class=\"ys-rose-top-line\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"ys-rose-label\"\u003e\n      YourSpark · Y2K Collection\n    \u003c\/div\u003e\n\n\n    \u003ch2 class=\"ys-rose-title\"\u003e\n      \u003cspan\u003eRose Flower Tassel\u003c\/span\u003e 🌹\n    \u003c\/h2\u003e\n\n\n    \u003cp class=\"ys-rose-subtitle\"\u003e\n      Delicate, dreamy and dripping in Y2K energy. ✨\n    \u003c\/p\u003e\n\n\n    \u003cdiv class=\"ys-rose-divider\"\u003e\u003c\/div\u003e\n\n\n    \u003c!-- Product description --\u003e\n\n    \u003cdiv class=\"ys-rose-story\"\u003e\n\n      Meet the\n      \u003cstrong\u003eS925 Rose Flower Tassel Drop Earrings\u003c\/strong\u003e —\n      ultra-feminine threader earrings designed to give you\n      that effortless, floaty look.\n\n      \u003cbr\u003e\u003cbr\u003e\n\n      Each earring features a delicate white rose flower charm\n      that glides along a long, slender\n      \u003cstrong\u003e925 sterling silver chain\u003c\/strong\u003e, creating\n      beautiful movement with every step.\n\n      \u003cbr\u003e\u003cbr\u003e\n\n      Whether you're dressing up for a night out or keeping\n      things casual, these earrings add an instant touch of\n      elegance while bringing just the right amount of\n      \u003cstrong\u003e2000s nostalgia\u003c\/strong\u003e to your look.\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- Features --\u003e\n\n    \u003cdiv class=\"ys-rose-features\"\u003e\n\n      \u003cdiv class=\"ys-rose-feature\"\u003e\n\n        \u003cdiv class=\"ys-rose-icon\"\u003e\n          🌹\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"ys-rose-feature-text\"\u003e\n          \u003cstrong\u003eWhite Rose Charm\u003c\/strong\u003e\u003cbr\u003e\n          A delicate floral detail with feminine charm\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"ys-rose-feature\"\u003e\n\n        \u003cdiv class=\"ys-rose-icon\"\u003e\n          ✨\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"ys-rose-feature-text\"\u003e\n          \u003cstrong\u003e925 Sterling Silver\u003c\/strong\u003e\u003cbr\u003e\n          Crafted from genuine sterling silver\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"ys-rose-feature\"\u003e\n\n        \u003cdiv class=\"ys-rose-icon\"\u003e\n          ♡\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"ys-rose-feature-text\"\u003e\n          \u003cstrong\u003eThreader Tassel Style\u003c\/strong\u003e\u003cbr\u003e\n          Long, slender chains for an elegant finish\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"ys-rose-feature\"\u003e\n\n        \u003cdiv class=\"ys-rose-icon\"\u003e\n          🌸\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"ys-rose-feature-text\"\u003e\n          \u003cstrong\u003eLightweight Comfort\u003c\/strong\u003e\u003cbr\u003e\n          Designed for comfortable everyday wear\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"ys-rose-feature\"\u003e\n\n        \u003cdiv class=\"ys-rose-icon\"\u003e\n          💎\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"ys-rose-feature-text\"\u003e\n          \u003cstrong\u003eTarnish-Resistant\u003c\/strong\u003e\u003cbr\u003e\n          Made to keep its beautiful finish with proper care\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-rose-emotion\"\u003e\n\n      \u003cp class=\"ys-rose-emotion-main\"\u003e\n        Wear them solo or stack them with your favourites —\n        \u003cstrong\u003eeither way, you're that girl.\u003c\/strong\u003e ✨\n      \u003c\/p\u003e\n\n      \u003cp class=\"ys-rose-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-rose-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-rose-care\"\u003e\n\n      \u003csummary\u003e\n        Care \u0026amp; Materials · Click to view\n      \u003c\/summary\u003e\n\n      \u003cdiv class=\"ys-rose-care-text\"\u003e\n\n        Crafted from 925 sterling silver with a white rose\n        flower charm. To help maintain the finish, avoid\n        prolonged contact with perfume, lotions, chlorine\n        and harsh chemicals. Store in a dry place when not\n        being worn. 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":53803115544859,"sku":null,"price":399.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1045\/6547\/3563\/files\/image_782d5459-d646-4526-9b9e-ada3e1ce5c5e.png?v=1787351419"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1045\/6547\/3563\/collections\/image_46be5071-c2bd-4fce-9710-25541fdb428e.png?v=1787165253","url":"https:\/\/yourspark.co.za\/collections\/earrings.oembed","provider":"YourSpark","version":"1.0","type":"link"}