{"product_id":"solara-layered-necklace","title":"Solara Layered Necklace","description":"\u003cdiv class=\"solara-wrap\"\u003e\n\u003cstyle\u003e\n.solara-wrap{\n  --emerald:#073f32;\n  --emerald2:#0b5946;\n  --gold:#bd9145;\n  --goldlight:#ecd49a;\n  --cream:#fffaf3;\n  --text:#352f2b;\n\n  max-width:760px;\n  margin:0 auto;\n  padding:35px 16px;\n  position:relative;\n  overflow:hidden;\n  text-align:center;\n  color:var(--text);\n  font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;\n\n  background:\n    radial-gradient(circle at 8% 4%,rgba(189,145,69,.16),transparent 28%),\n    radial-gradient(circle at 95% 90%,rgba(7,63,50,.08),transparent 30%),\n    linear-gradient(145deg,#fffdf9,#fff7ed);\n\n  border-radius:24px;\n  box-sizing:border-box;\n}\n\n.solara-wrap *{\n  box-sizing:border-box;\n}\n\n\/* GOLD AMBIENT GLOW *\/\n.solara-wrap:before{\n  content:\"\";\n  position:absolute;\n  width:190px;\n  height:190px;\n  top:-90px;\n  right:-70px;\n  border-radius:50%;\n  background:rgba(236,212,154,.22);\n  filter:blur(32px);\n  animation:solaraGlow 4s ease-in-out infinite;\n}\n\n\/* TOP SPARKLE *\/\n.solara-sparkle{\n  position:relative;\n  color:var(--gold);\n  font-size:27px;\n  margin-bottom:8px;\n  animation:solaraSparkle 2.2s ease-in-out infinite;\n}\n\n\/* BRAND *\/\n.solara-brandtop{\n  position:relative;\n  color:var(--emerald);\n  font-size:10px;\n  font-weight:700;\n  letter-spacing:2.7px;\n  text-transform:uppercase;\n  margin-bottom:9px;\n  animation:solaraUp .7s ease both;\n}\n\n\/* TITLE *\/\n.solara-title{\n  position:relative;\n  margin:0;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:clamp(31px,7vw,46px);\n  font-weight:400;\n  line-height:1.08;\n  animation:solaraUp .7s .08s ease both;\n}\n\n.solara-title span{\n  display:block;\n  margin-top:5px;\n\n  background:linear-gradient(\n    90deg,\n    #77531c,\n    #c69a4a,\n    #f0dba2,\n    #97702e,\n    #d1aa60\n  );\n\n  background-size:270% auto;\n  -webkit-background-clip:text;\n  -webkit-text-fill-color:transparent;\n\n  animation:solaraShimmer 4s linear infinite;\n}\n\n.solara-tagline{\n  max-width:560px;\n  margin:14px auto 0;\n  color:#756b65;\n  font-size:15px;\n  line-height:1.6;\n  animation:solaraUp .7s .15s ease both;\n}\n\n\/* DIVIDER *\/\n.solara-divider{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  gap:9px;\n  margin:24px auto;\n  color:var(--gold);\n  animation:solaraUp .7s .2s ease both;\n}\n\n.solara-divider:before,\n.solara-divider:after{\n  content:\"\";\n  width:48px;\n  height:1px;\n  background:linear-gradient(90deg,transparent,var(--gold));\n}\n\n.solara-divider:after{\n  background:linear-gradient(90deg,var(--gold),transparent);\n}\n\n\/* MAIN DESCRIPTION *\/\n.solara-copy{\n  max-width:610px;\n  margin:0 auto;\n  color:#554c47;\n  font-size:15px;\n  line-height:1.75;\n  animation:solaraUp .7s .27s ease both;\n}\n\n.solara-copy strong{\n  color:var(--emerald);\n}\n\n\/* SALES HOOK *\/\n.solara-hook{\n  max-width:610px;\n  margin:26px auto;\n  padding:23px 16px;\n  position:relative;\n  overflow:hidden;\n\n  border:1px solid rgba(189,145,69,.65);\n  border-radius:19px;\n\n  background:\n    radial-gradient(circle at top right,\n      rgba(236,212,154,.18),transparent 40%),\n    linear-gradient(135deg,var(--emerald),var(--emerald2));\n\n  box-shadow:0 12px 30px rgba(7,63,50,.17);\n\n  animation:solaraUp .7s .35s ease both;\n}\n\n\/* MOVING LIGHT *\/\n.solara-hook:after{\n  content:\"\";\n  position:absolute;\n  top:-100%;\n  left:-50%;\n  width:35%;\n  height:300%;\n\n  background:linear-gradient(\n    90deg,\n    transparent,\n    rgba(255,255,255,.16),\n    transparent\n  );\n\n  transform:rotate(20deg);\n  animation:solaraSweep 5s ease-in-out infinite;\n}\n\n.solara-hook strong{\n  position:relative;\n  z-index:2;\n  display:block;\n\n  color:var(--goldlight);\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:21px;\n  font-weight:500;\n  margin-bottom:8px;\n}\n\n.solara-hook span{\n  position:relative;\n  z-index:2;\n  display:block;\n\n  max-width:520px;\n  margin:auto;\n\n  color:#fffaf1;\n  font-size:13px;\n  line-height:1.6;\n}\n\n\/* BENEFITS *\/\n.solara-heading{\n  margin:31px 0 6px;\n  color:var(--emerald);\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:23px;\n  font-weight:500;\n}\n\n.solara-sub{\n  margin:0 auto 19px;\n  color:#81756e;\n  font-size:13px;\n}\n\n.solara-grid{\n  display:grid;\n  grid-template-columns:repeat(2,1fr);\n  gap:9px;\n  max-width:620px;\n  margin:0 auto;\n}\n\n.solara-card{\n  padding:20px 10px;\n\n  border-radius:16px;\n  border:1px solid rgba(189,145,69,.28);\n\n  background:linear-gradient(\n    145deg,\n    #ffffff,\n    #fcf5e9\n  );\n\n  box-shadow:0 5px 18px rgba(65,45,30,.05);\n\n  transition:\n    transform .3s ease,\n    box-shadow .3s ease,\n    border-color .3s ease;\n\n  animation:solaraUp .65s ease both;\n}\n\n.solara-card:nth-child(1){animation-delay:.4s}\n.solara-card:nth-child(2){animation-delay:.5s}\n.solara-card:nth-child(3){animation-delay:.6s}\n.solara-card:nth-child(4){animation-delay:.7s}\n\n.solara-card:hover{\n  transform:translateY(-4px);\n  border-color:rgba(189,145,69,.65);\n  box-shadow:0 12px 26px rgba(7,63,50,.10);\n}\n\n.solara-icon{\n  width:44px;\n  height:44px;\n  margin:0 auto 9px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  border-radius:50%;\n  border:1px solid var(--gold);\n\n  background:linear-gradient(\n    145deg,\n    var(--emerald),\n    var(--emerald2)\n  );\n\n  color:var(--goldlight);\n  font-size:19px;\n\n  animation:solaraPulse 3s ease-in-out infinite;\n}\n\n.solara-card strong{\n  display:block;\n  margin-bottom:5px;\n\n  color:var(--emerald);\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:15px;\n  font-weight:500;\n}\n\n.solara-card span:not(.solara-icon){\n  display:block;\n  color:#756a63;\n  font-size:11.5px;\n  line-height:1.45;\n}\n\n\/* TRANSFORMATION SECTION *\/\n.solara-effect{\n  max-width:610px;\n  margin:29px auto 0;\n  padding:24px 14px;\n\n  border-radius:19px;\n  border:1px solid rgba(189,145,69,.32);\n\n  background:\n    radial-gradient(circle at 90% 10%,\n      rgba(236,212,154,.22),transparent 36%),\n    linear-gradient(145deg,#fff,#faf1e4);\n\n  animation:solaraUp .7s .8s ease both;\n}\n\n.solara-effect small{\n  display:block;\n  color:#9b7333;\n  font-size:9px;\n  font-weight:800;\n  letter-spacing:2px;\n  margin-bottom:9px;\n}\n\n.solara-effect h3{\n  margin:0 0 9px;\n  color:var(--emerald);\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:21px;\n  font-weight:500;\n}\n\n.solara-effect p{\n  max-width:530px;\n  margin:0 auto;\n  color:#6d625b;\n  font-size:12.5px;\n  line-height:1.65;\n}\n\n\/* BEFORE \/ AFTER *\/\n.solara-transform{\n  max-width:610px;\n  margin:14px auto 0;\n  display:grid;\n  grid-template-columns:1fr 35px 1fr;\n  align-items:center;\n  gap:5px;\n}\n\n.solara-transform-box{\n  padding:16px 7px;\n  border-radius:13px;\n  border:1px solid rgba(189,145,69,.28);\n  background:#fffdf9;\n}\n\n.solara-transform-box span{\n  display:block;\n  font-size:9px;\n  font-weight:700;\n  letter-spacing:1.2px;\n  color:#9a835e;\n  margin-bottom:5px;\n}\n\n.solara-transform-box strong{\n  display:block;\n  color:var(--emerald);\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:14px;\n  font-weight:500;\n}\n\n.solara-arrow{\n  color:var(--gold);\n  font-size:20px;\n  animation:solaraArrow 1.6s ease-in-out infinite;\n}\n\n\/* OCCASIONS *\/\n.solara-wear{\n  max-width:610px;\n  margin:28px auto 0;\n  padding:15px 7px;\n\n  border-top:1px solid rgba(189,145,69,.38);\n  border-bottom:1px solid rgba(189,145,69,.38);\n\n  color:#805e29;\n  font-size:10.5px;\n  font-weight:700;\n  letter-spacing:.3px;\n  line-height:1.8;\n\n  animation:solaraUp .7s .9s ease both;\n}\n\n\/* CLOSING *\/\n.solara-close{\n  max-width:600px;\n  margin:28px auto 0;\n  padding:27px 17px;\n\n  border-radius:19px;\n  border:1px solid rgba(189,145,69,.32);\n\n  background:\n    radial-gradient(circle at top right,\n      rgba(236,212,154,.22),transparent 38%),\n    linear-gradient(145deg,#f7ecdc,#fffaf2);\n\n  animation:solaraUp .7s 1s ease both;\n}\n\n.solara-close:before{\n  content:\"✦\";\n  display:block;\n  margin-bottom:8px;\n  color:var(--gold);\n  font-size:19px;\n  animation:solaraSparkle 2s infinite;\n}\n\n.solara-close h3{\n  margin:0 0 9px;\n  color:var(--emerald);\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:22px;\n  font-weight:500;\n}\n\n.solara-close p{\n  max-width:520px;\n  margin:0 auto;\n  color:#655b54;\n  font-size:13px;\n  line-height:1.65;\n}\n\n.solara-final{\n  margin-top:18px;\n\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:18px;\n  font-weight:500;\n\n  background:linear-gradient(\n    90deg,\n    #886529,\n    #c89b4d,\n    #086047\n  );\n\n  -webkit-background-clip:text;\n  -webkit-text-fill-color:transparent;\n}\n\n.solara-footer{\n  margin-top:24px;\n  color:#9b7333;\n  font-size:10px;\n  font-weight:700;\n  letter-spacing:2.4px;\n  text-transform:uppercase;\n}\n\n\/* ANIMATIONS *\/\n@keyframes solaraUp{\n  from{\n    opacity:0;\n    transform:translateY(17px);\n  }\n  to{\n    opacity:1;\n    transform:translateY(0);\n  }\n}\n\n@keyframes solaraSparkle{\n  0%,100%{\n    opacity:.5;\n    transform:scale(.9) rotate(0deg);\n  }\n  50%{\n    opacity:1;\n    transform:scale(1.2) rotate(12deg);\n  }\n}\n\n@keyframes solaraShimmer{\n  from{background-position:0 center}\n  to{background-position:270% center}\n}\n\n@keyframes solaraGlow{\n  0%,100%{\n    opacity:.4;\n    transform:scale(.9);\n  }\n  50%{\n    opacity:.9;\n    transform:scale(1.15);\n  }\n}\n\n@keyframes solaraSweep{\n  0%,65%{left:-50%}\n  100%{left:130%}\n}\n\n@keyframes solaraPulse{\n  0%,100%{\n    box-shadow:0 4px 12px rgba(7,63,50,.12);\n  }\n  50%{\n    box-shadow:\n      0 5px 18px rgba(7,63,50,.20),\n      0 0 13px rgba(189,145,69,.25);\n  }\n}\n\n@keyframes solaraArrow{\n  0%,100%{\n    transform:translateX(-2px);\n  }\n  50%{\n    transform:translateX(3px);\n  }\n}\n\n\/* MOBILE *\/\n@media(max-width:480px){\n\n  .solara-wrap{\n    padding:29px 12px;\n    border-radius:18px;\n  }\n\n  .solara-title{\n    font-size:32px;\n  }\n\n  .solara-tagline,\n  .solara-copy{\n    font-size:14px;\n  }\n\n  .solara-copy{\n    line-height:1.68;\n  }\n\n  .solara-hook{\n    padding:20px 12px;\n    margin:22px auto;\n  }\n\n  .solara-hook strong{\n    font-size:18px;\n  }\n\n  .solara-heading{\n    font-size:21px;\n  }\n\n  .solara-grid{\n    gap:8px;\n  }\n\n  .solara-card{\n    padding:17px 7px;\n  }\n\n  .solara-card strong{\n    font-size:14px;\n  }\n\n  .solara-card span:not(.solara-icon){\n    font-size:10.5px;\n  }\n\n  .solara-effect{\n    padding:21px 11px;\n  }\n\n  .solara-effect h3{\n    font-size:19px;\n  }\n\n  .solara-transform-box{\n    padding:14px 4px;\n  }\n\n  .solara-transform-box strong{\n    font-size:12px;\n  }\n\n  .solara-close{\n    padding:23px 13px;\n  }\n\n  .solara-close h3{\n    font-size:20px;\n  }\n\n  .solara-final{\n    font-size:17px;\n  }\n}\n\n\/* SMALL SCREENS *\/\n@media(max-width:350px){\n\n  .solara-grid{\n    grid-template-columns:1fr;\n  }\n\n  .solara-transform{\n    grid-template-columns:1fr;\n  }\n\n  .solara-arrow{\n    transform:rotate(90deg);\n  }\n}\n\n\/* ACCESSIBILITY *\/\n@media(prefers-reduced-motion:reduce){\n\n  .solara-wrap *,\n  .solara-wrap:before{\n    animation:none!important;\n    transition:none!important;\n  }\n}\n\u003c\/style\u003e\n\n\n\u003c!-- BRAND --\u003e\n\u003cdiv class=\"solara-sparkle\"\u003e✦\u003c\/div\u003e\n\n\u003cdiv class=\"solara-brandtop\"\u003e\n  MUSE \u0026amp; CO.\n\u003c\/div\u003e\n\n\n\u003c!-- TITLE --\u003e\n\u003ch2 class=\"solara-title\"\u003e\n  Meet\n  \u003cspan\u003eSOLARA ✨\u003c\/span\u003e\n\u003c\/h2\u003e\n\n\u003cp class=\"solara-tagline\"\u003e\n  The layered look — already styled for you. 🤍\n\u003c\/p\u003e\n\n\n\u003cdiv class=\"solara-divider\"\u003e◇\u003c\/div\u003e\n\n\n\u003c!-- MAIN DESCRIPTION --\u003e\n\u003cp class=\"solara-copy\"\u003e\n\n  You know that perfectly layered necklace look that makes\n  even a simple outfit feel instantly more put together?\n\n  \u003cbr\u003e\u003cbr\u003e\n\n  \u003cstrong\u003eSolara does the styling for you.\u003c\/strong\u003e ✨\n\n  \u003cbr\u003e\u003cbr\u003e\n\n  Featuring delicate layered gold-tone chains, a sparkling\n  centre detail and an elegant drop design, Solara creates\n  dimension around your neckline without needing to match\n  multiple separate necklaces.\n\n  \u003cbr\u003e\u003cbr\u003e\n\n  Throw it on with your favourite outfit and suddenly\n  \u003cstrong\u003esimple feels styled.\u003c\/strong\u003e 💛\n\n\u003c\/p\u003e\n\n\n\u003c!-- MAIN SALES HOOK --\u003e\n\u003cdiv class=\"solara-hook\"\u003e\n\n  \u003cstrong\u003e\n    One necklace. The full layered look. ✨\n  \u003c\/strong\u003e\n\n  \u003cspan\u003e\n    No searching for matching chains. No trying to build\n    the perfect stack. Solara gives you that effortlessly\n    accessorised look in one easy piece.\n  \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- BENEFITS --\u003e\n\u003ch3 class=\"solara-heading\"\u003e\n  Your outfit's finishing touch 💫\n\u003c\/h3\u003e\n\n\u003cp class=\"solara-sub\"\u003e\n  Because the right jewellery can change the whole look.\n\u003c\/p\u003e\n\n\n\u003cdiv class=\"solara-grid\"\u003e\n\n  \u003cdiv class=\"solara-card\"\u003e\n\n    \u003cspan class=\"solara-icon\"\u003e✨\u003c\/span\u003e\n\n    \u003cstrong\u003eInstantly Elevated\u003c\/strong\u003e\n\n    \u003cspan\u003e\n      Turn simple tops, dresses and everyday outfits\n      into a more polished, styled look.\n    \u003c\/span\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"solara-card\"\u003e\n\n    \u003cspan class=\"solara-icon\"\u003e〰\u003c\/span\u003e\n\n    \u003cstrong\u003eLayered For You\u003c\/strong\u003e\n\n    \u003cspan\u003e\n      Get the layered jewellery aesthetic without\n      having to choose and match separate necklaces.\n    \u003c\/span\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"solara-card\"\u003e\n\n    \u003cspan class=\"solara-icon\"\u003e💎\u003c\/span\u003e\n\n    \u003cstrong\u003eSubtle Sparkle\u003c\/strong\u003e\n\n    \u003cspan\u003e\n      A delicate centre detail catches the light\n      without overpowering your outfit.\n    \u003c\/span\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"solara-card\"\u003e\n\n    \u003cspan class=\"solara-icon\"\u003e👗\u003c\/span\u003e\n\n    \u003cstrong\u003eEasy To Style\u003c\/strong\u003e\n\n    \u003cspan\u003e\n      Dress it up for an occasion or use it to give\n      your everyday basics a little more personality.\n    \u003c\/span\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- OUTCOME --\u003e\n\u003cdiv class=\"solara-effect\"\u003e\n\n  \u003csmall\u003e\n    THE SOLARA EFFECT\n  \u003c\/small\u003e\n\n  \u003ch3\u003e\n    From dressed... to styled. ✨\n  \u003c\/h3\u003e\n\n  \u003cp\u003e\n    Sometimes your outfit doesn't need changing —\n    it just needs the right finishing detail.\n    Solara adds layering, shine and visual interest\n    around your neckline to help pull your entire\n    look together.\n  \u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- BEFORE \/ AFTER CONCEPT --\u003e\n\u003cdiv class=\"solara-transform\"\u003e\n\n  \u003cdiv class=\"solara-transform-box\"\u003e\n    \u003cspan\u003eWITHOUT SOLARA\u003c\/span\u003e\n    \u003cstrong\u003eSomething's missing...\u003c\/strong\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"solara-arrow\"\u003e\n    →\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"solara-transform-box\"\u003e\n    \u003cspan\u003eWITH SOLARA ✨\u003c\/span\u003e\n    \u003cstrong\u003eStyled \u0026amp; complete.\u003c\/strong\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- OCCASIONS --\u003e\n\u003cdiv class=\"solara-wear\"\u003e\n\n  EVERYDAY 🤍\n   • \n\n  BRUNCH 🥂\n   • \n\n  DATE NIGHT ✨\n   • \n\n  EVENTS 👗\n   • \n\n  GIFTING 🎁\n\n\u003c\/div\u003e\n\n\n\u003c!-- CLOSING --\u003e\n\u003cdiv class=\"solara-close\"\u003e\n\n  \u003ch3\u003e\n    Sometimes one detail changes everything. ✨\n  \u003c\/h3\u003e\n\n  \u003cp\u003e\n    Whether it's jeans and your favourite top,\n    a work outfit or that dress you've been saving\n    for the weekend, \u003cstrong\u003eSolara gives your look\n    that little something extra.\u003c\/strong\u003e\n\n    \u003cbr\u003e\u003cbr\u003e\n\n    Designed for women who love the layered jewellery\n    look without the effort of building it themselves.\n  \u003c\/p\u003e\n\n\n  \u003cdiv class=\"solara-final\"\u003e\n    Layered for you. Effortlessly styled. ✨\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- BRAND FOOTER --\u003e\n\u003cdiv class=\"solara-footer\"\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":52866683961476,"sku":null,"price":149.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1028\/8126\/3748\/files\/89bdf4ab-2b6d-4221-9661-e8fbd445159c.avif?v=1789930241","url":"https:\/\/www.musenco.co.za\/products\/solara-layered-necklace","provider":"Muse\u0026Co","version":"1.0","type":"link"}