{"product_id":"60pcs-collagen-retinol-eye-mask","title":"60pcs Collagen \u0026 Retinol Eye Mask","description":"\u003cstyle\u003e\n  .cem-wrap {\n    font-family: 'Georgia', serif;\n    max-width: 800px;\n    margin: 0 auto;\n    padding: 44px 24px;\n    background: linear-gradient(160deg, #e8f6ff 0%, #ffffff 50%, #d0eeff 100%);\n    color: #0a2a3a;\n    border-radius: 4px;\n  }\n\n  @keyframes cem-fadeUp {\n    from { opacity: 0; transform: translateY(30px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n\n  @keyframes cem-lineGrow {\n    from { width: 0; opacity: 0; }\n    to   { width: 100%; opacity: 1; }\n  }\n\n  @keyframes cem-slideLeft {\n    from { opacity: 0; transform: translateX(-30px); }\n    to   { opacity: 1; transform: translateX(0); }\n  }\n\n  @keyframes cem-shimmer {\n    0%   { background-position: -300% center; }\n    100% { background-position: 300% center; }\n  }\n\n  @keyframes cem-pulse {\n    0%, 100% { box-shadow: 0 0 6px #29b6f655, 0 0 0px #0288d100; }\n    50%       { box-shadow: 0 0 22px #29b6f699, 0 0 40px #0288d166; }\n  }\n\n  @keyframes cem-borderPulse {\n    0%   { border-color: #0288d1; }\n    50%  { border-color: #29b6f6; }\n    100% { border-color: #0288d1; }\n  }\n\n  @keyframes cem-bgFloat {\n    0%   { background-position: 0% 50%; }\n    50%  { background-position: 100% 50%; }\n    100% { background-position: 0% 50%; }\n  }\n\n  @keyframes cem-sparkle {\n    0%, 100% { opacity: 0.4; transform: scale(1); }\n    50%       { opacity: 1; transform: scale(1.2); }\n  }\n\n  @keyframes cem-wave {\n    0%   { transform: translateX(-100%); }\n    100% { transform: translateX(100%); }\n  }\n\n  .cem-tag {\n    display: inline-block;\n    font-family: 'Helvetica Neue', sans-serif;\n    font-size: 9px;\n    font-weight: 800;\n    letter-spacing: 4px;\n    text-transform: uppercase;\n    padding: 7px 20px;\n    border: 1px solid #0288d1;\n    color: transparent;\n    background: linear-gradient(90deg, #01579b 0%, #0288d1 25%, #29b6f6 50%, #0288d1 75%, #01579b 100%);\n    background-size: 300% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    animation: cem-shimmer 4s linear infinite, cem-fadeUp 0.8s ease 0.1s both, cem-borderPulse 3s ease-in-out infinite;\n    margin-bottom: 24px;\n  }\n\n  .cem-headline {\n    font-size: 34px;\n    font-weight: 300;\n    line-height: 1.3;\n    color: #01263a;\n    letter-spacing: 0.5px;\n    margin: 0 0 6px;\n    animation: cem-fadeUp 0.9s ease 0.3s both;\n  }\n\n  .cem-headline em {\n    font-style: normal;\n    background: linear-gradient(90deg, #01579b, #0288d1, #29b6f6, #0288d1);\n    background-size: 300% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n    animation: cem-shimmer 4s linear infinite;\n  }\n\n  .cem-line {\n    height: 1px;\n    background: linear-gradient(90deg, #0288d1, #29b6f6, #b3e5fc, transparent);\n    margin: 26px 0;\n    animation: cem-lineGrow 1.2s ease 0.5s both;\n  }\n\n  .cem-intro {\n    font-size: 15.5px;\n    line-height: 1.95;\n    color: #1a4a5a;\n    margin-bottom: 44px;\n    animation: cem-fadeUp 0.9s ease 0.6s both;\n  }\n\n  .cem-intro strong { color: #0277bd; font-weight: 600; }\n\n  .cem-section-label {\n    font-family: 'Helvetica Neue', sans-serif;\n    font-size: 9px;\n    font-weight: 800;\n    letter-spacing: 4px;\n    text-transform: uppercase;\n    background: linear-gradient(90deg, #01579b, #0288d1, #29b6f6);\n    background-size: 200% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n    margin-bottom: 28px;\n    animation: cem-fadeUp 0.9s ease 0.7s both, cem-shimmer 4s linear infinite;\n  }\n\n  .cem-benefits { margin-bottom: 44px; }\n\n  .cem-benefit {\n    display: flex;\n    align-items: flex-start;\n    gap: 20px;\n    padding: 20px 0;\n    border-bottom: 1px solid #b3e5fc;\n    opacity: 0;\n    animation: cem-slideLeft 0.7s ease forwards;\n  }\n\n  .cem-benefit:last-child { border-bottom: none; }\n  .cem-benefit:nth-child(1) { animation-delay: 0.85s; }\n  .cem-benefit:nth-child(2) { animation-delay: 1.05s; }\n  .cem-benefit:nth-child(3) { animation-delay: 1.25s; }\n  .cem-benefit:nth-child(4) { animation-delay: 1.45s; }\n  .cem-benefit:nth-child(5) { animation-delay: 1.65s; }\n  .cem-benefit:nth-child(6) { animation-delay: 1.85s; }\n\n  .cem-icon {\n    width: 44px;\n    height: 44px;\n    min-width: 44px;\n    border-radius: 50%;\n    background: linear-gradient(135deg, #e1f5fe, #b3e5fc);\n    border: 1px solid #29b6f6;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 16px;\n    color: #0288d1;\n    animation: cem-pulse 3s ease-in-out infinite, cem-sparkle 3s ease-in-out infinite;\n  }\n\n  .cem-benefit-body strong {\n    display: block;\n    font-family: 'Helvetica Neue', sans-serif;\n    font-size: 13px;\n    font-weight: 700;\n    color: #01263a;\n    letter-spacing: 0.4px;\n    margin-bottom: 6px;\n  }\n\n  .cem-benefit-body span {\n    font-size: 14px;\n    color: #2a6a80;\n    line-height: 1.8;\n  }\n\n  \/* Steps *\/\n  .cem-steps {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 16px;\n    margin-bottom: 44px;\n    animation: cem-fadeUp 1s ease 2.1s both;\n  }\n\n  .cem-step {\n    background: linear-gradient(135deg, #e1f5fe, #ffffff);\n    border: 1px solid #b3e5fc;\n    border-top: 3px solid #0288d1;\n    padding: 20px 18px;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .cem-step::before {\n    content: '';\n    position: absolute;\n    top: 0; left: -100%;\n    width: 60%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);\n    animation: cem-wave 3s ease-in-out infinite;\n  }\n\n  .cem-step-num {\n    font-family: 'Helvetica Neue', sans-serif;\n    font-size: 28px;\n    font-weight: 800;\n    color: #b3e5fc;\n    line-height: 1;\n    margin-bottom: 8px;\n  }\n\n  .cem-step p {\n    font-size: 13.5px;\n    color: #1a4a5a;\n    line-height: 1.7;\n    margin: 0;\n  }\n\n  .cem-how {\n    position: relative;\n    background: linear-gradient(135deg, #e1f5fe 0%, #b3e5fc 50%, #e1f5fe 100%);\n    background-size: 200% 200%;\n    border: 1px solid #81d4fa;\n    border-left: 4px solid #0288d1;\n    padding: 32px 36px;\n    margin-bottom: 10px;\n    overflow: hidden;\n    animation: cem-fadeUp 1s ease 1.9s both, cem-bgFloat 6s ease infinite;\n  }\n\n  .cem-how::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0;\n    height: 2px;\n    background: linear-gradient(90deg, #0288d1, #29b6f6, transparent);\n  }\n\n  .cem-how::after {\n    content: '\\2726';\n    position: absolute;\n    bottom: 14px;\n    right: 20px;\n    font-size: 48px;\n    color: #b3e5fc;\n    line-height: 1;\n    animation: cem-sparkle 4s ease-in-out infinite;\n  }\n\n  .cem-how h3 {\n    font-family: 'Helvetica Neue', sans-serif;\n    font-size: 9px;\n    font-weight: 800;\n    letter-spacing: 4px;\n    text-transform: uppercase;\n    background: linear-gradient(90deg, #01579b, #0288d1);\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n    margin: 0 0 16px;\n  }\n\n  .cem-how p {\n    font-size: 14.5px;\n    line-height: 1.9;\n    color: #1a4a5a;\n    margin: 0;\n    max-width: 90%;\n  }\n\n  .cem-ritual {\n    background: linear-gradient(135deg, #ffffff 0%, #e1f5fe 100%);\n    border: 1px solid #b3e5fc;\n    padding: 28px 32px;\n    margin-top: 24px;\n    position: relative;\n    overflow: hidden;\n    animation: cem-fadeUp 1s ease 2.3s both;\n  }\n\n  .cem-ritual::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0;\n    height: 2px;\n    background: linear-gradient(90deg, #0288d1, #29b6f6, transparent);\n  }\n\n  .cem-ritual h3 {\n    font-family: 'Helvetica Neue', sans-serif;\n    font-size: 9px;\n    font-weight: 800;\n    letter-spacing: 4px;\n    text-transform: uppercase;\n    background: linear-gradient(90deg, #01579b, #29b6f6);\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n    margin: 0 0 14px;\n  }\n\n  .cem-ritual p {\n    font-size: 14.5px;\n    line-height: 1.9;\n    color: #1a4a5a;\n    margin: 0;\n  }\n\n  .cem-closing {\n    text-align: center;\n    margin-top: 46px;\n    padding-top: 34px;\n    border-top: 1px solid #b3e5fc;\n    animation: cem-fadeUp 1s ease 2.5s both;\n  }\n\n  .cem-closing p {\n    font-size: 16px;\n    font-style: italic;\n    background: linear-gradient(90deg, #01579b, #0288d1, #29b6f6, #0288d1);\n    background-size: 300% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n    letter-spacing: 1px;\n    margin: 0;\n    animation: cem-shimmer 4s linear infinite;\n  }\n\n  .cem-closing span {\n    display: inline-block;\n    width: 32px;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, #29b6f6);\n    vertical-align: middle;\n    margin: 0 14px;\n  }\n\n  .cem-closing span:last-child {\n    background: linear-gradient(90deg, #29b6f6, transparent);\n  }\n\n  @media (max-width: 480px) {\n    .cem-steps { grid-template-columns: 1fr; }\n    .cem-headline { font-size: 26px; }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"cem-wrap\"\u003e\n\n  \u003cdiv class=\"cem-tag\"\u003ePremium Eye Care\u003c\/div\u003e\n\n  \u003ch2 class=\"cem-headline\"\u003e\n    Wake Up to Visibly\u003cbr\u003e\n    \u003cem\u003eYounger-Looking Eyes\u003c\/em\u003e\n  \u003c\/h2\u003e\n\n  \u003cdiv class=\"cem-line\"\u003e\u003c\/div\u003e\n\n  \u003cp class=\"cem-intro\"\u003e\n    Experience a luxurious under-eye treatment infused with powerful \u003cstrong\u003eCollagen and Retinol\u003c\/strong\u003e to hydrate, smooth and brighten tired eyes. Refresh your skin in just 15–20 minutes and enjoy a youthful, radiant glow every morning.\n  \u003c\/p\u003e\n\n  \u003cdiv class=\"cem-section-label\"\u003eWhy You’ll Love It\u003c\/div\u003e\n\n  \u003cdiv class=\"cem-benefits\"\u003e\n    \u003cdiv class=\"cem-benefit\"\u003e\n      \u003cdiv class=\"cem-icon\"\u003e✦\u003c\/div\u003e\n      \u003cdiv class=\"cem-benefit-body\"\u003e\n        \u003cstrong\u003eCollagen Infused\u003c\/strong\u003e\n        \u003cspan\u003eDeeply nourishes the delicate under-eye area while helping improve firmness, elasticity and a youthful appearance.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cem-benefit\"\u003e\n      \u003cdiv class=\"cem-icon\"\u003e✦\u003c\/div\u003e\n      \u003cdiv class=\"cem-benefit-body\"\u003e\n        \u003cstrong\u003eRetinol Powered\u003c\/strong\u003e\n        \u003cspan\u003eSupports smoother-looking skin by helping reduce the appearance of fine lines, wrinkles and crow’s feet over time.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cem-benefit\"\u003e\n      \u003cdiv class=\"cem-icon\"\u003e✦\u003c\/div\u003e\n      \u003cdiv class=\"cem-benefit-body\"\u003e\n        \u003cstrong\u003eInstant Depuffing\u003c\/strong\u003e\n        \u003cspan\u003eCooling hydrogel patches calm tired eyes, reduce puffiness and leave skin feeling refreshed within minutes.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cem-benefit\"\u003e\n      \u003cdiv class=\"cem-icon\"\u003e✦\u003c\/div\u003e\n      \u003cdiv class=\"cem-benefit-body\"\u003e\n        \u003cstrong\u003eDeep Hydration\u003c\/strong\u003e\n        \u003cspan\u003eLocks in moisture for softer, plumper skin while helping your makeup apply beautifully throughout the day.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cem-benefit\"\u003e\n      \u003cdiv class=\"cem-icon\"\u003e✦\u003c\/div\u003e\n      \u003cdiv class=\"cem-benefit-body\"\u003e\n        \u003cstrong\u003e60 Premium Masks\u003c\/strong\u003e\n        \u003cspan\u003eEnjoy a generous supply for daily skincare routines, travel, special occasions or relaxing self-care evenings.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cem-benefit\"\u003e\n      \u003cdiv class=\"cem-icon\"\u003e✦\u003c\/div\u003e\n      \u003cdiv class=\"cem-benefit-body\"\u003e\n        \u003cstrong\u003eSuitable for All Skin Types\u003c\/strong\u003e\n        \u003cspan\u003eGentle enough for everyday use and designed to complement your existing skincare routine.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"cem-section-label\"\u003eHow to Use\u003c\/div\u003e\n\n  \u003cdiv class=\"cem-steps\"\u003e\n    \u003cdiv class=\"cem-step\"\u003e\n      \u003cdiv class=\"cem-step-num\"\u003e01\u003c\/div\u003e\n      \u003cp\u003eCleanse and completely dry your under-eye area.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cem-step\"\u003e\n      \u003cdiv class=\"cem-step-num\"\u003e02\u003c\/div\u003e\n      \u003cp\u003eApply one gel patch beneath each eye.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cem-step\"\u003e\n      \u003cdiv class=\"cem-step-num\"\u003e03\u003c\/div\u003e\n      \u003cp\u003eRelax for 15–20 minutes while the serum absorbs.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cem-step\"\u003e\n      \u003cdiv class=\"cem-step-num\"\u003e04\u003c\/div\u003e\n      \u003cp\u003eRemove patches and gently pat the remaining essence into your skin. No rinsing required.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"cem-ritual\"\u003e\n    \u003ch3\u003eYour Daily Luxury Eye Ritual\u003c\/h3\u003e\n    \u003cp\u003eWake up looking refreshed, radiant and confident. Whether you’re tackling dark circles, puffiness or early signs of ageing, our 60pcs Collagen \u0026amp; Retinol Eye Mask delivers spa-quality care from the comfort of your home. Give your eyes the treatment they deserve and reveal smoother, brighter skin every day.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"cem-closing\"\u003e\n    \u003cp\u003e\u003cspan\u003e\u003c\/span\u003eIndulge in the luxury of visibly rested, radiant eyes — every single morning.\u003cspan\u003e\u003c\/span\u003e\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"BeautyGlowSA","offers":[{"title":"Default Title","offer_id":54223475736860,"sku":null,"price":330.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0958\/1176\/4508\/files\/3baf96be-2aff-4844-a664-7c4cbee0b014.avif?v=1782064192","url":"https:\/\/www.beautyglowsa.co.za\/products\/60pcs-collagen-retinol-eye-mask","provider":"BeautyGlowSA","version":"1.0","type":"link"}