{"title":"Just Dropped","description":"\u003cp\u003eFresh arrivals at BeautyGlowSA — discover our newest products at great prices.\u003c\/p\u003e","products":[{"product_id":"collagen-facial-mask","title":"5pcs Instant Lifting Collagen White Mask","description":"\u003cstyle\u003e\n  .ilcm-wrap {\n    font-family: 'Georgia', serif;\n    max-width: 800px;\n    margin: 0 auto;\n    padding: 44px 24px;\n    background: linear-gradient(160deg, #f8fbff 0%, #ffffff 50%, #f0f8ff 100%);\n    color: #0a1a2a;\n    border-radius: 4px;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .ilcm-wrap::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background:\n      radial-gradient(ellipse 500px 300px at 50% -10%, rgba(200,168,75,0.10) 0%, transparent 70%),\n      radial-gradient(ellipse 350px 300px at 100% 40%, rgba(41,182,246,0.06) 0%, transparent 70%),\n      radial-gradient(ellipse 300px 250px at 0% 80%, rgba(200,168,75,0.07) 0%, transparent 70%);\n    pointer-events: none;\n    z-index: 0;\n  }\n\n  .ilcm-wrap \u003e * { position: relative; z-index: 1; }\n\n  @keyframes ilcm-fadeUp {\n    from { opacity: 0; transform: translateY(30px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n  @keyframes ilcm-lineGrow {\n    from { width: 0; opacity: 0; }\n    to   { width: 100%; opacity: 1; }\n  }\n  @keyframes ilcm-slideLeft {\n    from { opacity: 0; transform: translateX(-30px); }\n    to   { opacity: 1; transform: translateX(0); }\n  }\n  @keyframes ilcm-shimmer {\n    0%   { background-position: -300% center; }\n    100% { background-position: 300% center; }\n  }\n  @keyframes ilcm-pulse {\n    0%, 100% { box-shadow: 0 0 8px rgba(200,168,75,0.25), 0 0 0px rgba(41,182,246,0); }\n    50%       { box-shadow: 0 0 24px rgba(200,168,75,0.55), 0 0 40px rgba(41,182,246,0.15); }\n  }\n  @keyframes ilcm-borderCycle {\n    0%   { border-color: #c8a84b; }\n    50%  { border-color: #29b6f6; }\n    100% { border-color: #c8a84b; }\n  }\n  @keyframes ilcm-bgFloat {\n    0%   { background-position: 0% 50%; }\n    50%  { background-position: 100% 50%; }\n    100% { background-position: 0% 50%; }\n  }\n  @keyframes ilcm-sparkle {\n    0%, 100% { opacity: 0.15; transform: scale(1) rotate(0deg); }\n    50%       { opacity: 0.8; transform: scale(1.35) rotate(18deg); }\n  }\n  @keyframes ilcm-cardFloat {\n    0%, 100% { transform: translateY(0px); }\n    50%       { transform: translateY(-5px); }\n  }\n\n  .ilcm-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 #c8a84b;\n    color: transparent;\n    background: linear-gradient(90deg, #7a6020 0%, #c8a84b 20%, #f5d06a 35%, #ffffff 50%, #29b6f6 65%, #c8a84b 80%, #7a6020 100%);\n    background-size: 300% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    animation: ilcm-shimmer 5s linear infinite, ilcm-fadeUp 0.8s ease 0.1s both, ilcm-borderCycle 4s ease-in-out infinite;\n    margin-bottom: 24px;\n  }\n\n  .ilcm-headline {\n    font-size: 36px;\n    font-weight: 300;\n    line-height: 1.25;\n    color: #0a1a2a;\n    letter-spacing: 0.5px;\n    margin: 0 0 4px;\n    animation: ilcm-fadeUp 0.9s ease 0.3s both;\n  }\n\n  .ilcm-headline em {\n    font-style: normal;\n    background: linear-gradient(90deg, #7a6020, #c8a84b, #f5d06a, #ffffff, #29b6f6, #c8a84b);\n    background-size: 300% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n    animation: ilcm-shimmer 5s linear infinite;\n  }\n\n  .ilcm-subheadline {\n    font-size: 15px;\n    font-weight: 300;\n    font-style: italic;\n    color: #4a6a7a;\n    letter-spacing: 0.5px;\n    margin: 0 0 6px;\n    animation: ilcm-fadeUp 0.9s ease 0.45s both;\n  }\n\n  .ilcm-line {\n    height: 1px;\n    background: linear-gradient(90deg, transparent, #c8a84b, #f5d06a, #ffffff, #29b6f6, transparent);\n    margin: 26px 0;\n    animation: ilcm-lineGrow 1.2s ease 0.5s both;\n  }\n\n  .ilcm-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, #9a7830, #c8a84b, #f5d06a, #29b6f6);\n    background-size: 200% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n    margin-bottom: 28px;\n    animation: ilcm-fadeUp 0.9s ease 0.7s both, ilcm-shimmer 5s linear infinite;\n  }\n\n  .ilcm-intro {\n    font-size: 15.5px;\n    line-height: 1.95;\n    color: #2a4a5a;\n    margin-bottom: 40px;\n    animation: ilcm-fadeUp 0.9s ease 0.6s both;\n  }\n\n  .ilcm-intro strong { color: #9a7830; font-weight: 600; }\n\n  \/* BENEFITS *\/\n  .ilcm-benefits { margin-bottom: 44px; }\n\n  .ilcm-benefit {\n    display: flex;\n    align-items: flex-start;\n    gap: 18px;\n    padding: 18px 0;\n    border-bottom: 1px solid rgba(200,168,75,0.15);\n    opacity: 0;\n    animation: ilcm-slideLeft 0.7s ease forwards;\n  }\n\n  .ilcm-benefit:last-child { border-bottom: none; }\n  .ilcm-benefit:nth-child(1) { animation-delay: 0.85s; }\n  .ilcm-benefit:nth-child(2) { animation-delay: 1.05s; }\n  .ilcm-benefit:nth-child(3) { animation-delay: 1.25s; }\n  .ilcm-benefit:nth-child(4) { animation-delay: 1.45s; }\n  .ilcm-benefit:nth-child(5) { animation-delay: 1.65s; }\n\n  .ilcm-icon {\n    width: 44px;\n    height: 44px;\n    min-width: 44px;\n    border-radius: 50%;\n    background: linear-gradient(135deg, #fffbe6, #e1f5fe);\n    border: 1px solid #c8a84b;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 20px;\n    animation: ilcm-pulse 3s ease-in-out infinite;\n  }\n\n  .ilcm-benefit-body strong {\n    display: block;\n    font-family: 'Helvetica Neue', sans-serif;\n    font-size: 13px;\n    font-weight: 700;\n    color: #0a1a2a;\n    letter-spacing: 0.4px;\n    margin-bottom: 5px;\n  }\n\n  .ilcm-benefit-body span {\n    font-size: 14px;\n    color: #3a6070;\n    line-height: 1.8;\n  }\n\n  \/* HOW TO USE *\/\n  .ilcm-how {\n    position: relative;\n    background: linear-gradient(135deg, #fffdf5 0%, #e1f5fe 50%, #fffdf5 100%);\n    background-size: 200% 200%;\n    border: 1px solid rgba(200,168,75,0.3);\n    border-left: 4px solid #c8a84b;\n    padding: 30px 34px;\n    margin-bottom: 44px;\n    overflow: hidden;\n    animation: ilcm-fadeUp 1s ease 1.8s both, ilcm-bgFloat 7s ease infinite;\n  }\n\n  .ilcm-how::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0;\n    height: 2px;\n    background: linear-gradient(90deg, #c8a84b, #f5d06a, #ffffff, #29b6f6, transparent);\n  }\n\n  .ilcm-how::after {\n    content: '\\2726';\n    position: absolute;\n    bottom: 12px;\n    right: 18px;\n    font-size: 48px;\n    color: rgba(200,168,75,0.12);\n    line-height: 1;\n    animation: ilcm-sparkle 5s ease-in-out infinite;\n  }\n\n  .ilcm-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, #9a7830, #c8a84b, #29b6f6);\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n    margin: 0 0 16px;\n    animation: ilcm-shimmer 5s linear infinite;\n  }\n\n  .ilcm-how p {\n    font-size: 14.5px;\n    line-height: 1.9;\n    color: #2a4a5a;\n    margin: 0;\n    max-width: 90%;\n  }\n\n  .ilcm-closing {\n    text-align: center;\n    margin-top: 44px;\n    padding-top: 32px;\n    border-top: 1px solid rgba(200,168,75,0.2);\n    animation: ilcm-fadeUp 1s ease 2.1s both;\n  }\n\n  .ilcm-closing p {\n    font-size: 16px;\n    font-style: italic;\n    background: linear-gradient(90deg, #7a6020, #c8a84b, #f5d06a, #ffffff, #29b6f6, #c8a84b);\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: ilcm-shimmer 5s linear infinite;\n  }\n\n  .ilcm-closing span {\n    display: inline-block;\n    width: 30px;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, #c8a84b);\n    vertical-align: middle;\n    margin: 0 12px;\n  }\n\n  .ilcm-closing span:last-child {\n    background: linear-gradient(90deg, #29b6f6, transparent);\n  }\n\n  @media (max-width: 520px) {\n    .ilcm-headline { font-size: 26px; }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"ilcm-wrap\"\u003e\n\n  \u003cdiv class=\"ilcm-tag\"\u003eInstant Lifting Skincare\u003c\/div\u003e\n\n  \u003ch2 class=\"ilcm-headline\"\u003e5pcs \u003cem\u003eInstant Lifting\u003c\/em\u003e Collagen White Mask\u003c\/h2\u003e\n  \u003cp class=\"ilcm-subheadline\"\u003eLift, brighten and hydrate — visibly, instantly, luxuriously.\u003c\/p\u003e\n\n  \u003cdiv class=\"ilcm-line\"\u003e\u003c\/div\u003e\n\n  \u003cp class=\"ilcm-intro\"\u003e\n    Experience the power of \u003cstrong\u003einstant skin transformation\u003c\/strong\u003e with our Collagen White Mask. Infused with premium collagen and brightening actives, each mask delivers a visible lifting effect, deep hydration, and a luminous glow — in just 15–20 minutes.\n  \u003c\/p\u003e\n\n  \u003cdiv class=\"ilcm-section-label\"\u003eWhy You’ll Love It\u003c\/div\u003e\n\n  \u003cdiv class=\"ilcm-benefits\"\u003e\n    \u003cdiv class=\"ilcm-benefit\"\u003e\n      \u003cdiv class=\"ilcm-icon\"\u003e✨\u003c\/div\u003e\n      \u003cdiv class=\"ilcm-benefit-body\"\u003e\n        \u003cstrong\u003eInstant Lifting Effect\u003c\/strong\u003e\n        \u003cspan\u003eVisibly firms and tightens skin on contact, reducing the appearance of sagging for a more sculpted, youthful look.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ilcm-benefit\"\u003e\n      \u003cdiv class=\"ilcm-icon\"\u003e🦴\u003c\/div\u003e\n      \u003cdiv class=\"ilcm-benefit-body\"\u003e\n        \u003cstrong\u003eCollagen-Powered Renewal\u003c\/strong\u003e\n        \u003cspan\u003eDeeply infuses skin with collagen to restore elasticity, smooth fine lines, and support a plumper complexion.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ilcm-benefit\"\u003e\n      \u003cdiv class=\"ilcm-icon\"\u003e🫧\u003c\/div\u003e\n      \u003cdiv class=\"ilcm-benefit-body\"\u003e\n        \u003cstrong\u003eBrightening White Formula\u003c\/strong\u003e\n        \u003cspan\u003eTargets dullness and uneven tone to reveal a clearer, more luminous and radiant complexion after every use.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ilcm-benefit\"\u003e\n      \u003cdiv class=\"ilcm-icon\"\u003e💧\u003c\/div\u003e\n      \u003cdiv class=\"ilcm-benefit-body\"\u003e\n        \u003cstrong\u003eIntense Deep Hydration\u003c\/strong\u003e\n        \u003cspan\u003eFloods skin with moisture for a soft, supple, dewy finish that lasts well beyond the treatment.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ilcm-benefit\"\u003e\n      \u003cdiv class=\"ilcm-icon\"\u003e🌿\u003c\/div\u003e\n      \u003cdiv class=\"ilcm-benefit-body\"\u003e\n        \u003cstrong\u003eGentle for All Skin Types\u003c\/strong\u003e\n        \u003cspan\u003eDermatologically gentle formula suitable for sensitive, dry, combination, and mature skin.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"ilcm-how\"\u003e\n    \u003ch3\u003eHow to Use\u003c\/h3\u003e\n    \u003cp\u003eCleanse and dry your face thoroughly. Unfold the mask and apply evenly, smoothing out any air pockets. Leave on for \u003cstrong\u003e15–20 minutes\u003c\/strong\u003e while you relax. Remove and gently pat the remaining essence into your skin — no rinsing needed. Use 2–3 times per week for best results.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"ilcm-closing\"\u003e\n    \u003cp\u003e\u003cspan\u003e\u003c\/span\u003e5 masks. 5 moments of pure luxury. Your skin will thank you.\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":54216005353756,"sku":null,"price":350.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0958\/1176\/4508\/files\/Gemini_Generated_Image_112o8m112o8m112o.jpg?v=1782302827"},{"product_id":"makeup-kit","title":"The Flawless Makeup Kit","description":"\u003cstyle\u003e\n  .fmk-wrap {\n    font-family: 'Georgia', serif;\n    max-width: 800px;\n    margin: 0 auto;\n    padding: 48px 24px;\n    background: linear-gradient(160deg, #fdf6f0 0%, #fff9f5 40%, #fef0e8 100%);\n    color: #2a1a12;\n    border-radius: 4px;\n    position: relative;\n    overflow: hidden;\n  }\n\n  \/* SOFT BLUSH TEXTURE OVERLAY *\/\n  .fmk-wrap::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background:\n      radial-gradient(ellipse 300px 200px at 10% 20%, rgba(232,180,160,0.12) 0%, transparent 70%),\n      radial-gradient(ellipse 250px 300px at 90% 10%, rgba(212,160,140,0.10) 0%, transparent 70%),\n      radial-gradient(ellipse 200px 250px at 50% 80%, rgba(240,200,180,0.08) 0%, transparent 70%),\n      radial-gradient(ellipse 280px 180px at 80% 70%, rgba(200,168,75,0.06) 0%, transparent 70%);\n    pointer-events: none;\n    z-index: 0;\n  }\n\n  .fmk-wrap \u003e * { position: relative; z-index: 1; }\n\n  @keyframes fmk-fadeUp {\n    from { opacity: 0; transform: translateY(30px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n\n  @keyframes fmk-lineGrow {\n    from { width: 0; opacity: 0; }\n    to   { width: 100%; opacity: 1; }\n  }\n\n  @keyframes fmk-slideLeft {\n    from { opacity: 0; transform: translateX(-30px); }\n    to   { opacity: 1; transform: translateX(0); }\n  }\n\n  @keyframes fmk-slideUp {\n    from { opacity: 0; transform: translateY(20px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n\n  @keyframes fmk-shimmer {\n    0%   { background-position: -300% center; }\n    100% { background-position: 300% center; }\n  }\n\n  @keyframes fmk-rosePulse {\n    0%, 100% { box-shadow: 0 0 8px rgba(210,140,120,0.3), 0 0 0px rgba(200,168,75,0); }\n    50%       { box-shadow: 0 0 24px rgba(210,140,120,0.6), 0 0 40px rgba(200,168,75,0.2); }\n  }\n\n  @keyframes fmk-borderCycle {\n    0%   { border-color: #d4907a; }\n    33%  { border-color: #c8a84b; }\n    66%  { border-color: #e8b4a0; }\n    100% { border-color: #d4907a; }\n  }\n\n  @keyframes fmk-bgFloat {\n    0%   { background-position: 0% 50%; }\n    50%  { background-position: 100% 50%; }\n    100% { background-position: 0% 50%; }\n  }\n\n  @keyframes fmk-sparkle {\n    0%, 100% { opacity: 0.25; transform: scale(1) rotate(0deg); }\n    50%       { opacity: 0.9; transform: scale(1.3) rotate(15deg); }\n  }\n\n  @keyframes fmk-cardFloat {\n    0%, 100% { transform: translateY(0px); }\n    50%       { transform: translateY(-5px); }\n  }\n\n  @keyframes fmk-checkIn {\n    from { opacity: 0; transform: translateX(-20px); }\n    to   { opacity: 1; transform: translateX(0); }\n  }\n\n  \/* TAG *\/\n  .fmk-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 #d4907a;\n    color: transparent;\n    background: linear-gradient(90deg, #a05a40 0%, #d4907a 20%, #f0c0a8 35%, #c8a84b 50%, #f5d06a 65%, #d4907a 80%, #a05a40 100%);\n    background-size: 300% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    animation: fmk-shimmer 5s linear infinite, fmk-fadeUp 0.8s ease 0.1s both, fmk-borderCycle 5s ease-in-out infinite;\n    margin-bottom: 24px;\n  }\n\n  \/* HEADLINE *\/\n  .fmk-headline {\n    font-size: 38px;\n    font-weight: 300;\n    line-height: 1.25;\n    color: #1e0e08;\n    letter-spacing: 1px;\n    margin: 0 0 4px;\n    animation: fmk-fadeUp 0.9s ease 0.3s both;\n  }\n\n  .fmk-headline em {\n    font-style: normal;\n    background: linear-gradient(90deg, #a05a40, #d4907a, #f0c0a8, #c8a84b, #d4907a);\n    background-size: 300% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n    animation: fmk-shimmer 5s linear infinite;\n  }\n\n  .fmk-subheadline {\n    font-size: 15px;\n    font-weight: 300;\n    font-style: italic;\n    color: #8a5a48;\n    letter-spacing: 0.5px;\n    margin: 0 0 6px;\n    animation: fmk-fadeUp 0.9s ease 0.45s both;\n  }\n\n  \/* DIVIDER *\/\n  .fmk-line {\n    height: 1px;\n    background: linear-gradient(90deg, transparent, #d4907a, #f0c0a8, #c8a84b, #d4907a, transparent);\n    margin: 28px 0;\n    animation: fmk-lineGrow 1.2s ease 0.5s both;\n  }\n\n  \/* SECTION LABEL *\/\n  .fmk-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, #a05a40, #d4907a, #c8a84b, #f5d06a);\n    background-size: 200% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n    margin-bottom: 28px;\n    animation: fmk-fadeUp 0.9s ease 0.7s both, fmk-shimmer 5s linear infinite;\n  }\n\n  \/* WHATS INSIDE GRID *\/\n  .fmk-items-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 14px;\n    margin-bottom: 48px;\n  }\n\n  .fmk-item {\n    padding: 22px 16px;\n    text-align: center;\n    border: 1px solid rgba(212,144,122,0.3);\n    position: relative;\n    overflow: hidden;\n    opacity: 0;\n    animation: fmk-slideUp 0.6s ease forwards;\n  }\n\n  .fmk-item:nth-child(1) { animation-delay: 0.8s;  background: linear-gradient(160deg, #fff5f0, #ffeee8); border-top: 2px solid #d4907a; }\n  .fmk-item:nth-child(2) { animation-delay: 0.95s; background: linear-gradient(160deg, #fff8f0, #fff0e0); border-top: 2px solid #c8a84b; }\n  .fmk-item:nth-child(3) { animation-delay: 1.1s;  background: linear-gradient(160deg, #fdf5f2, #fce8e0); border-top: 2px solid #e8b4a0; }\n  .fmk-item:nth-child(4) { animation-delay: 1.25s; background: linear-gradient(160deg, #fff8f5, #ffeee8); border-top: 2px solid #d4907a; }\n  .fmk-item:nth-child(5) { animation-delay: 1.4s;  background: linear-gradient(160deg, #fff5ee, #ffe8dc); border-top: 2px solid #c8a84b; }\n  .fmk-item:nth-child(6) { animation-delay: 1.55s; background: linear-gradient(160deg, #fdf8f0, #fceee0); border-top: 2px solid #e8b4a0; }\n\n  .fmk-item::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(135deg, rgba(255,255,255,0.4), transparent);\n    pointer-events: none;\n  }\n\n  .fmk-item-icon { font-size: 26px; margin-bottom: 10px; display: block; }\n\n  .fmk-item strong {\n    display: block;\n    font-family: 'Helvetica Neue', sans-serif;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    color: #3a1a0e;\n    margin-bottom: 6px;\n  }\n\n  .fmk-item span {\n    font-size: 12px;\n    color: #8a5a48;\n    font-style: italic;\n    line-height: 1.5;\n  }\n\n  \/* WHY LOVE IT *\/\n  .fmk-why {\n    position: relative;\n    background: linear-gradient(135deg, #fff5f0 0%, #fef0e8 50%, #fff5f0 100%);\n    background-size: 200% 200%;\n    border: 1px solid rgba(212,144,122,0.4);\n    border-left: 4px solid #d4907a;\n    padding: 32px 36px;\n    margin-bottom: 44px;\n    overflow: hidden;\n    animation: fmk-fadeUp 1s ease 1.7s both, fmk-bgFloat 7s ease infinite;\n  }\n\n  .fmk-why::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0;\n    height: 2px;\n    background: linear-gradient(90deg, #d4907a, #f0c0a8, #c8a84b, #f5d06a, transparent);\n  }\n\n  .fmk-why::after {\n    content: '\\2726';\n    position: absolute;\n    bottom: 12px;\n    right: 18px;\n    font-size: 48px;\n    color: rgba(212,144,122,0.15);\n    line-height: 1;\n    animation: fmk-sparkle 4s ease-in-out infinite;\n  }\n\n  .fmk-why 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, #a05a40, #d4907a, #c8a84b);\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n    margin: 0 0 20px;\n    animation: fmk-shimmer 5s linear infinite;\n  }\n\n  .fmk-check {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    padding: 10px 0;\n    border-bottom: 1px solid rgba(212,144,122,0.15);\n    opacity: 0;\n    animation: fmk-checkIn 0.6s ease forwards;\n  }\n\n  .fmk-check:last-child { border-bottom: none; }\n  .fmk-check:nth-child(1) { animation-delay: 1.9s; }\n  .fmk-check:nth-child(2) { animation-delay: 2.05s; }\n  .fmk-check:nth-child(3) { animation-delay: 2.2s; }\n  .fmk-check:nth-child(4) { animation-delay: 2.35s; }\n\n  .fmk-check-mark {\n    width: 28px;\n    height: 28px;\n    min-width: 28px;\n    border-radius: 50%;\n    background: linear-gradient(135deg, #f0c0a8, #d4907a);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 13px;\n    color: #fff;\n    font-weight: 800;\n    animation: fmk-rosePulse 3s ease-in-out infinite;\n  }\n\n  .fmk-check span {\n    font-size: 14px;\n    color: #4a2a1a;\n    line-height: 1.6;\n  }\n\n  \/* CLOSING BOX *\/\n  .fmk-closing-box {\n    position: relative;\n    text-align: center;\n    padding: 36px 32px;\n    background: linear-gradient(135deg, #fff0e8 0%, #fde8d8 50%, #fff0e8 100%);\n    background-size: 200% 200%;\n    border: 1px solid rgba(212,144,122,0.4);\n    margin-top: 44px;\n    overflow: hidden;\n    animation: fmk-fadeUp 1s ease 2.5s both, fmk-bgFloat 6s ease infinite;\n  }\n\n  .fmk-closing-box::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0;\n    height: 2px;\n    background: linear-gradient(90deg, transparent, #d4907a, #c8a84b, #f0c0a8, transparent);\n  }\n\n  .fmk-closing-box::after {\n    content: '';\n    position: absolute;\n    bottom: 0; left: 0; right: 0;\n    height: 2px;\n    background: linear-gradient(90deg, transparent, #c8a84b, #d4907a, #f0c0a8, transparent);\n  }\n\n  .fmk-closing-box p:first-child {\n    font-size: 18px;\n    font-style: italic;\n    background: linear-gradient(90deg, #a05a40, #d4907a, #c8a84b, #f5d06a, #d4907a);\n    background-size: 300% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n    letter-spacing: 0.5px;\n    margin: 0 0 10px;\n    animation: fmk-shimmer 5s linear infinite;\n  }\n\n  .fmk-closing-box p:last-child {\n    font-family: 'Helvetica Neue', sans-serif;\n    font-size: 12px;\n    color: #8a5a48;\n    letter-spacing: 1px;\n    margin: 0;\n  }\n\n  @media (max-width: 520px) {\n    .fmk-items-grid { grid-template-columns: repeat(2, 1fr); }\n    .fmk-headline { font-size: 28px; }\n  }\n\n  @media (max-width: 360px) {\n    .fmk-items-grid { grid-template-columns: 1fr; }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"fmk-wrap\"\u003e\n\n  \u003cdiv class=\"fmk-tag\"\u003eComplete Beauty Kit\u003c\/div\u003e\n\n  \u003ch2 class=\"fmk-headline\"\u003eThe \u003cem\u003eFlawless\u003c\/em\u003e Makeup Kit\u003c\/h2\u003e\n  \u003cp class=\"fmk-subheadline\"\u003eBecause great skin days shouldn’t be complicated.\u003c\/p\u003e\n\n  \u003cdiv class=\"fmk-line\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"fmk-section-label\"\u003eWhat’s Inside\u003c\/div\u003e\n\n  \u003cdiv class=\"fmk-items-grid\"\u003e\n    \u003cdiv class=\"fmk-item\"\u003e\n      \u003cspan class=\"fmk-item-icon\"\u003e🎨\u003c\/span\u003e\n      \u003cstrong\u003eConcealer Palette\u003c\/strong\u003e\n      \u003cspan\u003ePerfect coverage \u0026amp; correction\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"fmk-item\"\u003e\n      \u003cspan class=\"fmk-item-icon\"\u003e✏️\u003c\/span\u003e\n      \u003cstrong\u003eConcealer Pen\u003c\/strong\u003e\n      \u003cspan\u003ePrecision touch-ups on the go\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"fmk-item\"\u003e\n      \u003cspan class=\"fmk-item-icon\"\u003e🌫️\u003c\/span\u003e\n      \u003cstrong\u003eBlur Primer\u003c\/strong\u003e\n      \u003cspan\u003eSmooth, poreless base\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"fmk-item\"\u003e\n      \u003cspan class=\"fmk-item-icon\"\u003e💧\u003c\/span\u003e\n      \u003cstrong\u003eSatin Foundation\u003c\/strong\u003e\n      \u003cspan\u003eNatural radiant finish\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"fmk-item\"\u003e\n      \u003cspan class=\"fmk-item-icon\"\u003e🧻\u003c\/span\u003e\n      \u003cstrong\u003eBeauty Sponge\u003c\/strong\u003e\n      \u003cspan\u003eSeamless blending\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"fmk-item\"\u003e\n      \u003cspan class=\"fmk-item-icon\"\u003e🖌️\u003c\/span\u003e\n      \u003cstrong\u003e5 Brush Set\u003c\/strong\u003e\n      \u003cspan\u003ePro-level application\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"fmk-why\"\u003e\n    \u003ch3\u003eWhy You’ll Love It\u003c\/h3\u003e\n    \u003cdiv class=\"fmk-check\"\u003e\n      \u003cdiv class=\"fmk-check-mark\"\u003e✓\u003c\/div\u003e\n      \u003cspan\u003eAll-in-one beauty kit — no clutter, no stress\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"fmk-check\"\u003e\n      \u003cdiv class=\"fmk-check-mark\"\u003e✓\u003c\/div\u003e\n      \u003cspan\u003eTravel-friendly \u0026amp; compact design\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"fmk-check\"\u003e\n      \u003cdiv class=\"fmk-check-mark\"\u003e✓\u003c\/div\u003e\n      \u003cspan\u003eFlawless finish in minutes\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"fmk-check\"\u003e\n      \u003cdiv class=\"fmk-check-mark\"\u003e✓\u003c\/div\u003e\n      \u003cspan\u003eBeginner-friendly, pro-level results\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"fmk-closing-box\"\u003e\n    \u003cp\u003eReady for your glow-up? 💖\u003c\/p\u003e\n    \u003cp\u003eJoin thousands creating effortless flawless looks every day.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"BeautyGlowSA","offers":[{"title":"Default Title","offer_id":54217733964060,"sku":null,"price":300.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0958\/1176\/4508\/files\/Gemini_Generated_Image_ucznhgucznhguczn.png?v=1782302780"},{"product_id":"far-away-perfume-balm","title":"Far Away — Fragrance Balm","description":"\u003cstyle\u003e\n  .fab-wrap {\n    font-family: 'Georgia', serif;\n    max-width: 800px;\n    margin: 0 auto;\n    padding: 48px 24px;\n    background: linear-gradient(160deg, #e8f6ff 0%, #ffffff 40%, #fffbe6 100%);\n    color: #0a1a2a;\n    border-radius: 4px;\n  }\n\n  @keyframes fab-fadeUp {\n    from { opacity: 0; transform: translateY(30px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n\n  @keyframes fab-lineGrow {\n    from { width: 0; opacity: 0; }\n    to   { width: 100%; opacity: 1; }\n  }\n\n  @keyframes fab-slideLeft {\n    from { opacity: 0; transform: translateX(-30px); }\n    to   { opacity: 1; transform: translateX(0); }\n  }\n\n  @keyframes fab-shimmer {\n    0%   { background-position: -300% center; }\n    100% { background-position: 300% center; }\n  }\n\n  @keyframes fab-pulseBlue {\n    0%, 100% { box-shadow: 0 0 6px #29b6f655, 0 0 0px #ffd70000; }\n    50%       { box-shadow: 0 0 20px #29b6f688, 0 0 36px #ffd70044; }\n  }\n\n  @keyframes fab-borderPulse {\n    0%   { border-color: #0288d1; }\n    50%  { border-color: #c8a84b; }\n    100% { border-color: #0288d1; }\n  }\n\n  @keyframes fab-bgFloat {\n    0%   { background-position: 0% 50%; }\n    50%  { background-position: 100% 50%; }\n    100% { background-position: 0% 50%; }\n  }\n\n  @keyframes fab-sparkle {\n    0%, 100% { opacity: 0.35; transform: scale(1) rotate(0deg); }\n    50%       { opacity: 1; transform: scale(1.2) rotate(10deg); }\n  }\n\n  @keyframes fab-noteFloat {\n    0%, 100% { transform: translateY(0px); }\n    50%       { transform: translateY(-6px); }\n  }\n\n  \/* TAG *\/\n  .fab-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 20%, #c8a84b 40%, #f5d06a 60%, #0288d1 80%, #01579b 100%);\n    background-size: 300% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    animation: fab-shimmer 5s linear infinite, fab-fadeUp 0.8s ease 0.1s both, fab-borderPulse 4s ease-in-out infinite;\n    margin-bottom: 24px;\n  }\n\n  \/* HEADLINE *\/\n  .fab-headline {\n    font-size: 42px;\n    font-weight: 300;\n    line-height: 1.2;\n    color: #01263a;\n    letter-spacing: 2px;\n    margin: 0 0 4px;\n    animation: fab-fadeUp 0.9s ease 0.3s both;\n  }\n\n  .fab-subheadline {\n    font-size: 16px;\n    font-weight: 300;\n    font-style: italic;\n    background: linear-gradient(90deg, #01579b, #0288d1, #c8a84b, #f5d06a, #0288d1);\n    background-size: 300% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n    letter-spacing: 0.5px;\n    margin: 0 0 6px;\n    animation: fab-fadeUp 0.9s ease 0.45s both, fab-shimmer 5s linear infinite;\n  }\n\n  \/* DIVIDER *\/\n  .fab-line {\n    height: 1px;\n    background: linear-gradient(90deg, #0288d1, #c8a84b, #f5d06a, #0288d1, transparent);\n    margin: 26px 0;\n    animation: fab-lineGrow 1.2s ease 0.5s both;\n  }\n\n  \/* INTRO *\/\n  .fab-intro {\n    font-size: 15.5px;\n    line-height: 1.95;\n    color: #1a3a4a;\n    margin-bottom: 44px;\n    animation: fab-fadeUp 0.9s ease 0.6s both;\n  }\n\n  .fab-intro strong { color: #0277bd; font-weight: 600; }\n\n  \/* SECTION LABEL *\/\n  .fab-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, #c8a84b, #0288d1);\n    background-size: 200% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n    margin-bottom: 28px;\n    animation: fab-fadeUp 0.9s ease 0.7s both, fab-shimmer 5s linear infinite;\n  }\n\n  \/* BENEFITS *\/\n  .fab-benefits { margin-bottom: 48px; }\n\n  .fab-benefit {\n    display: flex;\n    align-items: flex-start;\n    gap: 20px;\n    padding: 20px 0;\n    border-bottom: 1px solid #d0eeff;\n    opacity: 0;\n    animation: fab-slideLeft 0.7s ease forwards;\n  }\n\n  .fab-benefit:last-child { border-bottom: none; }\n  .fab-benefit:nth-child(1) { animation-delay: 0.85s; }\n  .fab-benefit:nth-child(2) { animation-delay: 1.05s; }\n  .fab-benefit:nth-child(3) { animation-delay: 1.25s; }\n  .fab-benefit:nth-child(4) { animation-delay: 1.45s; }\n\n  .fab-benefit-emoji {\n    width: 46px;\n    height: 46px;\n    min-width: 46px;\n    border-radius: 50%;\n    background: linear-gradient(135deg, #e1f5fe, #fffde7);\n    border: 1px solid #c8a84b;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 20px;\n    animation: fab-pulseBlue 3s ease-in-out infinite;\n  }\n\n  .fab-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  .fab-benefit-body span {\n    font-size: 14px;\n    color: #2a5a6a;\n    line-height: 1.8;\n  }\n\n  \/* FRAGRANCE NOTES *\/\n  .fab-notes-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 16px;\n    margin-bottom: 48px;\n    animation: fab-fadeUp 1s ease 1.9s both;\n  }\n\n  .fab-note {\n    text-align: center;\n    padding: 28px 16px;\n    position: relative;\n    overflow: hidden;\n    animation: fab-noteFloat 4s ease-in-out infinite;\n  }\n\n  .fab-note:nth-child(1) { animation-delay: 0s; }\n  .fab-note:nth-child(2) { animation-delay: 0.5s; }\n  .fab-note:nth-child(3) { animation-delay: 1s; }\n\n  .fab-note-top {\n    background: linear-gradient(135deg, #e1f5fe, #fffde7);\n    border: 1px solid #c8a84b;\n    border-top: 3px solid #0288d1;\n  }\n\n  .fab-note-mid {\n    background: linear-gradient(135deg, #fffde7, #e1f5fe);\n    border: 1px solid #0288d1;\n    border-top: 3px solid #c8a84b;\n  }\n\n  .fab-note-base {\n    background: linear-gradient(135deg, #e8f6ff, #fffbe6);\n    border: 1px solid #c8a84b;\n    border-top: 3px solid #01579b;\n  }\n\n  .fab-note::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0;\n    height: 100%;\n    background: linear-gradient(180deg, rgba(255,255,255,0.15), transparent);\n    pointer-events: none;\n  }\n\n  .fab-note-icon { font-size: 28px; margin-bottom: 10px; display: block; }\n\n  .fab-note-type {\n    font-family: 'Helvetica Neue', sans-serif;\n    font-size: 8px;\n    font-weight: 800;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    background: linear-gradient(90deg, #01579b, #c8a84b);\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n    display: block;\n    margin-bottom: 8px;\n  }\n\n  .fab-note-name {\n    font-size: 13px;\n    color: #01263a;\n    font-style: italic;\n    line-height: 1.5;\n  }\n\n  \/* CLOSING *\/\n  .fab-closing {\n    text-align: center;\n    margin-top: 46px;\n    padding-top: 34px;\n    border-top: 1px solid #d0eeff;\n    animation: fab-fadeUp 1s ease 2.3s both;\n  }\n\n  .fab-closing p {\n    font-size: 16px;\n    font-style: italic;\n    background: linear-gradient(90deg, #01579b, #0288d1, #c8a84b, #f5d06a, #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: fab-shimmer 5s linear infinite;\n  }\n\n  .fab-closing span {\n    display: inline-block;\n    width: 32px;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, #c8a84b);\n    vertical-align: middle;\n    margin: 0 14px;\n  }\n\n  .fab-closing span:last-child {\n    background: linear-gradient(90deg, #c8a84b, transparent);\n  }\n\n  @media (max-width: 520px) {\n    .fab-notes-grid { grid-template-columns: 1fr; }\n    .fab-headline { font-size: 30px; }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"fab-wrap\"\u003e\n\n  \u003cdiv class=\"fab-tag\"\u003eLuxury Fragrance\u003c\/div\u003e\n\n  \u003ch2 class=\"fab-headline\"\u003eFar Away\u003c\/h2\u003e\n  \u003cp class=\"fab-subheadline\"\u003eYour Signature Scent, Wherever Life Takes You.\u003c\/p\u003e\n\n  \u003cdiv class=\"fab-line\"\u003e\u003c\/div\u003e\n\n  \u003cp class=\"fab-intro\"\u003e\n    \u003cstrong\u003eFar Away Fragrance Balm\u003c\/strong\u003e delivers a luxurious woody floral fragrance that stays with you throughout the day. No spills, no fuss — just effortless elegance wherever life takes you.\n  \u003c\/p\u003e\n\n  \u003cdiv class=\"fab-section-label\"\u003eWhy You’ll Love It\u003c\/div\u003e\n\n  \u003cdiv class=\"fab-benefits\"\u003e\n    \u003cdiv class=\"fab-benefit\"\u003e\n      \u003cdiv class=\"fab-benefit-emoji\"\u003e✨\u003c\/div\u003e\n      \u003cdiv class=\"fab-benefit-body\"\u003e\n        \u003cstrong\u003eLong Lasting\u003c\/strong\u003e\n        \u003cspan\u003eEnjoy a rich fragrance that lingers for hours without needing constant reapplication.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"fab-benefit\"\u003e\n      \u003cdiv class=\"fab-benefit-emoji\"\u003e✈️\u003c\/div\u003e\n      \u003cdiv class=\"fab-benefit-body\"\u003e\n        \u003cstrong\u003eTravel Friendly\u003c\/strong\u003e\n        \u003cspan\u003eCompact, lightweight and TSA-approved. Carry luxury in your pocket or handbag.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"fab-benefit\"\u003e\n      \u003cdiv class=\"fab-benefit-emoji\"\u003e💖\u003c\/div\u003e\n      \u003cdiv class=\"fab-benefit-body\"\u003e\n        \u003cstrong\u003eGentle on Skin\u003c\/strong\u003e\n        \u003cspan\u003eEasy to apply to your wrists, neck and behind your ears for a smooth fragrance experience.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"fab-benefit\"\u003e\n      \u003cdiv class=\"fab-benefit-emoji\"\u003e🎁\u003c\/div\u003e\n      \u003cdiv class=\"fab-benefit-body\"\u003e\n        \u003cstrong\u003ePerfect Gift\u003c\/strong\u003e\n        \u003cspan\u003eBeautifully designed and perfect for birthdays, anniversaries or someone special.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"fab-section-label\"\u003eFragrance Notes\u003c\/div\u003e\n\n  \u003cdiv class=\"fab-notes-grid\"\u003e\n    \u003cdiv class=\"fab-note fab-note-top\"\u003e\n      \u003cspan class=\"fab-note-icon\"\u003e🍋\u003c\/span\u003e\n      \u003cspan class=\"fab-note-type\"\u003eTop Notes\u003c\/span\u003e\n      \u003cspan class=\"fab-note-name\"\u003eFresh Lemon \u0026amp; Citrus\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"fab-note fab-note-mid\"\u003e\n      \u003cspan class=\"fab-note-icon\"\u003e🌸\u003c\/span\u003e\n      \u003cspan class=\"fab-note-type\"\u003eHeart Notes\u003c\/span\u003e\n      \u003cspan class=\"fab-note-name\"\u003eElegant Jasmine \u0026amp; Violet\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"fab-note fab-note-base\"\u003e\n      \u003cspan class=\"fab-note-icon\"\u003e🌿\u003c\/span\u003e\n      \u003cspan class=\"fab-note-type\"\u003eBase Notes\u003c\/span\u003e\n      \u003cspan class=\"fab-note-name\"\u003eWarm Woody \u0026amp; Cinnamon\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"fab-closing\"\u003e\n    \u003cp\u003e\u003cspan\u003e\u003c\/span\u003eNo spills. No fuss. Just effortless elegance — wherever life takes you.\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":54217767878940,"sku":null,"price":220.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0958\/1176\/4508\/files\/226c897a-8e99-4a44-a97a-1a2a45378c95.avif?v=1781788696"},{"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\/Gemini_Generated_Image_ld43bzld43bzld43.png?v=1782302620"}],"url":"https:\/\/www.beautyglowsa.co.za\/collections\/just-dropped.oembed","provider":"BeautyGlowSA","version":"1.0","type":"link"}