{"title":"New Products","description":null,"products":[{"product_id":"lumari™-collagen-patches","title":"Lumari™ Collagen Patches","description":"\u003c!-- =========================================================\n     LUMARI™ COLLAGEN PATCHES\n     PREMIUM BLACK \u0026 GOLD SHOPIFY PRODUCT DESCRIPTION\n     CSS-ONLY ANIMATIONS\n========================================================= --\u003e\n\n\u003cdiv id=\"lumari-collagen-page\"\u003e\n\n\u003cstyle\u003e\n\n\/* =========================================================\n   RESET \/ MAIN CONTAINER\n========================================================= *\/\n\n#lumari-collagen-page,\n#lumari-collagen-page * {\n    box-sizing: border-box;\n}\n\n#lumari-collagen-page {\n    width: 100%;\n    max-width: 1400px;\n    margin: 0 auto;\n    overflow: hidden;\n    background: #050505;\n    color: #f7f1e7;\n    font-family: Arial, Helvetica, sans-serif;\n    line-height: 1.7;\n}\n\n#lumari-collagen-page h1,\n#lumari-collagen-page h2,\n#lumari-collagen-page h3 {\n    margin: 0;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-weight: 400;\n}\n\n#lumari-collagen-page p {\n    margin: 0;\n}\n\n#lumari-collagen-page strong {\n    color: #d9ad55;\n}\n\n#lumari-collagen-page .lc-section {\n    position: relative;\n    padding: 100px 7%;\n    overflow: hidden;\n}\n\n\/* =========================================================\n   GOLD COLOURS\n========================================================= *\/\n\n#lumari-collagen-page {\n    --gold: #d6a94f;\n    --gold-light: #f5d889;\n    --gold-bright: #ffe9a8;\n    --gold-dark: #9c7028;\n    --black: #050505;\n    --black-2: #0b0b0b;\n    --black-3: #121212;\n    --cream: #f8f1e6;\n    --muted: #bdb5aa;\n}\n\n\/* =========================================================\n   GOLD SHIMMER\n========================================================= *\/\n\n#lumari-collagen-page .lc-gold-text {\n    background: linear-gradient(\n        100deg,\n        #9c7028 0%,\n        #d6a94f 25%,\n        #fff0b5 48%,\n        #d6a94f 65%,\n        #9c7028 100%\n    );\n\n    background-size: 250% auto;\n\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n\n    animation: lcGoldShimmer 5s linear infinite;\n}\n\n@keyframes lcGoldShimmer {\n\n    0% {\n        background-position: 250% center;\n    }\n\n    100% {\n        background-position: -250% center;\n    }\n\n}\n\n\/* =========================================================\n   FLOATING GOLD ORBS\n========================================================= *\/\n\n#lumari-collagen-page .lc-orb {\n    position: absolute;\n    border-radius: 50%;\n    pointer-events: none;\n    filter: blur(1px);\n}\n\n#lumari-collagen-page .lc-orb-1 {\n    width: 280px;\n    height: 280px;\n    right: -120px;\n    top: -100px;\n\n    background:\n        radial-gradient(\n            circle,\n            rgba(214,169,79,.30) 0%,\n            rgba(214,169,79,.08) 45%,\n            transparent 72%\n        );\n\n    animation: lcOrbFloat 8s ease-in-out infinite;\n}\n\n#lumari-collagen-page .lc-orb-2 {\n    width: 220px;\n    height: 220px;\n    left: -100px;\n    bottom: -80px;\n\n    background:\n        radial-gradient(\n            circle,\n            rgba(214,169,79,.18) 0%,\n            transparent 70%\n        );\n\n    animation: lcOrbFloat 10s ease-in-out infinite reverse;\n}\n\n@keyframes lcOrbFloat {\n\n    0%,\n    100% {\n        transform: translate3d(0,0,0) scale(1);\n    }\n\n    50% {\n        transform: translate3d(25px,-25px,0) scale(1.12);\n    }\n\n}\n\n\/* =========================================================\n   GOLD PARTICLES\n========================================================= *\/\n\n#lumari-collagen-page .lc-particle {\n    position: absolute;\n    width: 4px;\n    height: 4px;\n    border-radius: 50%;\n\n    background: #f4d47e;\n\n    box-shadow:\n        0 0 8px rgba(245,216,137,.8),\n        0 0 18px rgba(214,169,79,.5);\n\n    animation: lcParticle 5s ease-in-out infinite;\n}\n\n#lumari-collagen-page .lc-p1 {\n    left: 8%;\n    top: 25%;\n}\n\n#lumari-collagen-page .lc-p2 {\n    left: 20%;\n    top: 75%;\n    animation-delay: 1s;\n}\n\n#lumari-collagen-page .lc-p3 {\n    right: 15%;\n    top: 20%;\n    animation-delay: 2s;\n}\n\n#lumari-collagen-page .lc-p4 {\n    right: 8%;\n    bottom: 25%;\n    animation-delay: 3s;\n}\n\n#lumari-collagen-page .lc-p5 {\n    left: 48%;\n    top: 12%;\n    animation-delay: 1.5s;\n}\n\n@keyframes lcParticle {\n\n    0%,\n    100% {\n        opacity: .15;\n        transform: translateY(0) scale(.7);\n    }\n\n    50% {\n        opacity: 1;\n        transform: translateY(-25px) scale(1.4);\n    }\n\n}\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n#lumari-collagen-page .lc-hero {\n    min-height: 760px;\n\n    display: flex;\n    align-items: center;\n\n    position: relative;\n\n    background:\n        radial-gradient(\n            circle at 78% 40%,\n            rgba(214,169,79,.16),\n            transparent 32%\n        ),\n\n        radial-gradient(\n            circle at 20% 70%,\n            rgba(214,169,79,.08),\n            transparent 35%\n        ),\n\n        linear-gradient(\n            135deg,\n            #030303 0%,\n            #0b0a08 55%,\n            #030303 100%\n        );\n\n    border-bottom: 1px solid rgba(214,169,79,.25);\n}\n\n#lumari-collagen-page .lc-hero-inner {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 70px;\n\n    align-items: center;\n\n    position: relative;\n    z-index: 2;\n}\n\n\/* =========================================================\n   HERO TEXT\n========================================================= *\/\n\n#lumari-collagen-page .lc-eyebrow {\n    display: inline-block;\n\n    margin-bottom: 20px;\n\n    font-size: 11px;\n    font-weight: bold;\n\n    letter-spacing: 4px;\n    text-transform: uppercase;\n\n    color: #d6a94f;\n}\n\n#lumari-collagen-page .lc-hero h1 {\n    font-size: clamp(50px, 6vw, 88px);\n    line-height: 1.02;\n\n    letter-spacing: -3px;\n\n    color: #fffaf1;\n\n    margin-bottom: 28px;\n}\n\n#lumari-collagen-page .lc-hero h1 em {\n    font-style: italic;\n    color: #d6a94f;\n}\n\n#lumari-collagen-page .lc-hero-description {\n    max-width: 570px;\n\n    color: #c7c0b7;\n\n    font-size: 17px;\n\n    margin-bottom: 35px;\n}\n\n\/* =========================================================\n   GOLD BUTTON\n========================================================= *\/\n\n#lumari-collagen-page .lc-button {\n    display: inline-block;\n\n    padding: 16px 30px;\n\n    border: 1px solid #d6a94f;\n    border-radius: 50px;\n\n    text-decoration: none;\n\n    color: #050505;\n    background: linear-gradient(\n        100deg,\n        #a87a2c,\n        #f3d27b,\n        #b98732\n    );\n\n    font-size: 12px;\n    font-weight: bold;\n\n    letter-spacing: 2px;\n    text-transform: uppercase;\n\n    transition:\n        transform .35s ease,\n        box-shadow .35s ease;\n}\n\n#lumari-collagen-page .lc-button:hover {\n    transform: translateY(-5px);\n\n    box-shadow:\n        0 12px 35px rgba(214,169,79,.30);\n}\n\n\/* =========================================================\n   HERO PRODUCT VISUAL\n========================================================= *\/\n\n#lumari-collagen-page .lc-product-stage {\n    min-height: 510px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    position: relative;\n}\n\n#lumari-collagen-page .lc-product-glow {\n    position: absolute;\n\n    width: 430px;\n    height: 430px;\n\n    border-radius: 50%;\n\n    background:\n        radial-gradient(\n            circle,\n            rgba(214,169,79,.24),\n            rgba(214,169,79,.07) 42%,\n            transparent 70%\n        );\n\n    animation: lcGlow 5s ease-in-out infinite;\n}\n\n@keyframes lcGlow {\n\n    0%,\n    100% {\n        transform: scale(.92);\n        opacity: .7;\n    }\n\n    50% {\n        transform: scale(1.08);\n        opacity: 1;\n    }\n\n}\n\n\/* =========================================================\n   CSS PRODUCT JAR\n========================================================= *\/\n\n#lumari-collagen-page .lc-jar {\n    width: 300px;\n    height: 330px;\n\n    position: relative;\n    z-index: 4;\n\n    animation: lcJarFloat 5s ease-in-out infinite;\n\n    filter:\n        drop-shadow(\n            0 35px 35px rgba(0,0,0,.75)\n        );\n}\n\n@keyframes lcJarFloat {\n\n    0%,\n    100% {\n        transform: translateY(0) rotate(-2deg);\n    }\n\n    50% {\n        transform: translateY(-18px) rotate(2deg);\n    }\n\n}\n\n#lumari-collagen-page .lc-jar-lid {\n    position: absolute;\n\n    top: 20px;\n    left: 22px;\n\n    width: 256px;\n    height: 75px;\n\n    border-radius: 38px 38px 17px 17px;\n\n    background:\n        linear-gradient(\n            145deg,\n            #fff0b1,\n            #c28c35 38%,\n            #f7d982 58%,\n            #a87324\n        );\n\n    border: 1px solid #f2ce72;\n\n    box-shadow:\n        inset 0 5px 10px rgba(255,255,255,.45),\n        0 15px 30px rgba(0,0,0,.55);\n}\n\n#lumari-collagen-page .lc-jar-lid:after {\n    content: \"LUMARI™\";\n\n    position: absolute;\n\n    width: 100%;\n\n    top: 27px;\n\n    text-align: center;\n\n    color: #17120b;\n\n    font-size: 15px;\n\n    letter-spacing: 5px;\n\n    font-weight: bold;\n}\n\n#lumari-collagen-page .lc-jar-body {\n    position: absolute;\n\n    top: 83px;\n    left: 43px;\n\n    width: 215px;\n    height: 225px;\n\n    border-radius: 24px 24px 48px 48px;\n\n    background:\n        linear-gradient(\n            145deg,\n            #f8d88a,\n            #a9752a 30%,\n            #e9c06a 55%,\n            #8d6121\n        );\n\n    border: 1px solid rgba(255,224,145,.65);\n\n    box-shadow:\n        inset 12px 0 25px rgba(255,255,255,.22),\n        inset -12px 0 25px rgba(0,0,0,.28),\n        0 35px 45px rgba(0,0,0,.55);\n}\n\n#lumari-collagen-page .lc-jar-label {\n    position: absolute;\n\n    top: 63px;\n    left: 20px;\n\n    width: 175px;\n\n    padding: 23px 10px;\n\n    text-align: center;\n\n    border-radius: 12px;\n\n    background:\n        linear-gradient(\n            145deg,\n            #111,\n            #050505\n        );\n\n    border: 1px solid rgba(214,169,79,.55);\n\n    box-shadow:\n        0 8px 20px rgba(0,0,0,.4);\n}\n\n#lumari-collagen-page .lc-jar-label small {\n    color: #d6a94f;\n\n    font-size: 8px;\n\n    letter-spacing: 3px;\n}\n\n#lumari-collagen-page .lc-jar-label strong {\n    display: block;\n\n    margin: 8px 0;\n\n    color: #f5d889;\n\n    font-family: Georgia, serif;\n\n    font-size: 22px;\n\n    font-weight: 400;\n}\n\n#lumari-collagen-page .lc-jar-label span {\n    color: #c6b99e;\n\n    font-size: 8px;\n\n    letter-spacing: 1.5px;\n}\n\n\/* =========================================================\n   FLOATING DROPS\n========================================================= *\/\n\n#lumari-collagen-page .lc-drop {\n    position: absolute;\n\n    border-radius: 50%;\n\n    background:\n        radial-gradient(\n            circle at 30% 25%,\n            #fff6ce,\n            #d6a94f 55%,\n            #7f591d\n        );\n\n    box-shadow:\n        0 0 20px rgba(214,169,79,.4);\n\n    opacity: .85;\n\n    animation: lcDropFloat 6s ease-in-out infinite;\n}\n\n#lumari-collagen-page .lc-drop-1 {\n    width: 18px;\n    height: 18px;\n\n    top: 65px;\n    right: 80px;\n}\n\n#lumari-collagen-page .lc-drop-2 {\n    width: 12px;\n    height: 12px;\n\n    bottom: 100px;\n    left: 60px;\n\n    animation-delay: 1.5s;\n}\n\n#lumari-collagen-page .lc-drop-3 {\n    width: 25px;\n    height: 25px;\n\n    top: 160px;\n    left: 35px;\n\n    animation-delay: 3s;\n}\n\n@keyframes lcDropFloat {\n\n    0%,\n    100% {\n        transform: translateY(0);\n    }\n\n    50% {\n        transform: translateY(-30px);\n    }\n\n}\n\n\/* =========================================================\n   LUXURY STAT BAR\n========================================================= *\/\n\n#lumari-collagen-page .lc-stat-bar {\n    background: #0b0b0b;\n\n    border-top: 1px solid rgba(214,169,79,.25);\n    border-bottom: 1px solid rgba(214,169,79,.25);\n\n    padding: 25px 7%;\n}\n\n#lumari-collagen-page .lc-stat-inner {\n    max-width: 1100px;\n\n    margin: auto;\n\n    display: grid;\n    grid-template-columns: repeat(4,1fr);\n\n    gap: 20px;\n}\n\n#lumari-collagen-page .lc-stat {\n    text-align: center;\n\n    padding: 10px;\n}\n\n#lumari-collagen-page .lc-stat-number {\n    display: block;\n\n    font-family: Georgia, serif;\n\n    font-size: 30px;\n\n    color: #e3bd69;\n\n    margin-bottom: 2px;\n}\n\n#lumari-collagen-page .lc-stat-label {\n    color: #918a80;\n\n    font-size: 11px;\n\n    letter-spacing: 1px;\n\n    text-transform: uppercase;\n}\n\n\/* =========================================================\n   SECTION HEADINGS\n========================================================= *\/\n\n#lumari-collagen-page .lc-heading {\n    text-align: center;\n\n    max-width: 780px;\n\n    margin: 0 auto 65px;\n}\n\n#lumari-collagen-page .lc-heading h2 {\n    color: #fff8ec;\n\n    font-size: clamp(40px,5vw,65px);\n\n    line-height: 1.08;\n\n    margin-bottom: 20px;\n}\n\n#lumari-collagen-page .lc-heading p {\n    color: #aaa39a;\n\n    font-size: 16px;\n}\n\n\/* =========================================================\n   BENEFITS\n========================================================= *\/\n\n#lumari-collagen-page .lc-benefits {\n    background:\n        radial-gradient(\n            circle at 50% 0%,\n            rgba(214,169,79,.09),\n            transparent 40%\n        ),\n        #050505;\n}\n\n#lumari-collagen-page .lc-benefit-grid {\n    max-width: 1150px;\n\n    margin: auto;\n\n    display: grid;\n\n    grid-template-columns: repeat(4,1fr);\n\n    gap: 18px;\n}\n\n#lumari-collagen-page .lc-benefit-card {\n    position: relative;\n\n    padding: 38px 26px;\n\n    min-height: 260px;\n\n    background:\n        linear-gradient(\n            145deg,\n            #111,\n            #080808\n        );\n\n    border: 1px solid rgba(214,169,79,.22);\n\n    border-radius: 20px;\n\n    overflow: hidden;\n\n    transition:\n        transform .4s ease,\n        border-color .4s ease,\n        box-shadow .4s ease;\n}\n\n#lumari-collagen-page .lc-benefit-card:before {\n    content: \"\";\n\n    position: absolute;\n\n    width: 140px;\n    height: 140px;\n\n    right: -70px;\n    top: -70px;\n\n    border-radius: 50%;\n\n    background:\n        radial-gradient(\n            circle,\n            rgba(214,169,79,.25),\n            transparent 70%\n        );\n\n    transition: transform .5s ease;\n}\n\n#lumari-collagen-page .lc-benefit-card:hover {\n    transform: translateY(-10px);\n\n    border-color: rgba(214,169,79,.7);\n\n    box-shadow:\n        0 20px 50px rgba(0,0,0,.5),\n        0 0 30px rgba(214,169,79,.07);\n}\n\n#lumari-collagen-page .lc-benefit-card:hover:before {\n    transform: scale(1.7);\n}\n\n#lumari-collagen-page .lc-benefit-icon {\n    font-size: 32px;\n\n    margin-bottom: 23px;\n\n    position: relative;\n\n    filter: grayscale(.15);\n}\n\n#lumari-collagen-page .lc-benefit-card h3 {\n    color: #f2dfb7;\n\n    font-size: 22px;\n\n    margin-bottom: 12px;\n}\n\n#lumari-collagen-page .lc-benefit-card p {\n    color: #999188;\n\n    font-size: 13px;\n}\n\n\/* =========================================================\n   HYDROGEL FEATURE\n========================================================= *\/\n\n#lumari-collagen-page .lc-feature {\n    background:\n        linear-gradient(\n            135deg,\n            #090806,\n            #11100d\n        );\n\n    border-top: 1px solid rgba(214,169,79,.15);\n    border-bottom: 1px solid rgba(214,169,79,.15);\n}\n\n#lumari-collagen-page .lc-feature-grid {\n    max-width: 1150px;\n\n    margin: auto;\n\n    display: grid;\n\n    grid-template-columns: 1fr 1fr;\n\n    gap: 80px;\n\n    align-items: center;\n}\n\n\/* =========================================================\n   HYDROGEL VISUAL\n========================================================= *\/\n\n#lumari-collagen-page .lc-patch-stage {\n    min-height: 480px;\n\n    position: relative;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    border-radius: 35px;\n\n    background:\n        radial-gradient(\n            circle at center,\n            rgba(214,169,79,.22),\n            transparent 58%\n        ),\n\n        linear-gradient(\n            145deg,\n            #11100d,\n            #050505\n        );\n\n    border: 1px solid rgba(214,169,79,.25);\n\n    overflow: hidden;\n}\n\n#lumari-collagen-page .lc-patch {\n    position: absolute;\n\n    width: 210px;\n    height: 100px;\n\n    border-radius: 80% 35% 80% 35%;\n\n    background:\n        linear-gradient(\n            135deg,\n            #fff2bf,\n            #d6a94f 50%,\n            #9b6c25\n        );\n\n    box-shadow:\n        inset 0 6px 15px rgba(255,255,255,.55),\n        0 20px 35px rgba(0,0,0,.6),\n        0 0 25px rgba(214,169,79,.2);\n}\n\n#lumari-collagen-page .lc-patch-left {\n    transform:\n        rotate(-12deg)\n        translateX(-65px);\n}\n\n#lumari-collagen-page .lc-patch-right {\n    transform:\n        rotate(12deg)\n        translateX(65px);\n}\n\n#lumari-collagen-page .lc-patch-shine {\n    position: absolute;\n\n    width: 35px;\n    height: 170px;\n\n    background:\n        rgba(255,245,204,.45);\n\n    filter: blur(10px);\n\n    transform: rotate(25deg);\n\n    animation: lcPatchShine 3.5s linear infinite;\n}\n\n@keyframes lcPatchShine {\n\n    0% {\n        left: -100px;\n    }\n\n    100% {\n        left: 550px;\n    }\n\n}\n\n\/* =========================================================\n   FEATURE TEXT\n========================================================= *\/\n\n#lumari-collagen-page .lc-feature-content h2 {\n    color: #fff7e8;\n\n    font-size: clamp(40px,5vw,62px);\n\n    line-height: 1.06;\n\n    margin-bottom: 25px;\n}\n\n#lumari-collagen-page .lc-feature-content h2 em {\n    color: #d6a94f;\n}\n\n#lumari-collagen-page .lc-feature-content \u003e p {\n    color: #aaa198;\n\n    font-size: 16px;\n\n    margin-bottom: 30px;\n}\n\n#lumari-collagen-page .lc-feature-list {\n    list-style: none;\n\n    padding: 0;\n    margin: 0;\n}\n\n#lumari-collagen-page .lc-feature-list li {\n    display: flex;\n\n    gap: 15px;\n\n    margin: 18px 0;\n\n    color: #c4bcb1;\n\n    font-size: 14px;\n}\n\n#lumari-collagen-page .lc-check {\n    width: 28px;\n    height: 28px;\n\n    min-width: 28px;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 50%;\n\n    color: #0a0907;\n\n    background:\n        linear-gradient(\n            145deg,\n            #f5d889,\n            #a87526\n        );\n\n    font-weight: bold;\n\n    box-shadow:\n        0 0 15px rgba(214,169,79,.18);\n}\n\n\/* =========================================================\n   60 PATCHES\n========================================================= *\/\n\n#lumari-collagen-page .lc-quantity {\n    text-align: center;\n\n    background:\n        radial-gradient(\n            circle at center,\n            rgba(214,169,79,.13),\n            transparent 50%\n        ),\n\n        #030303;\n}\n\n#lumari-collagen-page .lc-quantity h2 {\n    color: #fff6e5;\n\n    font-size: clamp(43px,6vw,75px);\n\n    line-height: 1;\n\n    margin-bottom: 25px;\n}\n\n#lumari-collagen-page .lc-quantity h2 span {\n    color: #d6a94f;\n}\n\n#lumari-collagen-page .lc-quantity-description {\n    max-width: 700px;\n\n    margin: auto;\n\n    color: #aaa197;\n\n    font-size: 16px;\n}\n\n#lumari-collagen-page .lc-number-display {\n    margin: 65px auto 0;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    gap: 25px;\n}\n\n#lumari-collagen-page .lc-big-number {\n    font-family: Georgia, serif;\n\n    font-size: 105px;\n\n    line-height: 1;\n\n    background:\n        linear-gradient(\n            120deg,\n            #9b6d26,\n            #f7dc91,\n            #a8792b\n        );\n\n    -webkit-background-clip: text;\n    background-clip: text;\n\n    color: transparent;\n\n    animation: lcNumberGlow 4s ease-in-out infinite;\n}\n\n@keyframes lcNumberGlow {\n\n    0%,\n    100% {\n        filter: drop-shadow(0 0 5px rgba(214,169,79,.05));\n    }\n\n    50% {\n        filter: drop-shadow(0 0 25px rgba(214,169,79,.35));\n    }\n\n}\n\n#lumari-collagen-page .lc-number-text {\n    max-width: 230px;\n\n    text-align: left;\n}\n\n#lumari-collagen-page .lc-number-text strong {\n    display: block;\n\n    color: #f2ddb2;\n\n    font-family: Georgia, serif;\n\n    font-size: 21px;\n\n    margin-bottom: 5px;\n}\n\n#lumari-collagen-page .lc-number-text p {\n    color: #918a81;\n\n    font-size: 13px;\n}\n\n\/* =========================================================\n   HOW TO USE\n========================================================= *\/\n\n#lumari-collagen-page .lc-how {\n    background: #0a0a0a;\n}\n\n#lumari-collagen-page .lc-steps {\n    max-width: 1050px;\n\n    margin: auto;\n\n    display: grid;\n\n    grid-template-columns: repeat(4,1fr);\n\n    gap: 25px;\n}\n\n#lumari-collagen-page .lc-step {\n    text-align: center;\n\n    padding: 10px;\n}\n\n#lumari-collagen-page .lc-step-number {\n    width: 76px;\n    height: 76px;\n\n    margin: 0 auto 23px;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 50%;\n\n    border: 1px solid rgba(214,169,79,.6);\n\n    background:\n        radial-gradient(\n            circle,\n            #29200f,\n            #080706\n        );\n\n    color: #e7c574;\n\n    font-family: Georgia, serif;\n\n    font-size: 25px;\n\n    box-shadow:\n        0 0 25px rgba(214,169,79,.08);\n\n    transition:\n        transform .4s ease,\n        box-shadow .4s ease;\n}\n\n#lumari-collagen-page .lc-step:hover .lc-step-number {\n    transform: translateY(-8px) rotate(7deg);\n\n    box-shadow:\n        0 0 30px rgba(214,169,79,.3);\n}\n\n#lumari-collagen-page .lc-step h3 {\n    color: #f1dfb7;\n\n    font-size: 21px;\n\n    margin-bottom: 10px;\n}\n\n#lumari-collagen-page .lc-step p {\n    color: #928b82;\n\n    font-size: 13px;\n}\n\n\/* =========================================================\n   LUXURY RITUAL\n========================================================= *\/\n\n#lumari-collagen-page .lc-ritual {\n    background:\n        radial-gradient(\n            circle at center,\n            rgba(214,169,79,.16),\n            transparent 55%\n        ),\n\n        #050505;\n\n    text-align: center;\n}\n\n#lumari-collagen-page .lc-ritual-box {\n    max-width: 950px;\n\n    margin: auto;\n\n    padding: 75px 50px;\n\n    position: relative;\n\n    border-radius: 35px;\n\n    background:\n        linear-gradient(\n            145deg,\n            rgba(20,20,18,.95),\n            rgba(5,5,5,.95)\n        );\n\n    border: 1px solid rgba(214,169,79,.35);\n\n    box-shadow:\n        0 30px 80px rgba(0,0,0,.6),\n        inset 0 0 60px rgba(214,169,79,.035);\n}\n\n#lumari-collagen-page .lc-ritual-box:before {\n    content: \"\";\n\n    position: absolute;\n\n    inset: 10px;\n\n    border: 1px solid rgba(214,169,79,.10);\n\n    border-radius: 28px;\n\n    pointer-events: none;\n}\n\n#lumari-collagen-page .lc-ritual-box h2 {\n    color: #fff5e2;\n\n    font-size: clamp(40px,5vw,62px);\n\n    line-height: 1.05;\n\n    margin-bottom: 22px;\n}\n\n#lumari-collagen-page .lc-ritual-box p {\n    max-width: 680px;\n\n    margin: auto auto 30px;\n\n    color: #aaa197;\n\n    font-size: 16px;\n}\n\n#lumari-collagen-page .lc-pill {\n    display: inline-block;\n\n    padding: 12px 24px;\n\n    border-radius: 50px;\n\n    border: 1px solid rgba(214,169,79,.45);\n\n    color: #e0bf71;\n\n    font-size: 11px;\n\n    letter-spacing: 2px;\n\n    text-transform: uppercase;\n}\n\n\/* =========================================================\n   SAFETY\n========================================================= *\/\n\n#lumari-collagen-page .lc-safety {\n    padding-top: 60px;\n    padding-bottom: 60px;\n\n    background: #080808;\n}\n\n#lumari-collagen-page .lc-safety-box {\n    max-width: 850px;\n\n    margin: auto;\n\n    padding: 25px 30px;\n\n    border-left: 2px solid #d6a94f;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(214,169,79,.08),\n            transparent\n        );\n}\n\n#lumari-collagen-page .lc-safety-box strong {\n    display: block;\n\n    font-family: Georgia, serif;\n\n    font-size: 19px;\n\n    color: #e2c277;\n\n    margin-bottom: 7px;\n}\n\n#lumari-collagen-page .lc-safety-box p {\n    color: #958e85;\n\n    font-size: 13px;\n}\n\n\/* =========================================================\n   FINAL CTA\n========================================================= *\/\n\n#lumari-collagen-page .lc-final {\n    min-height: 470px;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    text-align: center;\n\n    position: relative;\n\n    background:\n        radial-gradient(\n            circle at center,\n            rgba(214,169,79,.18),\n            transparent 50%\n        ),\n\n        linear-gradient(\n            135deg,\n            #030303,\n            #100e09,\n            #030303\n        );\n\n    border-top: 1px solid rgba(214,169,79,.3);\n}\n\n#lumari-collagen-page .lc-final h2 {\n    color: #fff5e5;\n\n    font-size: clamp(48px,7vw,82px);\n\n    line-height: .98;\n\n    margin-bottom: 25px;\n}\n\n#lumari-collagen-page .lc-final h2 span {\n    color: #d6a94f;\n\n    font-style: italic;\n}\n\n#lumari-collagen-page .lc-final p {\n    max-width: 620px;\n\n    margin: 0 auto 35px;\n\n    color: #a9a198;\n\n    font-size: 16px;\n}\n\n\/* =========================================================\n   GOLD LINE ANIMATION\n========================================================= *\/\n\n#lumari-collagen-page .lc-gold-line {\n    width: 100px;\n    height: 1px;\n\n    margin: 25px auto;\n\n    background:\n        linear-gradient(\n            90deg,\n            transparent,\n            #d6a94f,\n            transparent\n        );\n\n    animation: lcLinePulse 3s ease-in-out infinite;\n}\n\n@keyframes lcLinePulse {\n\n    0%,\n    100% {\n        width: 70px;\n        opacity: .5;\n    }\n\n    50% {\n        width: 180px;\n        opacity: 1;\n    }\n\n}\n\n\/* =========================================================\n   RESPONSIVE TABLET\n========================================================= *\/\n\n@media (max-width: 900px) {\n\n    #lumari-collagen-page .lc-hero-inner,\n    #lumari-collagen-page .lc-feature-grid {\n        grid-template-columns: 1fr;\n        gap: 50px;\n    }\n\n    #lumari-collagen-page .lc-hero {\n        padding-top: 80px;\n        padding-bottom: 80px;\n    }\n\n    #lumari-collagen-page .lc-hero-content {\n        text-align: center;\n    }\n\n    #lumari-collagen-page .lc-hero-description {\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    #lumari-collagen-page .lc-product-stage {\n        min-height: 430px;\n    }\n\n    #lumari-collagen-page .lc-benefit-grid {\n        grid-template-columns: repeat(2,1fr);\n    }\n\n    #lumari-collagen-page .lc-steps {\n        grid-template-columns: repeat(2,1fr);\n        row-gap: 45px;\n    }\n\n    #lumari-collagen-page .lc-feature-content {\n        text-align: center;\n    }\n\n    #lumari-collagen-page .lc-feature-list {\n        text-align: left;\n        max-width: 550px;\n        margin: auto;\n    }\n\n}\n\n\/* =========================================================\n   RESPONSIVE MOBILE\n========================================================= *\/\n\n@media (max-width: 600px) {\n\n    #lumari-collagen-page .lc-section {\n        padding: 70px 6%;\n    }\n\n    #lumari-collagen-page .lc-hero {\n        min-height: auto;\n    }\n\n    #lumari-collagen-page .lc-hero h1 {\n        font-size: 52px;\n        letter-spacing: -2px;\n    }\n\n    #lumari-collagen-page .lc-hero-description {\n        font-size: 15px;\n    }\n\n    #lumari-collagen-page .lc-product-stage {\n        min-height: 370px;\n    }\n\n    #lumari-collagen-page .lc-jar {\n        transform: scale(.78);\n    }\n\n    #lumari-collagen-page .lc-product-glow {\n        width: 310px;\n        height: 310px;\n    }\n\n    #lumari-collagen-page .lc-stat-inner {\n        grid-template-columns: repeat(2,1fr);\n    }\n\n    #lumari-collagen-page .lc-benefit-grid {\n        grid-template-columns: 1fr;\n    }\n\n    #lumari-collagen-page .lc-benefit-card {\n        min-height: auto;\n    }\n\n    #lumari-collagen-page .lc-patch-stage {\n        min-height: 340px;\n    }\n\n    #lumari-collagen-page .lc-patch {\n        width: 150px;\n        height: 72px;\n    }\n\n    #lumari-collagen-page .lc-number-display {\n        flex-direction: column;\n    }\n\n    #lumari-collagen-page .lc-big-number {\n        font-size: 82px;\n    }\n\n    #lumari-collagen-page .lc-number-text {\n        text-align: center;\n    }\n\n    #lumari-collagen-page .lc-steps {\n        grid-template-columns: 1fr;\n    }\n\n    #lumari-collagen-page .lc-ritual-box {\n        padding: 55px 25px;\n    }\n\n    #lumari-collagen-page .lc-final {\n        min-height: 420px;\n    }\n\n}\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    #lumari-collagen-page *,\n    #lumari-collagen-page *::before,\n    #lumari-collagen-page *::after {\n        animation-duration: .01ms !important;\n        animation-iteration-count: 1 !important;\n        transition-duration: .01ms !important;\n    }\n\n}\n\n\u003c\/style\u003e\n\n\n\u003c!-- =========================================================\n     HERO SECTION\n========================================================= --\u003e\n\n\u003csection class=\"lc-section lc-hero\"\u003e\n\n    \u003cdiv class=\"lc-orb lc-orb-1\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"lc-orb lc-orb-2\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"lc-particle lc-p1\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"lc-particle lc-p2\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"lc-particle lc-p3\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"lc-particle lc-p4\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"lc-particle lc-p5\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"lc-hero-inner\"\u003e\n\n        \u003cdiv class=\"lc-hero-content\"\u003e\n\n            \u003cdiv class=\"lc-eyebrow\"\u003e\n                LUMARI™ SKINCARE\n            \u003c\/div\u003e\n\n            \u003ch1\u003e\n                Refresh\u003cbr\u003e\n                tired-looking\u003cbr\u003e\n                \u003cem class=\"lc-gold-text\"\u003eeyes.\u003c\/em\u003e\n            \u003c\/h1\u003e\n\n            \u003cp class=\"lc-hero-description\"\u003e\n                Lumari™ Collagen Patches deliver a cooling boost of\n                hydration for the delicate under-eye area, helping skin\n                feel moisturised, smoother and refreshed.\n            \u003c\/p\u003e\n\n            \u003ca href=\"#lumari-benefits\" class=\"lc-button\"\u003e\n                Discover the ritual\n            \u003c\/a\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- PRODUCT VISUAL --\u003e\n\n        \u003cdiv class=\"lc-product-stage\"\u003e\n\n            \u003cdiv class=\"lc-product-glow\"\u003e\u003c\/div\u003e\n\n            \u003cdiv class=\"lc-drop lc-drop-1\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"lc-drop lc-drop-2\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"lc-drop lc-drop-3\"\u003e\u003c\/div\u003e\n\n            \u003cdiv class=\"lc-jar\"\u003e\n\n                \u003cdiv class=\"lc-jar-lid\"\u003e\u003c\/div\u003e\n\n                \u003cdiv class=\"lc-jar-body\"\u003e\n\n                    \u003cdiv class=\"lc-jar-label\"\u003e\n\n                        \u003csmall\u003e\n                            LUMARI™\n                        \u003c\/small\u003e\n\n                        \u003cstrong\u003e\n                            Collagen\n                        \u003c\/strong\u003e\n\n                        \u003cspan\u003e\n                            HYDROGEL EYE PATCHES\n                        \u003c\/span\u003e\n\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =========================================================\n     STAT BAR\n========================================================= --\u003e\n\n\u003cdiv class=\"lc-stat-bar\"\u003e\n\n    \u003cdiv class=\"lc-stat-inner\"\u003e\n\n        \u003cdiv class=\"lc-stat\"\u003e\n\n            \u003cspan class=\"lc-stat-number\"\u003e\n                60\n            \u003c\/span\u003e\n\n            \u003cspan class=\"lc-stat-label\"\u003e\n                Individual Patches\n            \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"lc-stat\"\u003e\n\n            \u003cspan class=\"lc-stat-number\"\u003e\n                30\n            \u003c\/span\u003e\n\n            \u003cspan class=\"lc-stat-label\"\u003e\n                Treatments\n            \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"lc-stat\"\u003e\n\n            \u003cspan class=\"lc-stat-number\"\u003e\n                15–20\n            \u003c\/span\u003e\n\n            \u003cspan class=\"lc-stat-label\"\u003e\n                Minutes\n            \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"lc-stat\"\u003e\n\n            \u003cspan class=\"lc-stat-number\"\u003e\n                ❄\n            \u003c\/span\u003e\n\n            \u003cspan class=\"lc-stat-label\"\u003e\n                Cooling Feel\n            \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- =========================================================\n     BENEFITS\n========================================================= --\u003e\n\n\u003csection class=\"lc-section lc-benefits\" id=\"lumari-benefits\"\u003e\n\n    \u003cdiv class=\"lc-orb lc-orb-1\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"lc-heading\"\u003e\n\n        \u003cdiv class=\"lc-eyebrow\"\u003e\n            THE LUMARI™ EXPERIENCE\n        \u003c\/div\u003e\n\n        \u003ch2\u003e\n            A little luxury\u003cbr\u003e\n            for \u003cspan class=\"lc-gold-text\"\u003etired-looking eyes.\u003c\/span\u003e\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n            A soothing hydrogel experience designed to help the\n            delicate under-eye area feel hydrated, comfortable\n            and refreshed.\n        \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"lc-benefit-grid\"\u003e\n\n        \u003c!-- BENEFIT 1 --\u003e\n\n        \u003cdiv class=\"lc-benefit-card\"\u003e\n\n            \u003cdiv class=\"lc-benefit-icon\"\u003e\n                💧\n            \u003c\/div\u003e\n\n            \u003ch3\u003e\n                Replenish Moisture\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n                Helps replenish moisture beneath the eyes for a\n                comfortably hydrated, fresh-feeling finish.\n            \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- BENEFIT 2 --\u003e\n\n        \u003cdiv class=\"lc-benefit-card\"\u003e\n\n            \u003cdiv class=\"lc-benefit-icon\"\u003e\n                ✨\n            \u003c\/div\u003e\n\n            \u003ch3\u003e\n                Fresh \u0026amp; Radiant\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n                Leaves the under-eye area looking fresh, luminous\n                and beautifully refreshed.\n            \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- BENEFIT 3 --\u003e\n\n        \u003cdiv class=\"lc-benefit-card\"\u003e\n\n            \u003cdiv class=\"lc-benefit-icon\"\u003e\n                ❄️\n            \u003c\/div\u003e\n\n            \u003ch3\u003e\n                Cooling Comfort\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n                The soothing hydrogel texture creates a cooling\n                skincare experience while you relax.\n            \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- BENEFIT 4 --\u003e\n\n        \u003cdiv class=\"lc-benefit-card\"\u003e\n\n            \u003cdiv class=\"lc-benefit-icon\"\u003e\n                🌟\n            \u003c\/div\u003e\n\n            \u003ch3\u003e\n                More Awake-Looking\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n                Helps the under-eye area look smoother and more\n                awake after your skincare ritual.\n            \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =========================================================\n     HYDROGEL FEATURE\n========================================================= --\u003e\n\n\u003csection class=\"lc-section lc-feature\"\u003e\n\n    \u003cdiv class=\"lc-feature-grid\"\u003e\n\n        \u003cdiv class=\"lc-patch-stage\"\u003e\n\n            \u003cdiv class=\"lc-patch lc-patch-left\"\u003e\u003c\/div\u003e\n\n            \u003cdiv class=\"lc-patch lc-patch-right\"\u003e\u003c\/div\u003e\n\n            \u003cdiv class=\"lc-patch-shine\"\u003e\u003c\/div\u003e\n\n            \u003cdiv class=\"lc-drop lc-drop-1\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"lc-drop lc-drop-2\"\u003e\u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"lc-feature-content\"\u003e\n\n            \u003cdiv class=\"lc-eyebrow\"\u003e\n                COOLING HYDROGEL\n            \u003c\/div\u003e\n\n            \u003ch2\u003e\n                Your under-eye\u003cbr\u003e\n                \u003cem\u003ereset button.\u003c\/em\u003e\n            \u003c\/h2\u003e\n\n            \u003cp\u003e\n                Each patch is infused with a nourishing serum and\n                creates a moisture-locking layer against the skin\n                while you wear it.\n            \u003c\/p\u003e\n\n\n            \u003cul class=\"lc-feature-list\"\u003e\n\n                \u003cli\u003e\n\n                    \u003cspan class=\"lc-check\"\u003e\n                        ✓\n                    \u003c\/span\u003e\n\n                    \u003cdiv\u003e\n                        \u003cstrong\u003e\n                            Comfortable hydrogel texture\n                        \u003c\/strong\u003e\n                        \u003cbr\u003e\n                        Sits comfortably beneath the eyes while\n                        you unwind.\n                    \u003c\/div\u003e\n\n                \u003c\/li\u003e\n\n\n                \u003cli\u003e\n\n                    \u003cspan class=\"lc-check\"\u003e\n                        ✓\n                    \u003c\/span\u003e\n\n                    \u003cdiv\u003e\n                        \u003cstrong\u003e\n                            Moisture-locking layer\n                        \u003c\/strong\u003e\n                        \u003cbr\u003e\n                        Helps the under-eye area feel comfortably\n                        hydrated.\n                    \u003c\/div\u003e\n\n                \u003c\/li\u003e\n\n\n                \u003cli\u003e\n\n                    \u003cspan class=\"lc-check\"\u003e\n                        ✓\n                    \u003c\/span\u003e\n\n                    \u003cdiv\u003e\n                        \u003cstrong\u003e\n                            Cooling skincare experience\n                        \u003c\/strong\u003e\n                        \u003cbr\u003e\n                        A refreshing boost whenever your eyes\n                        need it.\n                    \u003c\/div\u003e\n\n                \u003c\/li\u003e\n\n\n                \u003cli\u003e\n\n                    \u003cspan class=\"lc-check\"\u003e\n                        ✓\n                    \u003c\/span\u003e\n\n                    \u003cdiv\u003e\n                        \u003cstrong\u003e\n                            Soft, refreshed finish\n                        \u003c\/strong\u003e\n                        \u003cbr\u003e\n                        Skin feels softer, refreshed and ready\n                        for the day.\n                    \u003c\/div\u003e\n\n                \u003c\/li\u003e\n\n            \u003c\/ul\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =========================================================\n     60 PIECES\n========================================================= --\u003e\n\n\u003csection class=\"lc-section lc-quantity\"\u003e\n\n    \u003cdiv class=\"lc-heading\"\u003e\n\n        \u003cdiv class=\"lc-eyebrow\"\u003e\n            INSIDE EVERY JAR\n        \u003c\/div\u003e\n\n        \u003ch2\u003e\n            \u003cspan\u003e60\u003c\/span\u003e patches.\u003cbr\u003e\n            30 moments of self-care.\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n            Each jar contains 60 individual hydrogel patches,\n            equal to 30 pairs or 30 complete under-eye treatments.\n            Keep them ready whenever your under-eye area needs\n            a refreshing boost.\n        \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"lc-number-display\"\u003e\n\n        \u003cdiv class=\"lc-big-number\"\u003e\n            60\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"lc-number-text\"\u003e\n\n            \u003cstrong\u003e\n                Individual Hydrogel Patches\n            \u003c\/strong\u003e\n\n            \u003cp\u003e\n                Two patches per treatment —\n                one beneath each eye.\n            \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =========================================================\n     HOW TO USE\n========================================================= --\u003e\n\n\u003csection class=\"lc-section lc-how\"\u003e\n\n    \u003cdiv class=\"lc-heading\"\u003e\n\n        \u003cdiv class=\"lc-eyebrow\"\u003e\n            YOUR 15–20 MINUTE RITUAL\n        \u003c\/div\u003e\n\n        \u003ch2\u003e\n            Simple.\u003cbr\u003e\n            Soothing.\u003cbr\u003e\n            \u003cspan class=\"lc-gold-text\"\u003e\n                Effortless.\n            \u003c\/span\u003e\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n            Four simple steps to turn your everyday skincare routine\n            into a refreshing under-eye ritual.\n        \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"lc-steps\"\u003e\n\n        \u003c!-- STEP 1 --\u003e\n\n        \u003cdiv class=\"lc-step\"\u003e\n\n            \u003cdiv class=\"lc-step-number\"\u003e\n                01\n            \u003c\/div\u003e\n\n            \u003ch3\u003e\n                Cleanse\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n                Cleanse and dry your face before applying\n                the patches.\n            \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- STEP 2 --\u003e\n\n        \u003cdiv class=\"lc-step\"\u003e\n\n            \u003cdiv class=\"lc-step-number\"\u003e\n                02\n            \u003c\/div\u003e\n\n            \u003ch3\u003e\n                Lift\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n                Use the included spatula to gently lift\n                two patches.\n            \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- STEP 3 --\u003e\n\n        \u003cdiv class=\"lc-step\"\u003e\n\n            \u003cdiv class=\"lc-step-number\"\u003e\n                03\n            \u003c\/div\u003e\n\n            \u003ch3\u003e\n                Place\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n                Place one patch beneath each eye.\n            \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- STEP 4 --\u003e\n\n        \u003cdiv class=\"lc-step\"\u003e\n\n            \u003cdiv class=\"lc-step-number\"\u003e\n                04\n            \u003c\/div\u003e\n\n            \u003ch3\u003e\n                Relax\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n                Leave on for 15–20 minutes. Remove and gently\n                pat in any remaining serum.\n            \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =========================================================\n     RITUAL SECTION\n========================================================= --\u003e\n\n\u003csection class=\"lc-section lc-ritual\"\u003e\n\n    \u003cdiv class=\"lc-ritual-box\"\u003e\n\n        \u003cdiv class=\"lc-eyebrow\"\u003e\n            MAKE IT YOUR MOMENT\n        \u003c\/div\u003e\n\n        \u003ch2\u003e\n            Pause. Cool.\u003cbr\u003e\n            \u003cspan class=\"lc-gold-text\"\u003e\n                Refresh.\n            \u003c\/span\u003e\n        \u003c\/h2\u003e\n\n        \u003cdiv class=\"lc-gold-line\"\u003e\u003c\/div\u003e\n\n        \u003cp\u003e\n            Use whenever your under-eye area needs a little extra\n            hydration and refreshment. Add Lumari™ Collagen Patches\n            to your morning routine, evening wind-down or whenever\n            you want a cooling skincare moment.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"lc-pill\"\u003e\n            15–20 MINUTE COOLING RITUAL\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =========================================================\n     SAFETY\n========================================================= --\u003e\n\n\u003csection class=\"lc-section lc-safety\"\u003e\n\n    \u003cdiv class=\"lc-safety-box\"\u003e\n\n        \u003cstrong\u003e\n            Important\n        \u003c\/strong\u003e\n\n        \u003cp\u003e\n            For external use only. Avoid direct contact with the\n            eyes and discontinue use if irritation occurs.\n        \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =========================================================\n     FINAL CTA\n========================================================= --\u003e\n\n\u003csection class=\"lc-section lc-final\"\u003e\n\n    \u003cdiv class=\"lc-particle lc-p1\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"lc-particle lc-p2\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"lc-particle lc-p3\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"lc-particle lc-p4\"\u003e\u003c\/div\u003e\n\n    \u003cdiv\u003e\n\n        \u003cdiv class=\"lc-eyebrow\"\u003e\n            LUMARI™ COLLAGEN PATCHES\n        \u003c\/div\u003e\n\n        \u003ch2\u003e\n            Your eyes deserve\u003cbr\u003e\n            a \u003cspan\u003erefresh.\u003c\/span\u003e\n        \u003c\/h2\u003e\n\n        \u003cdiv class=\"lc-gold-line\"\u003e\u003c\/div\u003e\n\n        \u003cp\u003e\n            A cooling boost of hydration for tired-looking eyes —\n            whenever you need a little extra care.\n        \u003c\/p\u003e\n\n        \u003ca href=\"#lumari-benefits\" class=\"lc-button\"\u003e\n            Explore the ritual\n        \u003c\/a\u003e\n\n    \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c\/div\u003e","brand":"Lumari","offers":[{"title":"Default Title","offer_id":45699846963269,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/0543\/7765\/files\/2.4.png?v=1788711597"},{"product_id":"lumari™-daily-care-set","title":"Lumari™ Daily Care Set","description":"\u003c!-- =========================================================\n     LUMARI™ DAILY CARE SET — PREMIUM ANIMATED PRODUCT SECTION\n     ========================================================= --\u003e\n\u003cstyle\u003e\n\/* ---------- RESET ---------- *\/\n.lumari-daily-care,\n.lumari-daily-care * {\n    box-sizing: border-box;\n}\n\n.lumari-daily-care {\n    --pink: #e8a6bd;\n    --pink-dark: #c97998;\n    --pink-light: #fff4f8;\n    --gold: #b89452;\n    --gold-light: #e5c98b;\n    --cream: #fffaf7;\n    --text: #211a1d;\n    --muted: #74676c;\n\n    width: 100%;\n    overflow: hidden;\n    background:\n        radial-gradient(circle at 10% 10%, rgba(232,166,189,.22), transparent 28%),\n        radial-gradient(circle at 90% 20%, rgba(229,201,139,.18), transparent 25%),\n        linear-gradient(180deg, #fffafa 0%, #fff5f8 48%, #ffffff 100%);\n    color: var(--text);\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Arial, sans-serif;\n}\n\n.lumari-daily-care img {\n    max-width: 100%;\n    display: block;\n}\n\n.lumari-wrap {\n    width: min(1180px, 92%);\n    margin: auto;\n}\n\n\/* ---------- ANIMATIONS ---------- *\/\n\n@keyframes lumariFadeUp {\n    from {\n        opacity: 0;\n        transform: translateY(35px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n@keyframes lumariFadeLeft {\n    from {\n        opacity: 0;\n        transform: translateX(-40px);\n    }\n    to {\n        opacity: 1;\n        transform: translateX(0);\n    }\n}\n\n@keyframes lumariFadeRight {\n    from {\n        opacity: 0;\n        transform: translateX(40px);\n    }\n    to {\n        opacity: 1;\n        transform: translateX(0);\n    }\n}\n\n@keyframes lumariFloat {\n    0%,100% {\n        transform: translateY(0);\n    }\n    50% {\n        transform: translateY(-12px);\n    }\n}\n\n@keyframes lumariPulse {\n    0%,100% {\n        box-shadow: 0 0 0 0 rgba(232,166,189,.2);\n    }\n    50% {\n        box-shadow: 0 0 0 18px rgba(232,166,189,0);\n    }\n}\n\n@keyframes lumariShimmer {\n    0% {\n        background-position: -500px 0;\n    }\n    100% {\n        background-position: 500px 0;\n    }\n}\n\n@keyframes lumariGlow {\n    0%,100% {\n        opacity: .35;\n        transform: scale(1);\n    }\n    50% {\n        opacity: .7;\n        transform: scale(1.08);\n    }\n}\n\n@keyframes lumariSpin {\n    from {\n        transform: rotate(0deg);\n    }\n    to {\n        transform: rotate(360deg);\n    }\n}\n\n\/* ---------- HERO ---------- *\/\n\n.lumari-hero {\n    position: relative;\n    min-height: 720px;\n    display: flex;\n    align-items: center;\n    padding: 80px 0;\n}\n\n.lumari-hero::before {\n    content: \"\";\n    position: absolute;\n    width: 500px;\n    height: 500px;\n    border-radius: 50%;\n    background: rgba(232,166,189,.18);\n    filter: blur(80px);\n    top: -150px;\n    right: -100px;\n    animation: lumariGlow 6s ease-in-out infinite;\n}\n\n.lumari-hero-grid {\n    position: relative;\n    z-index: 2;\n    display: grid;\n    grid-template-columns: 1fr 1.05fr;\n    align-items: center;\n    gap: 55px;\n}\n\n.lumari-hero-copy {\n    animation: lumariFadeLeft 1s ease forwards;\n}\n\n.lumari-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    padding: 9px 17px;\n    border: 1px solid rgba(184,148,82,.45);\n    border-radius: 50px;\n    color: #8b6b32;\n    background: rgba(255,255,255,.7);\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    margin-bottom: 25px;\n}\n\n.lumari-eyebrow span {\n    width: 7px;\n    height: 7px;\n    background: var(--gold);\n    border-radius: 50%;\n    animation: lumariPulse 2s infinite;\n}\n\n.lumari-logo {\n    font-family: Georgia, serif;\n    font-size: 18px;\n    letter-spacing: 5px;\n    color: #9b7940;\n    margin-bottom: 16px;\n}\n\n.lumari-hero h1 {\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(44px, 6vw, 76px);\n    line-height: .98;\n    font-weight: 500;\n    letter-spacing: -2px;\n    margin: 0 0 25px;\n}\n\n.lumari-hero h1 em {\n    color: var(--pink-dark);\n    font-style: normal;\n}\n\n.lumari-hero-subtitle {\n    color: var(--muted);\n    font-size: 18px;\n    line-height: 1.75;\n    max-width: 560px;\n    margin-bottom: 30px;\n}\n\n.lumari-hero-buttons {\n    display: flex;\n    gap: 14px;\n    flex-wrap: wrap;\n}\n\n.lumari-btn {\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    min-height: 54px;\n    padding: 0 27px;\n    border-radius: 50px;\n    text-decoration: none !important;\n    font-size: 14px;\n    font-weight: 700;\n    letter-spacing: .3px;\n    transition: all .35s ease;\n}\n\n.lumari-btn-primary {\n    color: white !important;\n    background: linear-gradient(135deg, #d987a7, #b96586);\n    box-shadow: 0 14px 30px rgba(185,101,134,.25);\n}\n\n.lumari-btn-primary:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 20px 38px rgba(185,101,134,.35);\n}\n\n.lumari-btn-secondary {\n    color: #7d5f2d !important;\n    background: white;\n    border: 1px solid rgba(184,148,82,.4);\n}\n\n.lumari-btn-secondary:hover {\n    transform: translateY(-4px);\n    background: #fffaf1;\n}\n\n\/* ---------- HERO IMAGE ---------- *\/\n\n.lumari-hero-visual {\n    position: relative;\n    animation: lumariFadeRight 1.1s ease forwards;\n}\n\n.lumari-product-orb {\n    position: absolute;\n    width: 470px;\n    height: 470px;\n    border-radius: 50%;\n    background:\n        radial-gradient(circle at 35% 30%, #ffffff 0%, #fff0f5 42%, #f5d1de 100%);\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%,-50%);\n    box-shadow:\n        0 35px 90px rgba(189,111,140,.18),\n        inset 0 0 50px rgba(255,255,255,.9);\n}\n\n.lumari-product-orb::after {\n    content: \"\";\n    position: absolute;\n    inset: 18px;\n    border: 1px solid rgba(184,148,82,.22);\n    border-radius: 50%;\n    animation: lumariSpin 25s linear infinite;\n}\n\n.lumari-main-product {\n    position: relative;\n    z-index: 3;\n    width: 100%;\n    max-width: 630px;\n    margin: auto;\n    animation: lumariFloat 5s ease-in-out infinite;\n    filter: drop-shadow(0 28px 30px rgba(91,48,63,.16));\n    border-radius: 22px;\n}\n\n\/* ---------- FLOATING BADGES ---------- *\/\n\n.lumari-floating-badge {\n    position: absolute;\n    z-index: 5;\n    background: rgba(255,255,255,.94);\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(184,148,82,.25);\n    border-radius: 18px;\n    padding: 14px 17px;\n    box-shadow: 0 15px 35px rgba(72,45,53,.12);\n    animation: lumariFloat 4s ease-in-out infinite;\n}\n\n.lumari-floating-badge strong {\n    display: block;\n    font-size: 17px;\n    color: #a36f83;\n}\n\n.lumari-floating-badge small {\n    color: #74676c;\n    font-size: 10px;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n}\n\n.lumari-badge-one {\n    left: -15px;\n    top: 17%;\n}\n\n.lumari-badge-two {\n    right: -5px;\n    bottom: 17%;\n    animation-delay: 1s;\n}\n\n\/* ---------- TRUST STRIP ---------- *\/\n\n.lumari-trust {\n    padding: 22px 0;\n    border-top: 1px solid rgba(184,148,82,.15);\n    border-bottom: 1px solid rgba(184,148,82,.15);\n    background: rgba(255,255,255,.6);\n}\n\n.lumari-trust-grid {\n    display: grid;\n    grid-template-columns: repeat(4,1fr);\n    text-align: center;\n}\n\n.lumari-trust-item {\n    padding: 10px 20px;\n    border-right: 1px solid rgba(184,148,82,.18);\n}\n\n.lumari-trust-item:last-child {\n    border-right: 0;\n}\n\n.lumari-trust-icon {\n    font-size: 23px;\n    margin-bottom: 5px;\n}\n\n.lumari-trust-item strong {\n    display: block;\n    font-size: 13px;\n}\n\n.lumari-trust-item span {\n    display: block;\n    font-size: 11px;\n    color: var(--muted);\n    margin-top: 4px;\n}\n\n\/* ---------- SECTION HEADINGS ---------- *\/\n\n.lumari-section {\n    padding: 105px 0;\n}\n\n.lumari-section-heading {\n    text-align: center;\n    max-width: 700px;\n    margin: 0 auto 55px;\n}\n\n.lumari-section-heading .mini {\n    color: var(--gold);\n    font-size: 11px;\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: 3px;\n    margin-bottom: 13px;\n}\n\n.lumari-section-heading h2 {\n    font-family: Georgia, serif;\n    font-weight: 500;\n    font-size: clamp(34px,5vw,54px);\n    line-height: 1.08;\n    margin: 0 0 17px;\n}\n\n.lumari-section-heading p {\n    color: var(--muted);\n    line-height: 1.75;\n    font-size: 16px;\n}\n\n\/* ---------- BENEFITS ---------- *\/\n\n.lumari-benefits {\n    background: white;\n}\n\n.lumari-benefit-grid {\n    display: grid;\n    grid-template-columns: repeat(4,1fr);\n    gap: 20px;\n}\n\n.lumari-benefit-card {\n    position: relative;\n    padding: 32px 25px;\n    border-radius: 24px;\n    background: linear-gradient(145deg,#fff,#fff6f9);\n    border: 1px solid rgba(232,166,189,.22);\n    transition: all .4s ease;\n    overflow: hidden;\n}\n\n.lumari-benefit-card::before {\n    content: \"\";\n    position: absolute;\n    width: 100px;\n    height: 100px;\n    background: rgba(232,166,189,.18);\n    border-radius: 50%;\n    right: -45px;\n    top: -45px;\n    transition: .5s ease;\n}\n\n.lumari-benefit-card:hover {\n    transform: translateY(-10px);\n    box-shadow: 0 25px 50px rgba(116,67,87,.12);\n    border-color: rgba(184,148,82,.35);\n}\n\n.lumari-benefit-card:hover::before {\n    transform: scale(2.5);\n}\n\n.lumari-benefit-icon {\n    position: relative;\n    width: 55px;\n    height: 55px;\n    border-radius: 18px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: #fff;\n    box-shadow: 0 8px 20px rgba(110,64,81,.08);\n    font-size: 24px;\n    margin-bottom: 23px;\n}\n\n.lumari-benefit-card h3 {\n    position: relative;\n    font-family: Georgia, serif;\n    font-size: 21px;\n    font-weight: 500;\n    margin: 0 0 11px;\n}\n\n.lumari-benefit-card p {\n    position: relative;\n    color: var(--muted);\n    line-height: 1.65;\n    font-size: 14px;\n    margin: 0;\n}\n\n\/* ---------- 13 PIECE SECTION ---------- *\/\n\n.lumari-kit {\n    background:\n        radial-gradient(circle at 50% 30%,rgba(232,166,189,.18),transparent 35%),\n        #fff8fa;\n}\n\n.lumari-kit-box {\n    border-radius: 35px;\n    padding: 50px;\n    background: rgba(255,255,255,.72);\n    border: 1px solid rgba(184,148,82,.18);\n    box-shadow: 0 30px 80px rgba(99,56,71,.09);\n    backdrop-filter: blur(15px);\n}\n\n.lumari-kit-list {\n    display: grid;\n    grid-template-columns: repeat(3,1fr);\n    gap: 16px;\n}\n\n.lumari-kit-item {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    padding: 18px;\n    border-radius: 18px;\n    background: white;\n    border: 1px solid rgba(232,166,189,.16);\n    transition: .35s ease;\n}\n\n.lumari-kit-item:hover {\n    transform: translateX(7px);\n    box-shadow: 0 12px 25px rgba(96,53,70,.09);\n}\n\n.lumari-number {\n    flex: 0 0 38px;\n    height: 38px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    background: linear-gradient(135deg,#d990ac,#bb6f8e);\n    color: white;\n    font-weight: 800;\n    font-size: 13px;\n}\n\n.lumari-kit-item strong {\n    font-size: 13px;\n}\n\n.lumari-kit-item span {\n    display: block;\n    color: var(--muted);\n    font-size: 11px;\n    margin-top: 3px;\n}\n\n\/* ---------- HOW IT WORKS ---------- *\/\n\n.lumari-steps {\n    background: white;\n}\n\n.lumari-step-grid {\n    display: grid;\n    grid-template-columns: repeat(3,1fr);\n    gap: 25px;\n}\n\n.lumari-step {\n    position: relative;\n    padding: 35px 28px;\n    border-radius: 26px;\n    background: #fff8fa;\n    border: 1px solid rgba(232,166,189,.2);\n    transition: .4s ease;\n}\n\n.lumari-step:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 25px 50px rgba(94,52,68,.1);\n}\n\n.lumari-step-number {\n    font-family: Georgia, serif;\n    font-size: 54px;\n    line-height: 1;\n    color: rgba(185,101,134,.22);\n    margin-bottom: 22px;\n}\n\n.lumari-step h3 {\n    font-family: Georgia, serif;\n    font-size: 23px;\n    font-weight: 500;\n    margin: 0 0 12px;\n}\n\n.lumari-step p {\n    color: var(--muted);\n    font-size: 14px;\n    line-height: 1.7;\n    margin: 0;\n}\n\n\/* ---------- FEATURE SPLIT ---------- *\/\n\n.lumari-feature {\n    padding: 100px 0;\n    background: linear-gradient(135deg,#fff3f7,#fffaf6);\n}\n\n.lumari-feature-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 70px;\n    align-items: center;\n}\n\n.lumari-feature-image {\n    border-radius: 30px;\n    overflow: hidden;\n    box-shadow: 0 30px 70px rgba(92,50,67,.13);\n    animation: lumariFloat 6s ease-in-out infinite;\n}\n\n.lumari-feature-image img {\n    width: 100%;\n}\n\n.lumari-feature-copy .mini {\n    color: var(--gold);\n    font-size: 11px;\n    font-weight: 800;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    margin-bottom: 15px;\n}\n\n.lumari-feature-copy h2 {\n    font-family: Georgia, serif;\n    font-size: clamp(35px,4vw,54px);\n    font-weight: 500;\n    line-height: 1.05;\n    margin: 0 0 22px;\n}\n\n.lumari-feature-copy p {\n    color: var(--muted);\n    line-height: 1.8;\n    font-size: 16px;\n}\n\n.lumari-check-list {\n    margin: 25px 0 0;\n    padding: 0;\n    list-style: none;\n}\n\n.lumari-check-list li {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin: 13px 0;\n    font-size: 14px;\n}\n\n.lumari-check-list li::before {\n    content: \"✓\";\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 25px;\n    height: 25px;\n    border-radius: 50%;\n    color: white;\n    background: var(--pink-dark);\n    font-size: 12px;\n    font-weight: 800;\n}\n\n\/* ---------- FINAL CTA ---------- *\/\n\n.lumari-final {\n    position: relative;\n    padding: 115px 20px;\n    text-align: center;\n    color: white;\n    background:\n        radial-gradient(circle at 20% 20%,rgba(255,255,255,.12),transparent 25%),\n        radial-gradient(circle at 80% 70%,rgba(229,201,139,.18),transparent 25%),\n        linear-gradient(135deg,#a95f7d,#d58ca7);\n    overflow: hidden;\n}\n\n.lumari-final::before,\n.lumari-final::after {\n    content: \"\";\n    position: absolute;\n    border-radius: 50%;\n    border: 1px solid rgba(255,255,255,.18);\n}\n\n.lumari-final::before {\n    width: 450px;\n    height: 450px;\n    left: -200px;\n    top: -250px;\n}\n\n.lumari-final::after {\n    width: 550px;\n    height: 550px;\n    right: -300px;\n    bottom: -350px;\n}\n\n.lumari-final-content {\n    position: relative;\n    z-index: 2;\n}\n\n.lumari-final .mini {\n    font-size: 11px;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    font-weight: 800;\n    margin-bottom: 18px;\n}\n\n.lumari-final h2 {\n    font-family: Georgia, serif;\n    font-weight: 500;\n    font-size: clamp(40px,6vw,65px);\n    line-height: 1;\n    margin: 0 auto 20px;\n    max-width: 750px;\n}\n\n.lumari-final p {\n    max-width: 650px;\n    margin: 0 auto 30px;\n    line-height: 1.7;\n    opacity: .9;\n}\n\n.lumari-final .lumari-btn {\n    background: white;\n    color: #a55e7b !important;\n    box-shadow: 0 15px 30px rgba(72,31,47,.2);\n}\n\n.lumari-final .lumari-btn:hover {\n    transform: translateY(-5px) scale(1.03);\n}\n\n\/* ---------- MOBILE ---------- *\/\n\n@media (max-width: 900px) {\n\n    .lumari-hero {\n        padding: 65px 0;\n    }\n\n    .lumari-hero-grid {\n        grid-template-columns: 1fr;\n        text-align: center;\n    }\n\n    .lumari-hero-subtitle {\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    .lumari-hero-buttons {\n        justify-content: center;\n    }\n\n    .lumari-hero-visual {\n        margin-top: 35px;\n    }\n\n    .lumari-product-orb {\n        width: 340px;\n        height: 340px;\n    }\n\n    .lumari-floating-badge {\n        display: none;\n    }\n\n    .lumari-trust-grid {\n        grid-template-columns: repeat(2,1fr);\n    }\n\n    .lumari-trust-item:nth-child(2) {\n        border-right: 0;\n    }\n\n    .lumari-trust-item:nth-child(-n+2) {\n        border-bottom: 1px solid rgba(184,148,82,.18);\n    }\n\n    .lumari-benefit-grid {\n        grid-template-columns: repeat(2,1fr);\n    }\n\n    .lumari-kit-list {\n        grid-template-columns: repeat(2,1fr);\n    }\n\n    .lumari-feature-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .lumari-feature-copy {\n        text-align: center;\n    }\n\n    .lumari-check-list {\n        display: inline-block;\n        text-align: left;\n    }\n}\n\n@media (max-width: 600px) {\n\n    .lumari-wrap {\n        width: 90%;\n    }\n\n    .lumari-hero h1 {\n        font-size: 45px;\n    }\n\n    .lumari-hero-subtitle {\n        font-size: 15px;\n    }\n\n    .lumari-product-orb {\n        width: 280px;\n        height: 280px;\n    }\n\n    .lumari-section {\n        padding: 75px 0;\n    }\n\n    .lumari-benefit-grid,\n    .lumari-kit-list,\n    .lumari-step-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .lumari-kit-box {\n        padding: 25px 18px;\n    }\n\n    .lumari-trust-item {\n        padding: 15px 8px;\n    }\n\n    .lumari-btn {\n        width: 100%;\n    }\n\n    .lumari-feature {\n        padding: 75px 0;\n    }\n}\n\n\/* ---------- REDUCED MOTION ---------- *\/\n\n@media (prefers-reduced-motion: reduce) {\n    .lumari-daily-care *,\n    .lumari-daily-care *::before,\n    .lumari-daily-care *::after {\n        animation-duration: .01ms !important;\n        animation-iteration-count: 1 !important;\n        transition-duration: .01ms !important;\n    }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"lumari-daily-care\"\u003e\n\u003c!-- HERO --\u003e\n\u003csection class=\"lumari-hero\"\u003e\n\u003cdiv class=\"lumari-wrap\"\u003e\n\u003cdiv class=\"lumari-hero-grid\"\u003e\n\u003cdiv class=\"lumari-hero-copy\"\u003e\n\u003cdiv class=\"lumari-eyebrow\"\u003e\n\u003cspan\u003e\u003c\/span\u003e 13-Piece Beauty Collection\u003c\/div\u003e\n\u003cdiv class=\"lumari-logo\"\u003eLUMARI™\u003c\/div\u003e\n\u003ch1\u003eBeauty care\u003cbr\u003e\u003cem\u003ewhile you sleep.\u003c\/em\u003e\n\u003c\/h1\u003e\n\u003cp class=\"lumari-hero-subtitle\"\u003eWake up looking refreshed, feel more put together, and simplify your beauty routine with the Lumari™ Daily Care Set.\u003c\/p\u003e\n\u003cdiv class=\"lumari-hero-buttons\"\u003e\n\u003ca href=\"#lumari-kit\" class=\"lumari-btn lumari-btn-primary\"\u003e Explore The 13-Piece Set \u003c\/a\u003e \u003ca href=\"#lumari-benefits\" class=\"lumari-btn lumari-btn-secondary\"\u003e Discover The Benefits \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lumari-hero-visual\"\u003e\n\u003cdiv class=\"lumari-floating-badge lumari-badge-one\"\u003e\n\u003cstrong\u003e13 PCS\u003c\/strong\u003e \u003csmall\u003eComplete Beauty Set\u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lumari-floating-badge lumari-badge-two\"\u003e\n\u003cstrong\u003eHeatless\u003c\/strong\u003e \u003csmall\u003eHair Styling\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- TRUST STRIP --\u003e\n\u003csection class=\"lumari-trust\"\u003e\n\u003cdiv class=\"lumari-wrap\"\u003e\n\u003cdiv class=\"lumari-trust-grid\"\u003e\n\u003cdiv class=\"lumari-trust-item\"\u003e\n\u003cdiv class=\"lumari-trust-icon\"\u003e🌙\u003c\/div\u003e\n\u003cstrong\u003eOvernight Care\u003c\/strong\u003e \u003cspan\u003eBeauty while you sleep\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lumari-trust-item\"\u003e\n\u003cdiv class=\"lumari-trust-icon\"\u003e🎀\u003c\/div\u003e\n\u003cstrong\u003eHeatless Styling\u003c\/strong\u003e \u003cspan\u003eSoft curls \u0026amp; waves\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lumari-trust-item\"\u003e\n\u003cdiv class=\"lumari-trust-icon\"\u003e✨\u003c\/div\u003e\n\u003cstrong\u003eDaily Self-Care\u003c\/strong\u003e \u003cspan\u003eSimple beauty rituals\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lumari-trust-item\"\u003e\n\u003cdiv class=\"lumari-trust-icon\"\u003e👜\u003c\/div\u003e\n\u003cstrong\u003eAll In One\u003c\/strong\u003e \u003cspan\u003eIncludes storage pouch\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BENEFITS --\u003e\n\u003csection class=\"lumari-section lumari-benefits\" id=\"lumari-benefits\"\u003e\n\u003cdiv class=\"lumari-wrap\"\u003e\n\u003cdiv class=\"lumari-section-heading\"\u003e\n\u003cdiv class=\"mini\"\u003eWhy Lumari™\u003c\/div\u003e\n\u003ch2\u003eYour beauty routine, \u003cbr\u003emade beautifully simple.\u003c\/h2\u003e\n\u003cp\u003eEverything you need for a calmer bedtime ritual, effortless heatless styling and everyday self-care — all brought together in one elegant collection.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lumari-benefit-grid\"\u003e\n\u003cdiv class=\"lumari-benefit-card\"\u003e\n\u003cdiv class=\"lumari-benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eSmoother-Looking Hair\u003c\/h3\u003e\n\u003cp\u003eSatin accessories help reduce friction while you sleep, helping your hair feel smoother and more cared for.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lumari-benefit-card\"\u003e\n\u003cdiv class=\"lumari-benefit-icon\"\u003e🎀\u003c\/div\u003e\n\u003ch3\u003eHeatless Hairstyles\u003c\/h3\u003e\n\u003cp\u003eCreate soft curls and waves overnight without relying on high heat or complicated styling.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lumari-benefit-card\"\u003e\n\u003cdiv class=\"lumari-benefit-icon\"\u003e💆\u003c\/div\u003e\n\u003ch3\u003eRelaxing Self-Care\u003c\/h3\u003e\n\u003cp\u003eAdd facial and scalp-care tools to your routine for a calming and refreshing grooming ritual.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lumari-benefit-card\"\u003e\n\u003cdiv class=\"lumari-benefit-icon\"\u003e👜\u003c\/div\u003e\n\u003ch3\u003eEverything Together\u003c\/h3\u003e\n\u003cp\u003eKeep your beauty essentials organised and ready with the included satin storage pouch.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 13 PIECES --\u003e\n\u003csection class=\"lumari-section lumari-kit\" id=\"lumari-kit\"\u003e\n\u003cdiv class=\"lumari-wrap\"\u003e\n\u003cdiv class=\"lumari-section-heading\"\u003e\n\u003cdiv class=\"mini\"\u003eInside The Collection\u003c\/div\u003e\n\u003ch2\u003e13 pieces. \u003cbr\u003eOne complete ritual.\u003c\/h2\u003e\n\u003cp\u003eA carefully selected collection of sleep, styling and self-care accessories designed to work beautifully together.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lumari-kit-box\"\u003e\n\u003cdiv class=\"lumari-kit-list\"\u003e\n\u003cdiv class=\"lumari-kit-item\"\u003e\n\u003cdiv class=\"lumari-number\"\u003e01\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eSatin Pillowcase\u003c\/strong\u003e \u003cspan\u003eOvernight hair care\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lumari-kit-item\"\u003e\n\u003cdiv class=\"lumari-number\"\u003e02\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eSatin Bonnet\u003c\/strong\u003e \u003cspan\u003eProtective sleep accessory\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lumari-kit-item\"\u003e\n\u003cdiv class=\"lumari-number\"\u003e03\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eHeatless Curling Tool\u003c\/strong\u003e \u003cspan\u003eOvernight styling\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lumari-kit-item\"\u003e\n\u003cdiv class=\"lumari-number\"\u003e04\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eSatin Scrunchie\u003c\/strong\u003e \u003cspan\u003eGentle hair accessory\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lumari-kit-item\"\u003e\n\u003cdiv class=\"lumari-number\"\u003e05\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eSatin Scrunchie\u003c\/strong\u003e \u003cspan\u003eGentle hair accessory\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lumari-kit-item\"\u003e\n\u003cdiv class=\"lumari-number\"\u003e06\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eHair Clip\u003c\/strong\u003e \u003cspan\u003eEasy styling\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lumari-kit-item\"\u003e\n\u003cdiv class=\"lumari-number\"\u003e07\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eHair Brush\u003c\/strong\u003e \u003cspan\u003eEveryday grooming\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lumari-kit-item\"\u003e\n\u003cdiv class=\"lumari-number\"\u003e08\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eSleep Mask\u003c\/strong\u003e \u003cspan\u003eBedtime relaxation\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lumari-kit-item\"\u003e\n\u003cdiv class=\"lumari-number\"\u003e09\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eFacial Roller\u003c\/strong\u003e \u003cspan\u003eRefreshing self-care\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lumari-kit-item\"\u003e\n\u003cdiv class=\"lumari-number\"\u003e10\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eGua Sha\u003c\/strong\u003e \u003cspan\u003eFacial massage tool\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lumari-kit-item\"\u003e\n\u003cdiv class=\"lumari-number\"\u003e11\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eScalp Care Tool\u003c\/strong\u003e \u003cspan\u003eRelaxing grooming\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lumari-kit-item\"\u003e\n\u003cdiv class=\"lumari-number\"\u003e12\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eSatin Storage Pouch\u003c\/strong\u003e \u003cspan\u003eKeep essentials organised\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lumari-kit-item\"\u003e\n\u003cdiv class=\"lumari-number\"\u003e13\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eBeauty Accessories\u003c\/strong\u003e \u003cspan\u003eComplete your routine\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- HOW IT WORKS --\u003e\n\u003csection class=\"lumari-section lumari-steps\"\u003e\n\u003cdiv class=\"lumari-wrap\"\u003e\n\u003cdiv class=\"lumari-section-heading\"\u003e\n\u003cdiv class=\"mini\"\u003eYour New Ritual\u003c\/div\u003e\n\u003ch2\u003eBeautiful results, \u003cbr\u003ewithout the extra effort.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lumari-step-grid\"\u003e\n\u003cdiv class=\"lumari-step\"\u003e\n\u003cdiv class=\"lumari-step-number\"\u003e01\u003c\/div\u003e\n\u003ch3\u003ePrepare Before Bed\u003c\/h3\u003e\n\u003cp\u003eAdd your satin pillowcase, bonnet and scrunchies to your evening routine. Wrap your hair around the heatless curling tool before sleep.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lumari-step\"\u003e\n\u003cdiv class=\"lumari-step-number\"\u003e02\u003c\/div\u003e\n\u003ch3\u003eSleep \u0026amp; Relax\u003c\/h3\u003e\n\u003cp\u003eLet your routine work while you rest. The satin accessories help reduce unnecessary friction while your heatless styling tool creates soft waves or curls.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lumari-step\"\u003e\n\u003cdiv class=\"lumari-step-number\"\u003e03\u003c\/div\u003e\n\u003ch3\u003eWake Up \u0026amp; Refresh\u003c\/h3\u003e\n\u003cp\u003eGently remove the curling tool, finish your look with the included accessories and enjoy a simple self-care moment with your facial and scalp tools.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FEATURE SECTION --\u003e\n\u003csection class=\"lumari-feature\"\u003e\n\u003cdiv class=\"lumari-wrap\"\u003e\n\u003cdiv class=\"lumari-feature-grid\"\u003e\n\u003cdiv class=\"lumari-feature-image\"\u003e\n\u003c!-- SAME PRODUCT IMAGE --\u003e \u003cimg alt=\"Lumari Daily Care Set\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lumari-feature-copy\"\u003e\n\u003cdiv class=\"mini\"\u003eOne Set. Endless Self-Care.\u003c\/div\u003e\n\u003ch2\u003eMake your routine feel more intentional.\u003c\/h2\u003e\n\u003cp\u003eFrom bedtime hair care to your morning beauty ritual, the Lumari™ Daily Care Set brings the little things together so your routine feels effortless, organised and beautiful.\u003c\/p\u003e\n\u003cul class=\"lumari-check-list\"\u003e\n\u003cli\u003eSatin accessories for overnight care\u003c\/li\u003e\n\u003cli\u003eHeatless styling without complicated tools\u003c\/li\u003e\n\u003cli\u003eFacial and scalp-care accessories\u003c\/li\u003e\n\u003cli\u003eConvenient satin storage pouch\u003c\/li\u003e\n\u003cli\u003eOne beautiful 13-piece collection\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FINAL CTA --\u003e\n\u003csection class=\"lumari-final\"\u003e\n\u003cdiv class=\"lumari-final-content\"\u003e\n\u003cdiv class=\"mini\"\u003eYour Beauty Ritual Starts Here\u003c\/div\u003e\n\u003ch2\u003eWake up feeling beautifully put together.\u003c\/h2\u003e\n\u003cp\u003eMake your daily routine feel more beautiful, effortless and intentional with the Lumari™ Daily Care Set.\u003c\/p\u003e\n\u003ca href=\"#lumari-kit\" class=\"lumari-btn\"\u003e Discover The Lumari™ Set \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Lumari","offers":[{"title":"Pink","offer_id":45705476505669,"sku":null,"price":399.0,"currency_code":"ZAR","in_stock":true},{"title":"Purple","offer_id":45705476538437,"sku":null,"price":399.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/0543\/7765\/files\/lumari-13-piece-sleep-set-badge-removed.png?v=1788783964"},{"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"},{"product_id":"lumari™-signature-brushes","title":"Lumari™ Signature Brushes","description":"\u003cdiv style=\"font-family:Arial,Helvetica,sans-serif;background:#0b0b0b;color:#ffffff;overflow:hidden;margin:0;padding:0;line-height:1.6;\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv style=\"max-width:1100px;margin:0 auto;padding:70px 25px;text-align:center;\"\u003e\n\n    \u003cdiv style=\"display:inline-block;border:1px solid #b9975b;border-radius:50px;padding:9px 18px;margin-bottom:22px;color:#d9bb7a;font-size:12px;letter-spacing:3px;text-transform:uppercase;\"\u003e\n      LUMARI™ BEAUTY COLLECTION\n    \u003c\/div\u003e\n\n    \u003ch1 style=\"font-size:clamp(40px,7vw,72px);line-height:1.02;margin:0 0 25px;font-weight:700;letter-spacing:-2px;color:#ffffff;\"\u003e\n      35 Brushes.\u003cbr\u003e\n      \u003cspan style=\"color:#d8b76b;\"\u003eOne Perfect Look.\u003c\/span\u003e\n    \u003c\/h1\u003e\n\n    \u003cp style=\"max-width:700px;margin:0 auto 35px;color:#d0cbc2;font-size:17px;line-height:1.8;\"\u003e\n      Lumari™ Signature Brushes give you the tools to create a smoother,\n      more polished makeup look, whether you want a quick everyday routine\n      or a full glam finish.\n    \u003c\/p\u003e\n\n    \u003cdiv style=\"margin-top:25px;\"\u003e\n\n      \u003cspan style=\"display:inline-block;border:1px solid #8d723f;border-radius:30px;padding:10px 16px;margin:5px;color:#ead29a;font-size:13px;\"\u003e\n        ✨ 35 Versatile Brushes\n      \u003c\/span\u003e\n\n      \u003cspan style=\"display:inline-block;border:1px solid #8d723f;border-radius:30px;padding:10px 16px;margin:5px;color:#ead29a;font-size:13px;\"\u003e\n        💎 Soft Dense Bristles\n      \u003c\/span\u003e\n\n      \u003cspan style=\"display:inline-block;border:1px solid #8d723f;border-radius:30px;padding:10px 16px;margin:5px;color:#ead29a;font-size:13px;\"\u003e\n        🎨 Face \u0026amp; Eye\n      \u003c\/span\u003e\n\n      \u003cspan style=\"display:inline-block;border:1px solid #8d723f;border-radius:30px;padding:10px 16px;margin:5px;color:#ead29a;font-size:13px;\"\u003e\n        🧼 Cleaning Accessories\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- GOLD DIVIDER --\u003e\n  \u003cdiv style=\"width:70px;height:2px;background:#c9a45c;margin:10px auto 70px;\"\u003e\u003c\/div\u003e\n\n\n  \u003c!-- INTRODUCTION --\u003e\n  \u003cdiv style=\"max-width:1000px;margin:0 auto;padding:0 25px 80px;\"\u003e\n\n    \u003cdiv style=\"background:linear-gradient(145deg,#171717,#0e0e0e);border:1px solid #302a20;border-radius:25px;padding:45px 35px;\"\u003e\n\n      \u003ch2 style=\"font-size:34px;margin:0 0 20px;color:#ffffff;\"\u003e\n        Your makeup.\u003cbr\u003e\n        \u003cspan style=\"color:#d8b76b;\"\u003eElevated.\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp style=\"font-size:16px;color:#c4c0b8;line-height:1.9;margin:0 0 20px;\"\u003e\n        With 35 versatile brushes for face, eyes, brows, lips and detail work,\n        you can apply, blend and build your products with more control and less guesswork.\n      \u003c\/p\u003e\n\n      \u003cp style=\"font-size:16px;color:#c4c0b8;line-height:1.9;margin:0;\"\u003e\n        The soft, dense bristles help powders, creams and liquids glide on evenly,\n        while the variety of shapes makes it easy to place product exactly where you want it.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- BENEFITS --\u003e\n  \u003cdiv style=\"max-width:1100px;margin:0 auto;padding:0 25px 90px;\"\u003e\n\n    \u003cdiv style=\"text-align:center;margin-bottom:50px;\"\u003e\n\n      \u003cdiv style=\"color:#d8b76b;font-size:12px;letter-spacing:3px;text-transform:uppercase;margin-bottom:15px;\"\u003e\n        WHY YOU'LL LOVE THEM\n      \u003c\/div\u003e\n\n      \u003ch2 style=\"font-size:42px;line-height:1.1;margin:0;color:#ffffff;\"\u003e\n        Makeup made \u003cspan style=\"color:#d8b76b;\"\u003esimpler.\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv style=\"display:flex;flex-wrap:wrap;gap:18px;justify-content:center;\"\u003e\n\n      \u003c!-- CARD 1 --\u003e\n      \u003cdiv style=\"box-sizing:border-box;flex:1 1 220px;max-width:260px;background:linear-gradient(145deg,#191919,#101010);border:1px solid #302d28;border-radius:22px;padding:30px 24px;\"\u003e\n\n        \u003cdiv style=\"width:48px;height:48px;border:1px solid #a8874e;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#e0c27c;font-size:21px;margin-bottom:22px;\"\u003e\n          ✦\n        \u003c\/div\u003e\n\n        \u003ch3 style=\"font-size:19px;margin:0 0 12px;color:#ffffff;\"\u003e\n          More Control\n        \u003c\/h3\u003e\n\n        \u003cp style=\"font-size:14px;color:#aaa59c;line-height:1.7;margin:0;\"\u003e\n          A brush for every area, from full-face base application to fine eye detail.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- CARD 2 --\u003e\n      \u003cdiv style=\"box-sizing:border-box;flex:1 1 220px;max-width:260px;background:linear-gradient(145deg,#191919,#101010);border:1px solid #302d28;border-radius:22px;padding:30px 24px;\"\u003e\n\n        \u003cdiv style=\"width:48px;height:48px;border:1px solid #a8874e;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#e0c27c;font-size:21px;margin-bottom:22px;\"\u003e\n          ◌\n        \u003c\/div\u003e\n\n        \u003ch3 style=\"font-size:19px;margin:0 0 12px;color:#ffffff;\"\u003e\n          Smoother Blending\n        \u003c\/h3\u003e\n\n        \u003cp style=\"font-size:14px;color:#aaa59c;line-height:1.7;margin:0;\"\u003e\n          Soft bristles help diffuse product for a seamless, polished-looking finish.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- CARD 3 --\u003e\n      \u003cdiv style=\"box-sizing:border-box;flex:1 1 220px;max-width:260px;background:linear-gradient(145deg,#191919,#101010);border:1px solid #302d28;border-radius:22px;padding:30px 24px;\"\u003e\n\n        \u003cdiv style=\"width:48px;height:48px;border:1px solid #a8874e;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#e0c27c;font-size:21px;margin-bottom:22px;\"\u003e\n          ◇\n        \u003c\/div\u003e\n\n        \u003ch3 style=\"font-size:19px;margin:0 0 12px;color:#ffffff;\"\u003e\n          One Complete Kit\n        \u003c\/h3\u003e\n\n        \u003cp style=\"font-size:14px;color:#aaa59c;line-height:1.7;margin:0;\"\u003e\n          35 brushes plus a pouch and handy makeup-cleaning accessories.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- CARD 4 --\u003e\n      \u003cdiv style=\"box-sizing:border-box;flex:1 1 220px;max-width:260px;background:linear-gradient(145deg,#191919,#101010);border:1px solid #302d28;border-radius:22px;padding:30px 24px;\"\u003e\n\n        \u003cdiv style=\"width:48px;height:48px;border:1px solid #a8874e;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#e0c27c;font-size:21px;margin-bottom:22px;\"\u003e\n          ♡\n        \u003c\/div\u003e\n\n        \u003ch3 style=\"font-size:19px;margin:0 0 12px;color:#ffffff;\"\u003e\n          Every Routine\n        \u003c\/h3\u003e\n\n        \u003cp style=\"font-size:14px;color:#aaa59c;line-height:1.7;margin:0;\"\u003e\n          Ideal for beginners building confidence and beauty lovers refining their technique.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- 35 BRUSHES FEATURE --\u003e\n  \u003cdiv style=\"background:#111111;border-top:1px solid #28231b;border-bottom:1px solid #28231b;padding:90px 25px;text-align:center;\"\u003e\n\n    \u003cdiv style=\"font-size:120px;font-weight:800;line-height:.8;color:#d1ae65;margin-bottom:35px;\"\u003e\n      35\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"font-size:12px;letter-spacing:5px;text-transform:uppercase;color:#aaa59c;\"\u003e\n      ESSENTIAL MAKEUP BRUSHES\n    \u003c\/div\u003e\n\n    \u003cp style=\"max-width:600px;margin:30px auto 0;color:#bcb7af;font-size:16px;line-height:1.8;\"\u003e\n      From seamless foundation and soft contour to defined brows and blended\n      eyeshadow, every step feels simpler.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- HOW IT WORKS --\u003e\n  \u003cdiv style=\"max-width:1100px;margin:0 auto;padding:90px 25px;\"\u003e\n\n    \u003cdiv style=\"text-align:center;margin-bottom:60px;\"\u003e\n\n      \u003cdiv style=\"color:#d8b76b;font-size:12px;letter-spacing:3px;text-transform:uppercase;margin-bottom:15px;\"\u003e\n        HOW IT WORKS\n      \u003c\/div\u003e\n\n      \u003ch2 style=\"font-size:42px;line-height:1.1;margin:0;color:#ffffff;\"\u003e\n        Find the right brush.\u003cbr\u003e\n        \u003cspan style=\"color:#d8b76b;\"\u003eOwn the look.\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv style=\"display:flex;flex-wrap:wrap;gap:20px;\"\u003e\n\n      \u003c!-- STEP 1 --\u003e\n      \u003cdiv style=\"flex:1 1 220px;padding:30px;border-left:2px solid #a8874e;\"\u003e\n\n        \u003cdiv style=\"font-size:12px;letter-spacing:3px;color:#d8b76b;margin-bottom:18px;\"\u003e\n          01 — BASE\n        \u003c\/div\u003e\n\n        \u003ch3 style=\"font-size:21px;margin:0 0 14px;color:#ffffff;\"\u003e\n          Start Large\n        \u003c\/h3\u003e\n\n        \u003cp style=\"font-size:14px;color:#aaa59c;line-height:1.8;margin:0;\"\u003e\n          Choose a larger, fuller brush for base products such as powder,\n          bronzer, blush and contour.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- STEP 2 --\u003e\n      \u003cdiv style=\"flex:1 1 220px;padding:30px;border-left:2px solid #a8874e;\"\u003e\n\n        \u003cdiv style=\"font-size:12px;letter-spacing:3px;color:#d8b76b;margin-bottom:18px;\"\u003e\n          02 — COMPLEXION\n        \u003c\/div\u003e\n\n        \u003ch3 style=\"font-size:21px;margin:0 0 14px;color:#ffffff;\"\u003e\n          Build \u0026amp; Define\n        \u003c\/h3\u003e\n\n        \u003cp style=\"font-size:14px;color:#aaa59c;line-height:1.8;margin:0;\"\u003e\n          Use the medium brushes for targeted complexion work and controlled\n          product application.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- STEP 3 --\u003e\n      \u003cdiv style=\"flex:1 1 220px;padding:30px;border-left:2px solid #a8874e;\"\u003e\n\n        \u003cdiv style=\"font-size:12px;letter-spacing:3px;color:#d8b76b;margin-bottom:18px;\"\u003e\n          03 — DETAIL\n        \u003c\/div\u003e\n\n        \u003ch3 style=\"font-size:21px;margin:0 0 14px;color:#ffffff;\"\u003e\n          Go Smaller\n        \u003c\/h3\u003e\n\n        \u003cp style=\"font-size:14px;color:#aaa59c;line-height:1.8;margin:0;\"\u003e\n          Switch to smaller brushes for eyeshadow, liner, brows, lips and\n          detailed finishing.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- STEP 4 --\u003e\n      \u003cdiv style=\"flex:1 1 220px;padding:30px;border-left:2px solid #a8874e;\"\u003e\n\n        \u003cdiv style=\"font-size:12px;letter-spacing:3px;color:#d8b76b;margin-bottom:18px;\"\u003e\n          04 — BLEND\n        \u003c\/div\u003e\n\n        \u003ch3 style=\"font-size:21px;margin:0 0 14px;color:#ffffff;\"\u003e\n          Soften Everything\n        \u003c\/h3\u003e\n\n        \u003cp style=\"font-size:14px;color:#aaa59c;line-height:1.8;margin:0;\"\u003e\n          Pick up a small amount of product, tap off excess and blend using\n          light circular or sweeping motions.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- KIT CONTENT --\u003e\n  \u003cdiv style=\"max-width:1050px;margin:0 auto;padding:0 25px 90px;\"\u003e\n\n    \u003cdiv style=\"background:linear-gradient(135deg,#1b1813,#101010);border:1px solid #4a3a22;border-radius:28px;padding:50px 35px;\"\u003e\n\n      \u003cdiv style=\"display:flex;flex-wrap:wrap;gap:45px;align-items:center;\"\u003e\n\n        \u003cdiv style=\"flex:1 1 400px;\"\u003e\n\n          \u003cdiv style=\"color:#d8b76b;font-size:12px;letter-spacing:3px;text-transform:uppercase;margin-bottom:18px;\"\u003e\n            INSIDE THE COLLECTION\n          \u003c\/div\u003e\n\n          \u003ch2 style=\"font-size:42px;line-height:1.1;margin:0 0 20px;color:#ffffff;\"\u003e\n            Everything you need.\u003cbr\u003e\n            \u003cspan style=\"color:#d8b76b;\"\u003eNothing missing.\u003c\/span\u003e\n          \u003c\/h2\u003e\n\n          \u003cp style=\"font-size:15px;color:#aaa59c;line-height:1.8;margin:0;\"\u003e\n            A complete collection designed to cover your face, eyes, brows,\n            lips and detail work.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv style=\"flex:1 1 350px;\"\u003e\n\n          \u003cdiv style=\"padding:16px 18px;margin-bottom:10px;background:#171717;border-radius:12px;border:1px solid #2d2a25;color:#d0cbc2;\"\u003e\n            \u003cspan style=\"color:#d8b76b;font-weight:bold;margin-right:10px;\"\u003e01\u003c\/span\u003e\n            35 versatile makeup brushes\n          \u003c\/div\u003e\n\n          \u003cdiv style=\"padding:16px 18px;margin-bottom:10px;background:#171717;border-radius:12px;border:1px solid #2d2a25;color:#d0cbc2;\"\u003e\n            \u003cspan style=\"color:#d8b76b;font-weight:bold;margin-right:10px;\"\u003e02\u003c\/span\u003e\n            Premium storage pouch\n          \u003c\/div\u003e\n\n          \u003cdiv style=\"padding:16px 18px;margin-bottom:10px;background:#171717;border-radius:12px;border:1px solid #2d2a25;color:#d0cbc2;\"\u003e\n            \u003cspan style=\"color:#d8b76b;font-weight:bold;margin-right:10px;\"\u003e03\u003c\/span\u003e\n            Makeup-cleaning pad\n          \u003c\/div\u003e\n\n          \u003cdiv style=\"padding:16px 18px;margin-bottom:10px;background:#171717;border-radius:12px;border:1px solid #2d2a25;color:#d0cbc2;\"\u003e\n            \u003cspan style=\"color:#d8b76b;font-weight:bold;margin-right:10px;\"\u003e04\u003c\/span\u003e\n            Suitable for powders, creams \u0026amp; liquids\n          \u003c\/div\u003e\n\n          \u003cdiv style=\"padding:16px 18px;background:#171717;border-radius:12px;border:1px solid #2d2a25;color:#d0cbc2;\"\u003e\n            \u003cspan style=\"color:#d8b76b;font-weight:bold;margin-right:10px;\"\u003e05\u003c\/span\u003e\n            Face, eyes, brows, lips \u0026amp; detail brushes\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- BRUSH CARE --\u003e\n  \u003cdiv style=\"background:#111111;border-top:1px solid #28231b;padding:90px 25px;\"\u003e\n\n    \u003cdiv style=\"max-width:1000px;margin:0 auto;\"\u003e\n\n      \u003cdiv style=\"text-align:center;margin-bottom:50px;\"\u003e\n\n        \u003cdiv style=\"font-size:55px;margin-bottom:20px;\"\u003e\n          🧼\n        \u003c\/div\u003e\n\n        \u003cdiv style=\"color:#d8b76b;font-size:12px;letter-spacing:3px;text-transform:uppercase;margin-bottom:15px;\"\u003e\n          BRUSH CARE\n        \u003c\/div\u003e\n\n        \u003ch2 style=\"font-size:42px;margin:0;color:#ffffff;\"\u003e\n          Keep them \u003cspan style=\"color:#d8b76b;\"\u003ebeautiful.\u003c\/span\u003e\n        \u003c\/h2\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv style=\"max-width:750px;margin:0 auto;text-align:center;\"\u003e\n\n        \u003cp style=\"font-size:16px;color:#bdb8b0;line-height:1.9;margin:0 0 25px;\"\u003e\n          Use the included cleaning pad with gentle soap and lukewarm water\n          to wash brush bristles after use.\n        \u003c\/p\u003e\n\n        \u003cp style=\"font-size:16px;color:#bdb8b0;line-height:1.9;margin:0 0 30px;\"\u003e\n          Rinse thoroughly, reshape the bristles and lay brushes flat to dry\n          for the best care.\n        \u003c\/p\u003e\n\n        \u003cdiv\u003e\n\n          \u003cspan style=\"display:inline-block;border:1px solid #80683e;border-radius:30px;padding:10px 16px;margin:5px;color:#dfc486;\"\u003e\n            🧼 Gentle Clean\n          \u003c\/span\u003e\n\n          \u003cspan style=\"display:inline-block;border:1px solid #80683e;border-radius:30px;padding:10px 16px;margin:5px;color:#dfc486;\"\u003e\n            💧 Lukewarm Water\n          \u003c\/span\u003e\n\n          \u003cspan style=\"display:inline-block;border:1px solid #80683e;border-radius:30px;padding:10px 16px;margin:5px;color:#dfc486;\"\u003e\n            ✨ Reshape\n          \u003c\/span\u003e\n\n          \u003cspan style=\"display:inline-block;border:1px solid #80683e;border-radius:30px;padding:10px 16px;margin:5px;color:#dfc486;\"\u003e\n            〰️ Lay Flat\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- FINAL CTA --\u003e\n  \u003cdiv style=\"max-width:900px;margin:0 auto;padding:100px 25px;text-align:center;\"\u003e\n\n    \u003cdiv style=\"color:#d8b76b;font-size:12px;letter-spacing:4px;text-transform:uppercase;margin-bottom:22px;\"\u003e\n      LUMARI™ SIGNATURE BRUSHES\n    \u003c\/div\u003e\n\n    \u003ch2 style=\"font-size:clamp(42px,7vw,70px);line-height:1;margin:0 0 25px;color:#ffffff;letter-spacing:-2px;\"\u003e\n      Your makeup.\u003cbr\u003e\n      \u003cspan style=\"color:#d8b76b;\"\u003eElevated.\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp style=\"max-width:620px;margin:0 auto;color:#aaa59c;font-size:16px;line-height:1.8;\"\u003e\n      35 brushes. More control. Smoother blending.\n      A complete collection designed to make every step of your\n      beauty routine feel easier.\n    \u003c\/p\u003e\n\n    \u003cdiv style=\"margin-top:35px;\"\u003e\n\n      \u003cspan style=\"display:inline-block;background:#c9a45c;color:#0b0b0b;border-radius:50px;padding:15px 30px;font-weight:bold;letter-spacing:1px;\"\u003e\n        CREATE YOUR PERFECT LOOK ✨\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Lumari","offers":[{"title":"Pink","offer_id":45710851768389,"sku":null,"price":499.0,"currency_code":"ZAR","in_stock":true},{"title":"Black","offer_id":45710851801157,"sku":null,"price":499.0,"currency_code":"ZAR","in_stock":true},{"title":"Brown","offer_id":45710851833925,"sku":null,"price":499.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/0543\/7765\/files\/lumari-makeup-brush-set-with-presentation-box.png?v=1788859073"},{"product_id":"lumari™-glow-led-mirror","title":"Lumari™ Glow LED Mirror","description":"\u003cdiv class=\"lumari-glow-mirror\"\u003e\n\n\u003cstyle\u003e\n\/* =========================================================\n   LUMARI™ GLOW LED MIRROR\n   SHOPIFY-SAFE PREMIUM HTML\n   ========================================================= *\/\n\n.lumari-glow-mirror,\n.lumari-glow-mirror * {\n  box-sizing: border-box;\n}\n\n.lumari-glow-mirror {\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  overflow: hidden;\n  background: #ffffff;\n  color: #111111;\n  font-family: Arial, Helvetica, sans-serif;\n}\n\n.lumari-glow-mirror h1,\n.lumari-glow-mirror h2,\n.lumari-glow-mirror h3,\n.lumari-glow-mirror p {\n  margin-top: 0;\n}\n\n.lumari-glow-mirror a {\n  text-decoration: none !important;\n}\n\n\/* =========================================================\n   ANIMATIONS\n   ========================================================= *\/\n\n@keyframes lumariFadeUp {\n  0% {\n    opacity: 0;\n    transform: translateY(28px);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes lumariFadeIn {\n  0% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n@keyframes lumariFloat {\n  0%,\n  100% {\n    transform: translateY(0);\n  }\n\n  50% {\n    transform: translateY(-12px);\n  }\n}\n\n@keyframes lumariGlow {\n  0%,\n  100% {\n    opacity: .55;\n    transform: scale(.95);\n  }\n\n  50% {\n    opacity: 1;\n    transform: scale(1.08);\n  }\n}\n\n@keyframes lumariShine {\n  0% {\n    left: -120%;\n    opacity: 0;\n  }\n\n  15% {\n    opacity: 1;\n  }\n\n  40% {\n    left: 120%;\n    opacity: 0;\n  }\n\n  100% {\n    left: 120%;\n    opacity: 0;\n  }\n}\n\n@keyframes lumariRotate {\n  from {\n    transform: rotate(0deg);\n  }\n\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes lumariPulse {\n  0%,\n  100% {\n    opacity: .55;\n    box-shadow: 0 0 8px rgba(232,195,108,.35);\n  }\n\n  50% {\n    opacity: 1;\n    box-shadow: 0 0 22px rgba(232,195,108,.9);\n  }\n}\n\n@keyframes lumariGold {\n  0% {\n    background-position: 0% 50%;\n  }\n\n  50% {\n    background-position: 100% 50%;\n  }\n\n  100% {\n    background-position: 0% 50%;\n  }\n}\n\n\/* =========================================================\n   GOLD TEXT\n   ========================================================= *\/\n\n.lumari-gold {\n  background: linear-gradient(\n    90deg,\n    #9b7333,\n    #e9c875,\n    #fff0b0,\n    #b4863f,\n    #e4c06d\n  );\n\n  background-size: 300% 100%;\n\n  -webkit-background-clip: text;\n  background-clip: text;\n\n  -webkit-text-fill-color: transparent;\n\n  animation: lumariGold 5s ease infinite;\n}\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.lumari-hero {\n  position: relative;\n  min-height: 650px;\n\n  padding: 90px 25px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  overflow: hidden;\n\n  background:\n    radial-gradient(\n      circle at 75% 45%,\n      rgba(218,181,95,.20),\n      transparent 28%\n    ),\n    radial-gradient(\n      circle at 20% 70%,\n      rgba(218,181,95,.08),\n      transparent 25%\n    ),\n    linear-gradient(\n      135deg,\n      #050505 0%,\n      #151515 50%,\n      #050505 100%\n    );\n}\n\n\/* Decorative rings *\/\n\n.lumari-hero-ring-1 {\n  position: absolute;\n\n  width: 650px;\n  height: 650px;\n\n  border: 1px solid rgba(215,176,91,.20);\n\n  border-radius: 50%;\n\n  left: 50%;\n  top: 50%;\n\n  transform: translate(-50%, -50%);\n\n  animation: lumariRotate 25s linear infinite;\n\n  pointer-events: none;\n}\n\n.lumari-hero-ring-2 {\n  position: absolute;\n\n  width: 850px;\n  height: 850px;\n\n  border: 1px solid rgba(215,176,91,.08);\n\n  border-radius: 50%;\n\n  left: 50%;\n  top: 50%;\n\n  transform: translate(-50%, -50%);\n\n  animation: lumariRotate 35s linear infinite reverse;\n\n  pointer-events: none;\n}\n\n\/* Small stars *\/\n\n.lumari-star {\n  position: absolute;\n\n  width: 4px;\n  height: 4px;\n\n  border-radius: 50%;\n\n  background: #e8c56e;\n\n  box-shadow: 0 0 14px #e8c56e;\n\n  animation: lumariPulse 2.5s ease-in-out infinite;\n}\n\n.lumari-star-1 {\n  top: 18%;\n  left: 12%;\n}\n\n.lumari-star-2 {\n  top: 70%;\n  left: 22%;\n  animation-delay: .8s;\n}\n\n.lumari-star-3 {\n  top: 20%;\n  right: 16%;\n  animation-delay: 1.2s;\n}\n\n.lumari-star-4 {\n  bottom: 17%;\n  right: 12%;\n  animation-delay: 1.8s;\n}\n\n\/* Hero content *\/\n\n.lumari-hero-content {\n  position: relative;\n  z-index: 5;\n\n  width: 100%;\n  max-width: 900px;\n\n  text-align: center;\n\n  animation: lumariFadeUp 1s ease both;\n}\n\n.lumari-label {\n  display: inline-block;\n\n  padding: 10px 18px;\n\n  border-radius: 100px;\n\n  border: 1px solid rgba(225,191,112,.45);\n\n  background: rgba(211,169,76,.10);\n\n  color: #efd58e;\n\n  font-size: 11px;\n\n  font-weight: 700;\n\n  letter-spacing: 3px;\n\n  text-transform: uppercase;\n\n  margin-bottom: 28px;\n}\n\n.lumari-hero-title {\n  display: block !important;\n\n  margin: 0 auto 24px !important;\n\n  color: #ffffff !important;\n\n  font-size: clamp(43px, 7vw, 82px) !important;\n\n  line-height: 1 !important;\n\n  font-weight: 700 !important;\n\n  letter-spacing: -3px !important;\n}\n\n.lumari-hero-subtitle {\n  display: block !important;\n\n  max-width: 700px;\n\n  margin: 0 auto 35px !important;\n\n  color: #eeeeee !important;\n\n  font-size: 18px !important;\n\n  line-height: 1.75 !important;\n}\n\n.lumari-button {\n  display: inline-flex !important;\n\n  align-items: center;\n\n  justify-content: center;\n\n  gap: 12px;\n\n  padding: 16px 27px;\n\n  border-radius: 100px;\n\n  background: linear-gradient(\n    135deg,\n    #e3c274,\n    #a77d38\n  );\n\n  color: #111111 !important;\n\n  font-size: 12px;\n\n  font-weight: 800;\n\n  letter-spacing: 1.5px;\n\n  text-transform: uppercase;\n\n  box-shadow:\n    0 15px 40px rgba(204,164,77,.25),\n    inset 0 1px rgba(255,255,255,.45);\n\n  transition: all .35s ease;\n}\n\n.lumari-button:hover {\n  transform: translateY(-4px);\n\n  box-shadow:\n    0 22px 55px rgba(204,164,77,.38),\n    inset 0 1px rgba(255,255,255,.5);\n}\n\n.lumari-button-arrow {\n  font-size: 17px;\n\n  transition: transform .3s ease;\n}\n\n.lumari-button:hover .lumari-button-arrow {\n  transform: translateX(5px);\n}\n\n\/* =========================================================\n   INTRO\n   ========================================================= *\/\n\n.lumari-intro {\n  position: relative;\n\n  padding: 95px 25px;\n\n  background:\n    radial-gradient(\n      circle at 10% 10%,\n      rgba(210,171,82,.08),\n      transparent 30%\n    ),\n    #f8f5ed;\n\n  overflow: hidden;\n}\n\n.lumari-intro::after {\n  content: \"\";\n\n  position: absolute;\n\n  width: 500px;\n  height: 500px;\n\n  border-radius: 50%;\n\n  border: 1px solid rgba(178,139,59,.15);\n\n  right: -250px;\n  bottom: -300px;\n\n  pointer-events: none;\n}\n\n.lumari-container {\n  width: 100%;\n  max-width: 1120px;\n\n  margin: 0 auto;\n}\n\n.lumari-intro-grid {\n  display: grid;\n\n  grid-template-columns: 1fr 1fr;\n\n  gap: 70px;\n\n  align-items: center;\n}\n\n.lumari-small-title {\n  color: #a27b3b !important;\n\n  font-size: 11px !important;\n\n  font-weight: 800 !important;\n\n  letter-spacing: 3px !important;\n\n  text-transform: uppercase !important;\n\n  margin-bottom: 17px !important;\n}\n\n.lumari-intro-title {\n  color: #111111 !important;\n\n  font-size: clamp(37px, 5vw, 60px) !important;\n\n  line-height: 1.03 !important;\n\n  letter-spacing: -2px !important;\n\n  font-weight: 700 !important;\n\n  margin-bottom: 24px !important;\n}\n\n.lumari-intro-text {\n  color: #4f4f4f !important;\n\n  font-size: 16px !important;\n\n  line-height: 1.85 !important;\n\n  margin-bottom: 0 !important;\n}\n\n\/* =========================================================\n   FEATURE GRID\n   ========================================================= *\/\n\n.lumari-feature-grid {\n  display: grid;\n\n  grid-template-columns: 1fr 1fr;\n\n  gap: 18px;\n}\n\n.lumari-feature {\n  position: relative;\n\n  padding: 30px;\n\n  min-height: 190px;\n\n  background: rgba(255,255,255,.78);\n\n  border: 1px solid rgba(0,0,0,.07);\n\n  border-radius: 20px;\n\n  box-shadow: 0 10px 35px rgba(0,0,0,.04);\n\n  transition:\n    transform .4s ease,\n    box-shadow .4s ease;\n}\n\n.lumari-feature:hover {\n  transform: translateY(-8px);\n\n  box-shadow:\n    0 25px 55px rgba(0,0,0,.10);\n}\n\n.lumari-feature-icon {\n  width: 50px;\n  height: 50px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 15px;\n\n  background: #111111;\n\n  color: #e8c675;\n\n  font-size: 22px;\n\n  margin-bottom: 20px;\n\n  box-shadow: 0 10px 25px rgba(0,0,0,.14);\n\n  transition: transform .35s ease;\n}\n\n.lumari-feature:hover .lumari-feature-icon {\n  transform: rotate(-6deg) scale(1.08);\n}\n\n.lumari-feature h3 {\n  color: #111111 !important;\n\n  font-size: 18px !important;\n\n  line-height: 1.3 !important;\n\n  font-weight: 700 !important;\n\n  margin-bottom: 8px !important;\n}\n\n.lumari-feature p {\n  color: #666666 !important;\n\n  font-size: 14px !important;\n\n  line-height: 1.65 !important;\n\n  margin-bottom: 0 !important;\n}\n\n\/* =========================================================\n   DARK PRODUCT SECTION\n   ========================================================= *\/\n\n.lumari-dark-section {\n  position: relative;\n\n  padding: 105px 25px;\n\n  background:\n    radial-gradient(\n      circle at 75% 50%,\n      rgba(211,170,78,.13),\n      transparent 30%\n    ),\n    #080808;\n\n  overflow: hidden;\n}\n\n.lumari-dark-section::before {\n  content: \"\";\n\n  position: absolute;\n\n  width: 700px;\n  height: 700px;\n\n  border: 1px solid rgba(217,180,95,.08);\n\n  border-radius: 50%;\n\n  right: -300px;\n  top: -300px;\n\n  animation: lumariRotate 30s linear infinite;\n}\n\n.lumari-dark-grid {\n  position: relative;\n\n  z-index: 2;\n\n  display: grid;\n\n  grid-template-columns: 1fr 1fr;\n\n  gap: 70px;\n\n  align-items: center;\n}\n\n.lumari-dark-label {\n  color: #e4c477 !important;\n\n  font-size: 11px !important;\n\n  font-weight: 800 !important;\n\n  letter-spacing: 3px !important;\n\n  text-transform: uppercase !important;\n\n  margin-bottom: 18px !important;\n}\n\n.lumari-dark-title {\n  color: #ffffff !important;\n\n  font-size: clamp(37px, 5vw, 60px) !important;\n\n  line-height: 1.03 !important;\n\n  letter-spacing: -2px !important;\n\n  margin-bottom: 24px !important;\n}\n\n.lumari-dark-text {\n  color: #c9c9c9 !important;\n\n  font-size: 16px !important;\n\n  line-height: 1.8 !important;\n\n  margin-bottom: 30px !important;\n}\n\n\/* Checklist *\/\n\n.lumari-checklist {\n  margin: 0;\n\n  padding: 0;\n\n  list-style: none;\n}\n\n.lumari-checklist li {\n  display: flex;\n\n  align-items: center;\n\n  gap: 14px;\n\n  margin-bottom: 15px;\n\n  color: #eeeeee;\n\n  font-size: 14px;\n}\n\n.lumari-check {\n  flex-shrink: 0;\n\n  width: 27px;\n  height: 27px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 50%;\n\n  background: rgba(225,190,107,.14);\n\n  border: 1px solid rgba(225,190,107,.38);\n\n  color: #edcf7b;\n\n  font-size: 12px;\n}\n\n\/* =========================================================\n   CSS MIRROR\n   ========================================================= *\/\n\n.lumari-product-visual {\n  min-height: 450px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  position: relative;\n}\n\n.lumari-product-glow {\n  position: absolute;\n\n  width: 320px;\n  height: 320px;\n\n  border-radius: 50%;\n\n  background: rgba(239,207,126,.15);\n\n  filter: blur(60px);\n\n  animation: lumariGlow 3.5s ease-in-out infinite;\n}\n\n.lumari-mirror {\n  position: relative;\n\n  width: 285px;\n  height: 360px;\n\n  border-radius: 48% 48% 43% 43%;\n\n  background:\n    radial-gradient(\n      ellipse at center,\n      #272727 0%,\n      #101010 55%,\n      #050505 100%\n    );\n\n  border: 5px solid #d6b86d;\n\n  box-shadow:\n    0 0 0 5px #171717,\n    0 0 35px rgba(235,202,122,.38),\n    0 35px 70px rgba(0,0,0,.65);\n\n  animation: lumariFloat 5s ease-in-out infinite;\n\n  overflow: hidden;\n}\n\n.lumari-mirror::before {\n  content: \"\";\n\n  position: absolute;\n\n  inset: 10px;\n\n  border-radius: inherit;\n\n  border: 2px solid rgba(255,239,185,.45);\n}\n\n.lumari-mirror-ring {\n  position: absolute;\n\n  inset: 18px;\n\n  border-radius: inherit;\n\n  border: 3px solid #f4dc99;\n\n  box-shadow:\n    0 0 12px rgba(255,226,149,.8),\n    inset 0 0 14px rgba(255,226,149,.25);\n\n  animation: lumariPulse 2.4s ease-in-out infinite;\n}\n\n.lumari-mirror-shine {\n  position: absolute;\n\n  width: 70px;\n  height: 500px;\n\n  top: -70px;\n\n  left: -120%;\n\n  transform: rotate(20deg);\n\n  background: linear-gradient(\n    90deg,\n    transparent,\n    rgba(255,255,255,.22),\n    transparent\n  );\n\n  animation: lumariShine 5s ease-in-out infinite;\n}\n\n.lumari-mirror-button {\n  position: absolute;\n\n  bottom: 30px;\n\n  left: 50%;\n\n  transform: translateX(-50%);\n\n  width: 13px;\n  height: 13px;\n\n  border-radius: 50%;\n\n  border: 2px solid #d7b96e;\n\n  box-shadow: 0 0 10px rgba(225,194,112,.6);\n}\n\n.lumari-mirror-stand {\n  position: absolute;\n\n  bottom: -45px;\n\n  width: 130px;\n  height: 90px;\n\n  border-radius: 15px 15px 25px 25px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #292929,\n      #080808\n    );\n\n  border-bottom: 4px solid #caa85f;\n\n  box-shadow: 0 20px 40px rgba(0,0,0,.55);\n}\n\n\/* =========================================================\n   ROUTINE SECTION\n   ========================================================= *\/\n\n.lumari-routine {\n  padding: 100px 25px;\n\n  background: #ffffff;\n\n  text-align: center;\n}\n\n.lumari-routine-heading {\n  max-width: 700px;\n\n  margin: 0 auto 55px;\n}\n\n.lumari-routine-title {\n  color: #111111 !important;\n\n  font-size: clamp(36px, 5vw, 57px) !important;\n\n  line-height: 1.04 !important;\n\n  letter-spacing: -2px !important;\n\n  margin-bottom: 18px !important;\n}\n\n.lumari-routine-description {\n  color: #666666 !important;\n\n  font-size: 16px !important;\n\n  line-height: 1.75 !important;\n\n  margin-bottom: 0 !important;\n}\n\n.lumari-steps {\n  display: grid;\n\n  grid-template-columns:\n    repeat(4, 1fr);\n\n  gap: 18px;\n}\n\n.lumari-step {\n  padding: 30px 20px;\n\n  border-radius: 20px;\n\n  background: #faf9f6;\n\n  border: 1px solid #ebe6db;\n\n  transition:\n    transform .4s ease,\n    box-shadow .4s ease;\n}\n\n.lumari-step:hover {\n  transform: translateY(-8px);\n\n  box-shadow:\n    0 22px 45px rgba(0,0,0,.08);\n}\n\n.lumari-step-number {\n  width: 48px;\n  height: 48px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  margin: 0 auto 18px;\n\n  border-radius: 50%;\n\n  background: #111111;\n\n  color: #e5c476;\n\n  font-size: 13px;\n\n  font-weight: 800;\n}\n\n.lumari-step h3 {\n  color: #111111 !important;\n\n  font-size: 18px !important;\n\n  margin-bottom: 8px !important;\n}\n\n.lumari-step p {\n  color: #707070 !important;\n\n  font-size: 13px !important;\n\n  line-height: 1.6 !important;\n\n  margin-bottom: 0 !important;\n}\n\n\/* =========================================================\n   FINAL CTA\n   ========================================================= *\/\n\n.lumari-final {\n  position: relative;\n\n  padding: 100px 25px;\n\n  text-align: center;\n\n  overflow: hidden;\n\n  background:\n    radial-gradient(\n      circle at center,\n      rgba(218,179,91,.17),\n      transparent 38%\n    ),\n    #080808;\n}\n\n.lumari-final::before,\n.lumari-final::after {\n  content: \"\";\n\n  position: absolute;\n\n  border-radius: 50%;\n\n  border: 1px solid rgba(216,177,90,.13);\n\n  left: 50%;\n  top: 50%;\n\n  transform: translate(-50%,-50%);\n\n  pointer-events: none;\n}\n\n.lumari-final::before {\n  width: 600px;\n  height: 600px;\n\n  animation: lumariRotate 25s linear infinite;\n}\n\n.lumari-final::after {\n  width: 850px;\n  height: 850px;\n\n  animation: lumariRotate 35s linear infinite reverse;\n}\n\n.lumari-final-content {\n  position: relative;\n\n  z-index: 3;\n\n  max-width: 760px;\n\n  margin: 0 auto;\n}\n\n.lumari-final-title {\n  color: #ffffff !important;\n\n  font-size: clamp(38px, 6vw, 65px) !important;\n\n  line-height: 1 !important;\n\n  letter-spacing: -2px !important;\n\n  margin-bottom: 22px !important;\n}\n\n.lumari-final-text {\n  color: #cfcfcf !important;\n\n  font-size: 16px !important;\n\n  line-height: 1.75 !important;\n\n  max-width: 650px;\n\n  margin: 0 auto 30px !important;\n}\n\n.lumari-final-note {\n  color: #888888 !important;\n\n  font-size: 10px !important;\n\n  letter-spacing: 3px !important;\n\n  margin-top: 22px !important;\n\n  text-transform: uppercase !important;\n}\n\n\/* =========================================================\n   RESPONSIVE\n   ========================================================= *\/\n\n@media screen and (max-width: 850px) {\n\n  .lumari-hero {\n    min-height: 580px;\n\n    padding: 75px 20px;\n  }\n\n  .lumari-intro-grid,\n  .lumari-dark-grid {\n    grid-template-columns: 1fr;\n\n    gap: 45px;\n  }\n\n  .lumari-feature-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .lumari-steps {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .lumari-product-visual {\n    min-height: 430px;\n  }\n}\n\n@media screen and (max-width: 520px) {\n\n  .lumari-hero {\n    min-height: 570px;\n\n    padding: 65px 18px;\n  }\n\n  .lumari-hero-title {\n    font-size: 44px !important;\n\n    letter-spacing: -2px !important;\n  }\n\n  .lumari-hero-subtitle {\n    font-size: 15px !important;\n\n    line-height: 1.65 !important;\n  }\n\n  .lumari-intro,\n  .lumari-dark-section,\n  .lumari-routine,\n  .lumari-final {\n    padding-top: 70px;\n\n    padding-bottom: 70px;\n  }\n\n  .lumari-intro-title,\n  .lumari-dark-title,\n  .lumari-routine-title {\n    font-size: 38px !important;\n  }\n\n  .lumari-feature {\n    min-height: auto;\n\n    padding: 26px;\n  }\n\n  .lumari-mirror {\n    width: 245px;\n\n    height: 310px;\n  }\n\n  .lumari-product-visual {\n    min-height: 390px;\n  }\n\n  .lumari-steps {\n    grid-template-columns: 1fr;\n  }\n\n  .lumari-final-title {\n    font-size: 42px !important;\n  }\n\n  .lumari-final::before {\n    width: 450px;\n    height: 450px;\n  }\n\n  .lumari-final::after {\n    width: 650px;\n    height: 650px;\n  }\n}\n\n\u003c\/style\u003e\n\n\n\u003c!-- =========================================================\n     HERO\n     ========================================================= --\u003e\n\n\u003csection class=\"lumari-hero\"\u003e\n\n  \u003cdiv class=\"lumari-hero-ring-1\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"lumari-hero-ring-2\"\u003e\u003c\/div\u003e\n\n  \u003cspan class=\"lumari-star lumari-star-1\"\u003e\u003c\/span\u003e\n  \u003cspan class=\"lumari-star lumari-star-2\"\u003e\u003c\/span\u003e\n  \u003cspan class=\"lumari-star lumari-star-3\"\u003e\u003c\/span\u003e\n  \u003cspan class=\"lumari-star lumari-star-4\"\u003e\u003c\/span\u003e\n\n  \u003cdiv class=\"lumari-hero-content\"\u003e\n\n    \u003cdiv class=\"lumari-label\"\u003e\n      LUMARI™ BEAUTY ESSENTIALS\n    \u003c\/div\u003e\n\n    \u003ch1 class=\"lumari-hero-title\"\u003e\n      Your reflection.\u003cbr\u003e\n      \u003cspan class=\"lumari-gold\"\u003e\n        Perfectly illuminated.\n      \u003c\/span\u003e\n    \u003c\/h1\u003e\n\n    \u003cp class=\"lumari-hero-subtitle\"\u003e\n      Make every beauty and grooming routine feel easier,\n      clearer, and more polished with the Lumari™ Glow LED Mirror.\n    \u003c\/p\u003e\n\n    \u003ca href=\"#lumari-features\" class=\"lumari-button\"\u003e\n      Discover the Glow\n      \u003cspan class=\"lumari-button-arrow\"\u003e→\u003c\/span\u003e\n    \u003c\/a\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =========================================================\n     INTRO + FEATURES\n     ========================================================= --\u003e\n\n\u003csection class=\"lumari-intro\" id=\"lumari-features\"\u003e\n\n  \u003cdiv class=\"lumari-container\"\u003e\n\n    \u003cdiv class=\"lumari-intro-grid\"\u003e\n\n      \u003cdiv\u003e\n\n        \u003cdiv class=\"lumari-small-title\"\u003e\n          DESIGNED FOR YOUR ROUTINE\n        \u003c\/div\u003e\n\n        \u003ch2 class=\"lumari-intro-title\"\u003e\n          See yourself in a\n          \u003cspan class=\"lumari-gold\"\u003e\n            better light.\n          \u003c\/span\u003e\n        \u003c\/h2\u003e\n\n        \u003cp class=\"lumari-intro-text\"\u003e\n          No more relying on harsh overhead lighting or\n          struggling with shadows. The Lumari™ Glow LED Mirror\n          gives you a brighter, clearer view while you apply\n          makeup, style your brows, shave, care for your skin,\n          or simply get ready for the day.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"lumari-feature-grid\"\u003e\n\n        \u003cdiv class=\"lumari-feature\"\u003e\n\n          \u003cdiv class=\"lumari-feature-icon\"\u003e\n            ◉\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            See Details Clearly\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Get a clearer view of your reflection so you can\n            focus on the small details that complete your look.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"lumari-feature\"\u003e\n\n          \u003cdiv class=\"lumari-feature-icon\"\u003e\n            ✦\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Built-In LED Lighting\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Illuminate your face directly from the mirror for\n            a brighter, better-lit reflection.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"lumari-feature\"\u003e\n\n          \u003cdiv class=\"lumari-feature-icon\"\u003e\n            ◇\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Adjustable Viewing Angle\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Position the mirror to suit your routine and create\n            a comfortable viewing angle.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"lumari-feature\"\u003e\n\n          \u003cdiv class=\"lumari-feature-icon\"\u003e\n            ✧\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Elegant Vanity Design\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Add a polished and sophisticated touch to your\n            vanity, bedroom, or bathroom.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =========================================================\n     DARK FEATURE SECTION\n     ========================================================= --\u003e\n\n\u003csection class=\"lumari-dark-section\"\u003e\n\n  \u003cdiv class=\"lumari-container lumari-dark-grid\"\u003e\n\n    \u003cdiv\u003e\n\n      \u003cdiv class=\"lumari-dark-label\"\u003e\n        A CLEARER EVERYDAY RITUAL\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"lumari-dark-title\"\u003e\n        Lighting that works\n        \u003cspan class=\"lumari-gold\"\u003e\n          with you.\n        \u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp class=\"lumari-dark-text\"\u003e\n        The built-in LED lighting brightens your reflection\n        directly from the mirror, helping you see your face\n        more clearly without depending entirely on the lighting\n        around you.\n      \u003c\/p\u003e\n\n      \u003cul class=\"lumari-checklist\"\u003e\n\n        \u003cli\u003e\n          \u003cspan class=\"lumari-check\"\u003e✓\u003c\/span\u003e\n          Makeup application\n        \u003c\/li\u003e\n\n        \u003cli\u003e\n          \u003cspan class=\"lumari-check\"\u003e✓\u003c\/span\u003e\n          Brow styling\n        \u003c\/li\u003e\n\n        \u003cli\u003e\n          \u003cspan class=\"lumari-check\"\u003e✓\u003c\/span\u003e\n          Shaving \u0026amp; grooming\n        \u003c\/li\u003e\n\n        \u003cli\u003e\n          \u003cspan class=\"lumari-check\"\u003e✓\u003c\/span\u003e\n          Skincare routines\n        \u003c\/li\u003e\n\n        \u003cli\u003e\n          \u003cspan class=\"lumari-check\"\u003e✓\u003c\/span\u003e\n          Everyday finishing touches\n        \u003c\/li\u003e\n\n      \u003c\/ul\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"lumari-product-visual\"\u003e\n\n      \u003cdiv class=\"lumari-product-glow\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"lumari-mirror\"\u003e\n\n        \u003cdiv class=\"lumari-mirror-ring\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"lumari-mirror-shine\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"lumari-mirror-button\"\u003e\u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"lumari-mirror-stand\"\u003e\u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =========================================================\n     HOW TO USE\n     ========================================================= --\u003e\n\n\u003csection class=\"lumari-routine\"\u003e\n\n  \u003cdiv class=\"lumari-container\"\u003e\n\n    \u003cdiv class=\"lumari-routine-heading\"\u003e\n\n      \u003cdiv class=\"lumari-small-title\"\u003e\n        SIMPLE BY DESIGN\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"lumari-routine-title\"\u003e\n        Ready when\n        \u003cspan class=\"lumari-gold\"\u003e\n          you are.\n        \u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp class=\"lumari-routine-description\"\u003e\n        Designed to fit naturally into your everyday routine.\n        Simply place it on a flat surface, adjust the angle,\n        and switch on the LED light whenever you want a clearer view.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"lumari-steps\"\u003e\n\n      \u003cdiv class=\"lumari-step\"\u003e\n\n        \u003cdiv class=\"lumari-step-number\"\u003e\n          01\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Place\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Position your mirror on a stable, flat surface.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"lumari-step\"\u003e\n\n        \u003cdiv class=\"lumari-step-number\"\u003e\n          02\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Adjust\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Set the viewing angle to suit your routine.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"lumari-step\"\u003e\n\n        \u003cdiv class=\"lumari-step-number\"\u003e\n          03\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Illuminate\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Switch on the LED light for a brighter reflection.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"lumari-step\"\u003e\n\n        \u003cdiv class=\"lumari-step-number\"\u003e\n          04\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Get Ready\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Enjoy a clearer view while completing your routine.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =========================================================\n     FINAL CTA\n     ========================================================= --\u003e\n\n\u003csection class=\"lumari-final\"\u003e\n\n  \u003cdiv class=\"lumari-final-content\"\u003e\n\n    \u003cdiv class=\"lumari-dark-label\"\u003e\n      LUMARI™ GLOW LED MIRROR\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"lumari-final-title\"\u003e\n      Make every reflection\n      \u003cspan class=\"lumari-gold\"\u003e\n        count.\n      \u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp class=\"lumari-final-text\"\u003e\n      Practical lighting meets refined design in a mirror made\n      to make your everyday beauty and grooming routine feel effortless.\n    \u003c\/p\u003e\n\n    \u003ca href=\"#lumari-features\" class=\"lumari-button\"\u003e\n      Experience Lumari™\n      \u003cspan class=\"lumari-button-arrow\"\u003e→\u003c\/span\u003e\n    \u003c\/a\u003e\n\n    \u003cdiv class=\"lumari-final-note\"\u003e\n      BEAUTY   •  \n      GROOMING   •  \n      SKINCARE   •  \n      EVERYDAY ROUTINES\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\u003c\/div\u003e","brand":"Lumari","offers":[{"title":"Black","offer_id":45711203237957,"sku":null,"price":699.0,"currency_code":"ZAR","in_stock":true},{"title":"Gold","offer_id":45711203270725,"sku":null,"price":699.0,"currency_code":"ZAR","in_stock":true},{"title":"Rose gold","offer_id":45711203303493,"sku":null,"price":699.0,"currency_code":"ZAR","in_stock":true},{"title":"White","offer_id":45711203336261,"sku":null,"price":699.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/0543\/7765\/files\/rose-gold-mirror-without-badge.png?v=1788864886"},{"product_id":"lumari™-beard-tool-bag","title":"Lumari™ Beard Tool Bag","description":"\u003cstyle\u003e\n\/* LUMARI™ BEARD TOOL BAG *\/\n\n.lumari-beard {\n  width: 100%;\n  max-width: 100%;\n  margin: 0 auto;\n  padding: 0;\n  background: #ffffff;\n  color: #111111;\n  font-family: Arial, Helvetica, sans-serif;\n  overflow: hidden;\n}\n\n.lumari-beard * {\n  box-sizing: border-box;\n}\n\n\/* HERO *\/\n\n.lumari-beard-hero {\n  position: relative;\n  padding: 70px 25px 65px;\n  text-align: center;\n  background:\n    radial-gradient(circle at top right, rgba(212,175,55,0.18), transparent 35%),\n    radial-gradient(circle at bottom left, rgba(212,175,55,0.10), transparent 35%),\n    linear-gradient(135deg, #090909 0%, #151515 50%, #050505 100%);\n  color: #ffffff;\n  overflow: hidden;\n}\n\n.lumari-beard-hero:before,\n.lumari-beard-hero:after {\n  content: \"\";\n  position: absolute;\n  border-radius: 50%;\n  border: 1px solid rgba(212,175,55,0.16);\n  pointer-events: none;\n}\n\n.lumari-beard-hero:before {\n  width: 350px;\n  height: 350px;\n  top: -220px;\n  right: -100px;\n}\n\n.lumari-beard-hero:after {\n  width: 260px;\n  height: 260px;\n  bottom: -180px;\n  left: -100px;\n}\n\n.lumari-beard-inner {\n  position: relative;\n  z-index: 2;\n  max-width: 850px;\n  margin: 0 auto;\n}\n\n.lumari-beard-badge {\n  display: inline-block;\n  padding: 9px 18px;\n  margin-bottom: 24px;\n  border: 1px solid #d4af37;\n  border-radius: 50px;\n  color: #d4af37;\n  font-size: 11px;\n  font-weight: bold;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  animation: lumariPulse 3s infinite ease-in-out;\n}\n\n.lumari-beard-title {\n  margin: 0;\n  color: #ffffff !important;\n  font-size: 52px;\n  line-height: 1.05;\n  font-weight: 800;\n  letter-spacing: -1px;\n}\n\n.lumari-beard-gold {\n  display: inline-block;\n  color: #d4af37 !important;\n  margin-top: 8px;\n}\n\n.lumari-beard-line {\n  width: 90px;\n  height: 2px;\n  margin: 28px auto;\n  background: #d4af37;\n  animation: lumariLine 2.5s infinite ease-in-out;\n}\n\n.lumari-beard-subtitle {\n  max-width: 680px;\n  margin: 0 auto;\n  color: #e0e0e0 !important;\n  font-size: 17px;\n  line-height: 1.8;\n}\n\n\/* INTRO *\/\n\n.lumari-beard-intro {\n  max-width: 900px;\n  margin: 0 auto;\n  padding: 60px 25px;\n  text-align: center;\n  background: #ffffff;\n}\n\n.lumari-beard-intro p {\n  margin: 0;\n  color: #333333 !important;\n  font-size: 17px;\n  line-height: 1.85;\n}\n\n\/* SECTION TITLE *\/\n\n.lumari-beard-heading {\n  padding: 65px 25px 35px;\n  text-align: center;\n  background: #f8f8f8;\n}\n\n.lumari-beard-heading-small {\n  display: block;\n  margin-bottom: 12px;\n  color: #b58b1d !important;\n  font-size: 11px;\n  font-weight: bold;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n}\n\n.lumari-beard-heading h2 {\n  margin: 0;\n  color: #111111 !important;\n  font-size: 38px;\n  line-height: 1.2;\n}\n\n\/* FEATURES *\/\n\n.lumari-beard-features {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 18px;\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 35px 25px 75px;\n  background: #f8f8f8;\n}\n\n.lumari-beard-card {\n  padding: 30px 22px;\n  background: #ffffff;\n  border: 1px solid #e5e5e5;\n  border-radius: 18px;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n  animation: lumariFloatIn 0.8s ease both;\n}\n\n.lumari-beard-card:nth-child(2) {\n  animation-delay: 0.1s;\n}\n\n.lumari-beard-card:nth-child(3) {\n  animation-delay: 0.2s;\n}\n\n.lumari-beard-card:nth-child(4) {\n  animation-delay: 0.3s;\n}\n\n.lumari-beard-card:hover {\n  transform: translateY(-8px);\n  box-shadow: 0 18px 40px rgba(0,0,0,0.12);\n}\n\n.lumari-beard-icon {\n  width: 58px;\n  height: 58px;\n  margin-bottom: 22px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #111111;\n  border-radius: 16px;\n  font-size: 25px;\n}\n\n.lumari-beard-card h3 {\n  margin: 0 0 12px;\n  color: #111111 !important;\n  font-size: 18px;\n}\n\n.lumari-beard-card p {\n  margin: 0;\n  color: #555555 !important;\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n\/* HOW IT WORKS *\/\n\n.lumari-beard-how {\n  padding: 80px 25px;\n  background:\n    radial-gradient(circle at top right, rgba(212,175,55,0.15), transparent 35%),\n    #101010;\n}\n\n.lumari-beard-how-box {\n  max-width: 1000px;\n  margin: 0 auto;\n  padding: 55px;\n  border: 1px solid rgba(212,175,55,0.35);\n  border-radius: 25px;\n  background: rgba(255,255,255,0.04);\n}\n\n.lumari-beard-how-label {\n  margin-bottom: 15px;\n  color: #d4af37 !important;\n  font-size: 11px;\n  font-weight: bold;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n}\n\n.lumari-beard-how h2 {\n  margin: 0 0 20px;\n  color: #ffffff !important;\n  font-size: 42px;\n  line-height: 1.2;\n}\n\n.lumari-beard-how h2 span {\n  color: #d4af37 !important;\n}\n\n.lumari-beard-how p {\n  margin: 0;\n  color: #dddddd !important;\n  font-size: 16px;\n  line-height: 1.9;\n}\n\n\/* TOOL TAGS *\/\n\n.lumari-beard-tools {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  margin-top: 30px;\n}\n\n.lumari-beard-tool {\n  padding: 10px 15px;\n  border: 1px solid rgba(212,175,55,0.4);\n  border-radius: 50px;\n  color: #f0d777 !important;\n  font-size: 13px;\n  transition: all 0.3s ease;\n}\n\n.lumari-beard-tool:hover {\n  background: #d4af37;\n  color: #111111 !important;\n}\n\n\/* QUOTE *\/\n\n.lumari-beard-quote {\n  padding: 75px 25px;\n  text-align: center;\n  background: #ffffff;\n}\n\n.lumari-beard-quote-mark {\n  color: #d4af37 !important;\n  font-size: 60px;\n  line-height: 0.8;\n}\n\n.lumari-beard-quote h2 {\n  max-width: 850px;\n  margin: 15px auto;\n  color: #111111 !important;\n  font-size: 38px;\n  line-height: 1.35;\n}\n\n.lumari-beard-quote h2 span {\n  color: #b58b1d !important;\n}\n\n.lumari-beard-quote p {\n  margin: 0;\n  color: #777777 !important;\n  font-size: 11px;\n  font-weight: bold;\n  letter-spacing: 2px;\n}\n\n\/* DISCLAIMER *\/\n\n.lumari-beard-disclaimer {\n  padding: 25px;\n  text-align: center;\n  background: #f5f5f5;\n  border-top: 1px solid #e5e5e5;\n}\n\n.lumari-beard-disclaimer p {\n  max-width: 750px;\n  margin: 0 auto;\n  color: #666666 !important;\n  font-size: 12px;\n  line-height: 1.6;\n}\n\n\/* ANIMATIONS *\/\n\n@keyframes lumariPulse {\n  0%, 100% {\n    transform: scale(1);\n    box-shadow: 0 0 0 rgba(212,175,55,0);\n  }\n\n  50% {\n    transform: scale(1.04);\n    box-shadow: 0 0 20px rgba(212,175,55,0.25);\n  }\n}\n\n@keyframes lumariLine {\n  0%, 100% {\n    transform: scaleX(0.8);\n    opacity: 0.6;\n  }\n\n  50% {\n    transform: scaleX(1.2);\n    opacity: 1;\n  }\n}\n\n@keyframes lumariFloatIn {\n  from {\n    opacity: 0;\n    transform: translateY(25px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* MOBILE *\/\n\n@media screen and (max-width: 900px) {\n\n  .lumari-beard-features {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n}\n\n@media screen and (max-width: 600px) {\n\n  .lumari-beard-hero {\n    padding: 60px 20px;\n  }\n\n  .lumari-beard-title {\n    font-size: 38px;\n  }\n\n  .lumari-beard-subtitle {\n    font-size: 15px;\n  }\n\n  .lumari-beard-heading h2 {\n    font-size: 30px;\n  }\n\n  .lumari-beard-features {\n    grid-template-columns: 1fr;\n    padding: 25px 18px 55px;\n  }\n\n  .lumari-beard-how {\n    padding: 55px 18px;\n  }\n\n  .lumari-beard-how-box {\n    padding: 35px 24px;\n  }\n\n  .lumari-beard-how h2 {\n    font-size: 32px;\n  }\n\n  .lumari-beard-quote h2 {\n    font-size: 29px;\n  }\n\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"lumari-beard\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"lumari-beard-hero\"\u003e\n\n    \u003cdiv class=\"lumari-beard-inner\"\u003e\n\n      \u003cdiv class=\"lumari-beard-badge\"\u003e\n        LUMARI™ GROOMING\n      \u003c\/div\u003e\n\n      \u003ch1 class=\"lumari-beard-title\"\u003e\n        Your Grooming.\u003cbr\u003e\n        \u003cspan class=\"lumari-beard-gold\"\u003e\n          Perfectly Organised.\n        \u003c\/span\u003e\n      \u003c\/h1\u003e\n\n      \u003cdiv class=\"lumari-beard-line\"\u003e\u003c\/div\u003e\n\n      \u003cp class=\"lumari-beard-subtitle\"\u003e\n        Keep your beard grooming essentials together in one clean,\n        stylish place — ready whenever you need them.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- INTRO --\u003e\n\n  \u003cdiv class=\"lumari-beard-intro\"\u003e\n\n    \u003cp\u003e\n      Keep your beard grooming routine neat, organised, and ready to go.\n      The Lumari™ Beard Tool Bag gives your everyday essentials one clean\n      place, helping you avoid cluttered counters, misplaced tools,\n      and messy travel bags.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- FEATURES TITLE --\u003e\n\n  \u003cdiv class=\"lumari-beard-heading\"\u003e\n\n    \u003cspan class=\"lumari-beard-heading-small\"\u003e\n      Designed for your routine\n    \u003c\/span\u003e\n\n    \u003ch2\u003e\n      Simple. Clean. Organised.\n    \u003c\/h2\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- FEATURES --\u003e\n\n  \u003cdiv class=\"lumari-beard-features\"\u003e\n\n\n    \u003cdiv class=\"lumari-beard-card\"\u003e\n\n      \u003cdiv class=\"lumari-beard-icon\"\u003e\n        🧔\n      \u003c\/div\u003e\n\n      \u003ch3\u003e\n        Keep Everything Together\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        Keep your beard grooming essentials in one dedicated place\n        instead of scattered around your bathroom.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"lumari-beard-card\"\u003e\n\n      \u003cdiv class=\"lumari-beard-icon\"\u003e\n        ✨\n      \u003c\/div\u003e\n\n      \u003ch3\u003e\n        A Cleaner Space\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        Create a more organised grooming area by giving your\n        everyday tools their own convenient home.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"lumari-beard-card\"\u003e\n\n      \u003cdiv class=\"lumari-beard-icon\"\u003e\n        🧳\n      \u003c\/div\u003e\n\n      \u003ch3\u003e\n        Ready for Travel\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        Pack your grooming essentials together and take your\n        routine with you wherever you go.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"lumari-beard-card\"\u003e\n\n      \u003cdiv class=\"lumari-beard-icon\"\u003e\n        🖤\n      \u003c\/div\u003e\n\n      \u003ch3\u003e\n        Simple \u0026amp; Stylish\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        A sleek, understated design that fits naturally into\n        your everyday grooming routine.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- HOW IT WORKS --\u003e\n\n  \u003cdiv class=\"lumari-beard-how\"\u003e\n\n    \u003cdiv class=\"lumari-beard-how-box\"\u003e\n\n      \u003cdiv class=\"lumari-beard-how-label\"\u003e\n        HOW IT WORKS\n      \u003c\/div\u003e\n\n      \u003ch2\u003e\n        One Bag.\u003cbr\u003e\n        \u003cspan\u003eEverything You Need.\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Place your beard grooming essentials inside, such as your trimmer,\n        razor, comb, brush, scissors, or other accessories. Zip the bag\n        closed, store it in your bathroom or drawer, or take it with you\n        when travelling. Everything stays together and ready whenever\n        you need it.\n      \u003c\/p\u003e\n\n\n      \u003cdiv class=\"lumari-beard-tools\"\u003e\n\n        \u003cdiv class=\"lumari-beard-tool\"\u003eTrimmer\u003c\/div\u003e\n\n        \u003cdiv class=\"lumari-beard-tool\"\u003eRazor\u003c\/div\u003e\n\n        \u003cdiv class=\"lumari-beard-tool\"\u003eComb\u003c\/div\u003e\n\n        \u003cdiv class=\"lumari-beard-tool\"\u003eBrush\u003c\/div\u003e\n\n        \u003cdiv class=\"lumari-beard-tool\"\u003eScissors\u003c\/div\u003e\n\n        \u003cdiv class=\"lumari-beard-tool\"\u003eAccessories\u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- QUOTE --\u003e\n\n  \u003cdiv class=\"lumari-beard-quote\"\u003e\n\n    \u003cdiv class=\"lumari-beard-quote-mark\"\u003e\n      “\n    \u003c\/div\u003e\n\n    \u003ch2\u003e\n      Grooming feels better when\n      \u003cspan\u003eeverything has its place.\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      LUMARI™ • EVERYDAY GROOMING ESSENTIALS\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- DISCLAIMER --\u003e\n\n  \u003cdiv class=\"lumari-beard-disclaimer\"\u003e\n\n    \u003cp\u003e\n      Bag only. Grooming tools shown for illustration purposes.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Lumari","offers":[{"title":"Default Title","offer_id":45711295119429,"sku":null,"price":149.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/0543\/7765\/files\/lumari-beard-things-hero-20260908.png?v=1788869521"}],"url":"https:\/\/lumari.co.za\/collections\/new-products.oembed","provider":"Lumari","version":"1.0","type":"link"}