{"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","url":"https:\/\/lumari.co.za\/products\/lumari%e2%84%a2-collagen-patches","provider":"Lumari","version":"1.0","type":"link"}