{"product_id":"mama-moon™-the-m-collection-layered-heart-initial-necklace","title":"Mama Moon™ The M Collection – Layered Heart Initial Necklace","description":"\u003csection class=\"mm-mcollection\"\u003e\n  \u003cdiv class=\"mm-m-glow glow-one\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"mm-m-glow glow-two\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"mm-m-wrap\"\u003e\n    \u003cp class=\"mm-m-label\"\u003eMama Moon™\u003c\/p\u003e\n\n    \u003ch2\u003eThe M Collection\u003c\/h2\u003e\n\n    \u003cp class=\"mm-m-subtitle\"\u003eWhere Love Meets Identity\u003c\/p\u003e\n\n    \u003cp class=\"mm-m-lead\"\u003e\n      Introducing \u003cstrong\u003eThe M Collection by Mama Moon™\u003c\/strong\u003e — a beautifully curated piece\n      that brings together the timeless heart pendant and elegant M initial in one delicate,\n      layered necklace designed for the modern mama.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"mm-m-divider\"\u003e\n      \u003cspan\u003e\u003c\/span\u003e\n      \u003cb\u003e♡\u003c\/b\u003e\n      \u003cspan\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cp class=\"mm-m-text\"\u003e\n      Each layer tells a story — the heart for the love she carries, the M for the name she\n      wears with pride. Together, they create a piece that is as meaningful as it is beautiful.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"mm-m-card\"\u003e\n      \u003ch3\u003eWhy You’ll Love It\u003c\/h3\u003e\n\n      \u003cdiv class=\"mm-m-grid\"\u003e\n        \u003cdiv class=\"mm-m-item\"\u003e\n          \u003ci\u003e❤️\u003c\/i\u003e\n          \u003cp\u003e\u003cstrong\u003eLayered heart \u0026amp; M design\u003c\/strong\u003e\u003cbr\u003eElegant, personal, and full of meaning.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"mm-m-item\"\u003e\n          \u003ci\u003e✨\u003c\/i\u003e\n          \u003cp\u003e\u003cstrong\u003eSoft-luxe aesthetic\u003c\/strong\u003e\u003cbr\u003eCelestial, feminine, and true to Mama Moon’s signature style.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"mm-m-item\"\u003e\n          \u003ci\u003e🎁\u003c\/i\u003e\n          \u003cp\u003e\u003cstrong\u003eA stunning gift\u003c\/strong\u003e\u003cbr\u003ePerfect for mamas, birthdays, Mother’s Day, or milestones.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"mm-m-item\"\u003e\n          \u003ci\u003e🌙\u003c\/i\u003e\n          \u003cp\u003e\u003cstrong\u003eEveryday wearable\u003c\/strong\u003e\u003cbr\u003eLightweight, delicate, and easy to wear daily.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"mm-m-item mm-m-wide\"\u003e\n          \u003ci\u003e💛\u003c\/i\u003e\n          \u003cp\u003e\u003cstrong\u003eGift-ready packaging\u003c\/strong\u003e\u003cbr\u003eArrives beautifully packaged and ready to gift.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cp class=\"mm-m-final\"\u003e\n      Because M is for Mama — and she deserves to wear it. 🌙\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n  .mm-mcollection {\n    position: relative;\n    overflow: hidden;\n    padding: 76px 22px;\n    background:\n      radial-gradient(circle at top right, rgba(196, 150, 77, 0.22), transparent 34%),\n      radial-gradient(circle at bottom left, rgba(255, 255, 255, 0.85), transparent 32%),\n      linear-gradient(135deg, #fff8ef 0%, #f3e4d2 50%, #fffdf8 100%);\n    color: #332419;\n    font-family: Georgia, \"Times New Roman\", serif;\n  }\n\n  .mm-m-wrap {\n    position: relative;\n    z-index: 2;\n    max-width: 930px;\n    margin: auto;\n    text-align: center;\n    animation: mFadeUp 1s ease both;\n  }\n\n  .mm-m-glow {\n    position: absolute;\n    width: 290px;\n    height: 290px;\n    border-radius: 50%;\n    background: rgba(190, 142, 61, 0.18);\n    filter: blur(40px);\n    animation: mFloat 7s ease-in-out infinite;\n  }\n\n  .glow-one {\n    top: -90px;\n    left: -80px;\n  }\n\n  .glow-two {\n    bottom: -95px;\n    right: -80px;\n    animation-delay: 1.4s;\n  }\n\n  .mm-m-label {\n    display: inline-block;\n    margin: 0 0 18px;\n    padding: 9px 20px;\n    border-radius: 999px;\n    border: 1px solid rgba(153, 113, 48, 0.25);\n    background: rgba(255, 255, 255, 0.65);\n    color: #8a642c;\n    font-family: Arial, sans-serif;\n    font-size: 12px;\n    letter-spacing: 2.5px;\n    text-transform: uppercase;\n    box-shadow: 0 10px 28px rgba(92, 63, 24, 0.08);\n  }\n\n  .mm-mcollection h2 {\n    max-width: 850px;\n    margin: 0 auto 14px;\n    font-size: clamp(38px, 6vw, 72px);\n    line-height: 1.02;\n    font-weight: 400;\n    letter-spacing: -1.8px;\n  }\n\n  .mm-m-subtitle {\n    margin: 0 auto 24px;\n    color: #9a6a23;\n    font-family: Arial, sans-serif;\n    font-size: 13px;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n  }\n\n  .mm-m-lead,\n  .mm-m-text,\n  .mm-m-final {\n    max-width: 780px;\n    margin: 0 auto 20px;\n    font-family: Arial, sans-serif;\n    font-size: clamp(16px, 2vw, 19px);\n    line-height: 1.8;\n    color: #5a4738;\n  }\n\n  .mm-m-lead strong {\n    color: #9a6a23;\n  }\n\n  .mm-m-divider {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 16px;\n    margin: 36px auto;\n  }\n\n  .mm-m-divider span {\n    width: 84px;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, rgba(153, 113, 48, 0.55), transparent);\n  }\n\n  .mm-m-divider b {\n    width: 50px;\n    height: 50px;\n    display: grid;\n    place-items: center;\n    border-radius: 50%;\n    background: rgba(255, 255, 255, 0.78);\n    color: #b1843b;\n    font-size: 32px;\n    font-weight: 400;\n    box-shadow: 0 14px 34px rgba(115, 82, 36, 0.14);\n    animation: mHeartPulse 3.8s ease-in-out infinite;\n  }\n\n  .mm-m-card {\n    max-width: 890px;\n    margin: 46px auto 34px;\n    padding: clamp(28px, 5vw, 48px);\n    border-radius: 34px;\n    border: 1px solid rgba(153, 113, 48, 0.18);\n    background: rgba(255, 255, 255, 0.68);\n    box-shadow: 0 26px 75px rgba(86, 59, 27, 0.13);\n    backdrop-filter: blur(14px);\n  }\n\n  .mm-m-card h3 {\n    margin: 0 0 28px;\n    font-size: clamp(28px, 4vw, 44px);\n    font-weight: 400;\n  }\n\n  .mm-m-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 18px;\n    text-align: left;\n  }\n\n  .mm-m-item {\n    display: flex;\n    gap: 15px;\n    padding: 20px;\n    border-radius: 24px;\n    background: linear-gradient(145deg, rgba(255,255,255,0.84), rgba(255,247,235,0.76));\n    border: 1px solid rgba(153, 113, 48, 0.12);\n    transition: 0.35s ease;\n  }\n\n  .mm-m-item:hover {\n    transform: translateY(-7px);\n    box-shadow: 0 18px 40px rgba(91, 62, 26, 0.13);\n    border-color: rgba(153, 113, 48, 0.3);\n  }\n\n  .mm-m-item i {\n    flex: 0 0 42px;\n    width: 42px;\n    height: 42px;\n    display: grid;\n    place-items: center;\n    border-radius: 50%;\n    background: #fff8ec;\n    font-style: normal;\n    box-shadow: inset 0 0 0 1px rgba(153, 113, 48, 0.13);\n    animation: mIconFloat 3s ease-in-out infinite;\n  }\n\n  .mm-m-item:nth-child(2) i { animation-delay: 0.25s; }\n  .mm-m-item:nth-child(3) i { animation-delay: 0.5s; }\n  .mm-m-item:nth-child(4) i { animation-delay: 0.75s; }\n  .mm-m-item:nth-child(5) i { animation-delay: 1s; }\n\n  .mm-m-item p {\n    margin: 0;\n    font-family: Arial, sans-serif;\n    font-size: 15px;\n    line-height: 1.65;\n    color: #5d4a3a;\n  }\n\n  .mm-m-item strong {\n    color: #3c2a1f;\n  }\n\n  .mm-m-wide {\n    grid-column: span 2;\n  }\n\n  .mm-m-final {\n    font-size: clamp(18px, 2vw, 22px);\n    color: #3f2e22;\n  }\n\n  @keyframes mFadeUp {\n    from {\n      opacity: 0;\n      transform: translateY(28px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  @keyframes mFloat {\n    0%, 100% {\n      transform: translateY(0) scale(1);\n    }\n    50% {\n      transform: translateY(-22px) scale(1.08);\n    }\n  }\n\n  @keyframes mHeartPulse {\n    0%, 100% {\n      transform: scale(1);\n      box-shadow: 0 14px 34px rgba(115, 82, 36, 0.14);\n    }\n    50% {\n      transform: scale(1.08);\n      box-shadow: 0 18px 42px rgba(177, 132, 59, 0.22);\n    }\n  }\n\n  @keyframes mIconFloat {\n    0%, 100% {\n      transform: translateY(0);\n    }\n    50% {\n      transform: translateY(-5px);\n    }\n  }\n\n  @media (max-width: 720px) {\n    .mm-mcollection {\n      padding: 55px 16px;\n    }\n\n    .mm-m-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .mm-m-wide {\n      grid-column: span 1;\n    }\n\n    .mm-m-item {\n      padding: 18px;\n    }\n\n    .mm-m-divider span {\n      width: 54px;\n    }\n  }\n\u003c\/style\u003e","brand":"Mama Moon","offers":[{"title":"Default Title","offer_id":45130397614103,"sku":null,"price":399.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0793\/8627\/9959\/files\/PHOTO-2026-04-29-15-44-37_002.jpg?v=1778582039","url":"https:\/\/mamamoon.co.za\/products\/mama-moon%e2%84%a2-the-m-collection-layered-heart-initial-necklace","provider":"Mama Moon","version":"1.0","type":"link"}