{"product_id":"lumari™-skin-edit-pouch","title":"Lumari™ Skin Edit Pouch","description":"\u003cstyle\u003e\n  .lm-skin-edit {\n    --lm-black: #080808;\n    --lm-black-soft: #141414;\n    --lm-gold: #d9a441;\n    --lm-gold-light: #f5d58b;\n    --lm-cream: #f8f3ea;\n    --lm-muted: #bdb7ad;\n    position: relative;\n    overflow: hidden;\n    isolation: isolate;\n    max-width: 1100px;\n    margin: 28px auto;\n    padding: clamp(28px, 5vw, 64px);\n    border: 1px solid rgba(217, 164, 65, 0.35);\n    border-radius: 22px;\n    color: var(--lm-cream);\n    background:\n      radial-gradient(circle at 12% 8%, rgba(217, 164, 65, 0.18), transparent 28%),\n      radial-gradient(circle at 92% 86%, rgba(217, 164, 65, 0.12), transparent 28%),\n      linear-gradient(135deg, #050505, #17130d 52%, #080808);\n    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.18);\n    font-family: inherit;\n  }\n\n  .lm-skin-edit::before,\n  .lm-skin-edit::after {\n    content: \"\";\n    position: absolute;\n    z-index: -1;\n    border-radius: 50%;\n    pointer-events: none;\n    filter: blur(2px);\n  }\n\n  .lm-skin-edit::before {\n    width: 170px;\n    height: 170px;\n    top: -90px;\n    right: 12%;\n    border: 1px solid rgba(245, 213, 139, 0.34);\n    animation: lmFloat 7s ease-in-out infinite;\n  }\n\n  .lm-skin-edit::after {\n    width: 100px;\n    height: 100px;\n    bottom: -55px;\n    left: 8%;\n    background: rgba(217, 164, 65, 0.08);\n    animation: lmFloat 6s ease-in-out infinite reverse;\n  }\n\n  .lm-skin-edit * {\n    box-sizing: border-box;\n  }\n\n  .lm-skin-edit__content {\n    position: relative;\n    z-index: 1;\n  }\n\n  .lm-skin-edit__eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    margin: 0 0 16px;\n    color: var(--lm-gold-light);\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.22em;\n    line-height: 1.4;\n    text-transform: uppercase;\n    animation: lmReveal 0.8s ease both;\n  }\n\n  .lm-skin-edit__eyebrow::before {\n    content: \"\";\n    width: 30px;\n    height: 1px;\n    background: var(--lm-gold);\n  }\n\n  .lm-skin-edit h2 {\n    max-width: 720px;\n    margin: 0;\n    color: var(--lm-cream);\n    font-size: clamp(30px, 5vw, 58px);\n    font-weight: 500;\n    letter-spacing: -0.04em;\n    line-height: 1.02;\n    animation: lmReveal 0.8s 0.12s ease both;\n  }\n\n  .lm-skin-edit h2 span {\n    display: block;\n    color: var(--lm-gold-light);\n    background: linear-gradient(\n      110deg,\n      var(--lm-gold) 20%,\n      #fff1bd 40%,\n      var(--lm-gold) 60%\n    );\n    background-size: 220% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n    animation:\n      lmReveal 0.8s 0.12s ease both,\n      lmShimmer 6s 1.1s linear infinite;\n  }\n\n  .lm-skin-edit__intro {\n    max-width: 720px;\n    margin: 22px 0 0;\n    color: var(--lm-muted);\n    font-size: clamp(15px, 2vw, 18px);\n    line-height: 1.75;\n    animation: lmReveal 0.8s 0.24s ease both;\n  }\n\n  .lm-skin-edit__divider {\n    width: 100%;\n    height: 1px;\n    margin: 36px 0;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(217, 164, 65, 0.7),\n      transparent\n    );\n    animation: lmScale 1s 0.35s ease both;\n  }\n\n  .lm-skin-edit__benefits {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 14px;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .lm-skin-edit__benefit {\n    min-height: 145px;\n    padding: 20px 17px;\n    border: 1px solid rgba(217, 164, 65, 0.22);\n    border-radius: 14px;\n    background: rgba(255, 255, 255, 0.045);\n    backdrop-filter: blur(8px);\n    transition:\n      transform 0.35s ease,\n      border-color 0.35s ease,\n      background 0.35s ease;\n    animation: lmReveal 0.75s ease both;\n    animation-delay: calc(0.38s + (var(--lm-index) * 0.1s));\n  }\n\n  .lm-skin-edit__benefit:hover {\n    transform: translateY(-7px);\n    border-color: rgba(245, 213, 139, 0.72);\n    background: rgba(217, 164, 65, 0.1);\n  }\n\n  .lm-skin-edit__icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 35px;\n    height: 35px;\n    margin-bottom: 16px;\n    border: 1px solid rgba(245, 213, 139, 0.55);\n    border-radius: 50%;\n    color: var(--lm-gold-light);\n    font-size: 17px;\n  }\n\n  .lm-skin-edit__benefit strong {\n    display: block;\n    margin-bottom: 8px;\n    color: var(--lm-cream);\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 1.35;\n  }\n\n  .lm-skin-edit__benefit small {\n    display: block;\n    color: var(--lm-muted);\n    font-size: 13px;\n    line-height: 1.55;\n  }\n\n  .lm-skin-edit__how {\n    display: grid;\n    grid-template-columns: 0.8fr 1.2fr;\n    gap: clamp(28px, 6vw, 80px);\n    align-items: center;\n    margin-top: 52px;\n    padding: clamp(22px, 4vw, 38px);\n    border: 1px solid rgba(217, 164, 65, 0.25);\n    border-radius: 17px;\n    background: linear-gradient(\n      135deg,\n      rgba(217, 164, 65, 0.11),\n      rgba(255, 255, 255, 0.035)\n    );\n    animation: lmReveal 0.9s 0.8s ease both;\n  }\n\n  .lm-skin-edit__how h3 {\n    margin: 0 0 12px;\n    color: var(--lm-gold-light);\n    font-size: clamp(22px, 3vw, 32px);\n    font-weight: 500;\n    line-height: 1.1;\n  }\n\n  .lm-skin-edit__how p {\n    margin: 0;\n    color: var(--lm-muted);\n    font-size: 14px;\n    line-height: 1.7;\n  }\n\n  .lm-skin-edit__steps {\n    display: grid;\n    gap: 14px;\n  }\n\n  .lm-skin-edit__step {\n    display: grid;\n    grid-template-columns: 38px 1fr;\n    gap: 13px;\n    align-items: center;\n  }\n\n  .lm-skin-edit__number {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 38px;\n    height: 38px;\n    border: 1px solid var(--lm-gold);\n    border-radius: 50%;\n    color: var(--lm-gold-light);\n    font-size: 13px;\n    font-weight: 700;\n  }\n\n  .lm-skin-edit__step span:last-child {\n    color: var(--lm-cream);\n    font-size: 14px;\n    line-height: 1.5;\n  }\n\n  .lm-skin-edit__footer {\n    margin: 32px 0 0;\n    color: var(--lm-gold-light);\n    font-size: 12px;\n    font-weight: 600;\n    letter-spacing: 0.14em;\n    text-align: center;\n    text-transform: uppercase;\n    animation: lmReveal 0.8s 1s ease both;\n  }\n\n  @keyframes lmReveal {\n    from {\n      opacity: 0;\n      transform: translateY(18px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  @keyframes lmScale {\n    from {\n      opacity: 0;\n      transform: scaleX(0.5);\n    }\n    to {\n      opacity: 1;\n      transform: scaleX(1);\n    }\n  }\n\n  @keyframes lmFloat {\n    0%, 100% {\n      transform: translate3d(0, 0, 0) rotate(0deg);\n    }\n    50% {\n      transform: translate3d(12px, 15px, 0) rotate(8deg);\n    }\n  }\n\n  @keyframes lmShimmer {\n    to {\n      background-position: 220% center;\n    }\n  }\n\n  @media (max-width: 800px) {\n    .lm-skin-edit__benefits {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    .lm-skin-edit__how {\n      grid-template-columns: 1fr;\n      gap: 26px;\n    }\n  }\n\n  @media (max-width: 520px) {\n    .lm-skin-edit {\n      margin: 16px auto;\n      padding: 26px 18px;\n      border-radius: 16px;\n    }\n\n    .lm-skin-edit__benefits {\n      grid-template-columns: 1fr;\n    }\n\n    .lm-skin-edit__benefit {\n      min-height: auto;\n    }\n\n    .lm-skin-edit__intro {\n      font-size: 15px;\n      line-height: 1.65;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .lm-skin-edit *,\n    .lm-skin-edit::before,\n    .lm-skin-edit::after {\n      animation: none !important;\n      transition: none !important;\n    }\n  }\n\u003c\/style\u003e\n\u003csection class=\"lm-skin-edit\"\u003e\n\u003cdiv class=\"lm-skin-edit__content\"\u003e\n\u003cp class=\"lm-skin-edit__eyebrow\"\u003eLumari™ Beauty Essentials\u003c\/p\u003e\n\u003ch2 id=\"lm-skin-edit-title\"\u003eYour ritual, \u003cspan\u003ebeautifully organised.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"lm-skin-edit__intro\"\u003eKeep your skincare routine beautifully organised wherever you go. The Lumari™ Skin Edit Pouch gives your everyday beauty essentials one clean, dedicated space, making your products easier to find, carry, and enjoy.\u003c\/p\u003e\n\u003cdiv class=\"lm-skin-edit__divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cul class=\"lm-skin-edit__benefits\"\u003e\n\u003cli class=\"lm-skin-edit__benefit\" style=\"--lm-index: 0;\"\u003e\n\u003cspan class=\"lm-skin-edit__icon\"\u003e✦\u003c\/span\u003e \u003cstrong\u003eStay organised\u003c\/strong\u003e \u003csmall\u003eKeep your skincare essentials together and easy to find.\u003c\/small\u003e\n\u003c\/li\u003e\n\u003cli class=\"lm-skin-edit__benefit\" style=\"--lm-index: 1;\"\u003e\n\u003cspan class=\"lm-skin-edit__icon\"\u003e↗\u003c\/span\u003e \u003cstrong\u003eTake it anywhere\u003c\/strong\u003e \u003csmall\u003eMove effortlessly from your vanity to your travel bag.\u003c\/small\u003e\n\u003c\/li\u003e\n\u003cli class=\"lm-skin-edit__benefit\" style=\"--lm-index: 2;\"\u003e\n\u003cspan class=\"lm-skin-edit__icon\"\u003e◇\u003c\/span\u003e \u003cstrong\u003eClear the clutter\u003c\/strong\u003e \u003csmall\u003eCreate a neater, calmer space for your daily routine.\u003c\/small\u003e\n\u003c\/li\u003e\n\u003cli class=\"lm-skin-edit__benefit\" style=\"--lm-index: 3;\"\u003e\n\u003cspan class=\"lm-skin-edit__icon\"\u003e♡\u003c\/span\u003e \u003cstrong\u003eMade for daily use\u003c\/strong\u003e \u003csmall\u003eA stylish and practical companion for your beauty ritual.\u003c\/small\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"lm-skin-edit__how\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eHow it works\u003c\/h3\u003e\n\u003cp\u003eSimply place your daily skincare and beauty essentials inside, zip the pouch closed, and take your ritual with you.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lm-skin-edit__steps\"\u003e\n\u003cdiv class=\"lm-skin-edit__step\"\u003e\n\u003cspan class=\"lm-skin-edit__number\"\u003e01\u003c\/span\u003e \u003cspan\u003ePlace your skincare and beauty essentials inside.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lm-skin-edit__step\"\u003e\n\u003cspan class=\"lm-skin-edit__number\"\u003e02\u003c\/span\u003e \u003cspan\u003eZip the pouch closed for a neat, contained routine.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lm-skin-edit__step\"\u003e\n\u003cspan class=\"lm-skin-edit__number\"\u003e03\u003c\/span\u003e \u003cspan\u003eCarry your everyday ritual wherever you go.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"lm-skin-edit__footer\"\u003eSimple storage. Elevated routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"Lumari","offers":[{"title":"Default Title","offer_id":45710388822085,"sku":null,"price":149.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/0543\/7765\/files\/hero-product-photo-with-black-packaging-box.png?v=1788856195","url":"https:\/\/lumari.co.za\/products\/lumari%e2%84%a2-skin-edit-pouch","provider":"Lumari","version":"1.0","type":"link"}