{"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","url":"https:\/\/yourspark.co.za\/products\/rose-flower-tassel-drop-earrings","provider":"YourSpark","version":"1.0","type":"link"}