{"product_id":"mascara-guard","title":"Mascara guard","description":"\u003csection id=\"zelvi-mascara\" class=\"zm-section\"\u003e\n\u003cdiv class=\"zm-glow\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"zm-content\"\u003e\n\u003cdiv class=\"zm-eyebrow\"\u003e\n\u003cspan class=\"zm-line\"\u003e\u003c\/span\u003e THE ZELVI BEAUTY EDIT \u003cspan class=\"zm-line\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"zm-title\"\u003eBeautiful Lashes.\u003cbr\u003e\u003cspan class=\"zm-gold\"\u003eA Cleaner Finish.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"zm-divider\"\u003e\n\u003cspan\u003e\u003c\/span\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\n        \u003cpath d=\"M12 2.8c1.1 5.1 3.1 7.1 8.2 9.2-5.1 1.1-7.1 3.1-8.2 9.2-1.1-6.1-3.1-8.1-8.2-9.2C8.9 9.9 10.9 7.9 12 2.8Z\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e \u003cspan\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"zm-intro\"\u003eLet your lashes make a statement, not your mascara smudges.\u003c\/p\u003e\n\u003cp class=\"zm-description\"\u003eYou've perfected your eyeshadow, your lashes are ready for mascara, and then a stray swipe leaves an unwanted mark. Meet the \u003cstrong\u003eZelvi-beauty Mascara Guard\u003c\/strong\u003e — your little beauty essential for a cleaner, more polished makeup application.\u003c\/p\u003e\n\u003cp class=\"zm-description\"\u003eDesigned to shield the skin around your lashes during application, it helps keep mascara where it belongs: on your lashes. Enjoy less mess to clean up and fewer touch-ups to the makeup you've already perfected.\u003c\/p\u003e\n\u003cp class=\"zm-description\"\u003eFrom soft, everyday elegance to full-glam evening looks, focus on defining your lashes instead of worrying about stray marks. Because your makeup routine deserves a little less mess and a lot more ease.\u003c\/p\u003e\n\u003cdiv class=\"zm-features\"\u003e\n\u003cdiv class=\"zm-feature\"\u003e\n\u003cdiv class=\"zm-icon\"\u003e\u003csvg viewbox=\"0 0 48 48\"\u003e\n            \u003cpath d=\"M24 5 L38 11 V22 C38 31 32 38 24 42 C16 38 10 31 10 22 V11Z\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M17 23 L22 28 L31 18\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3\u003eLess Mess\u003c\/h3\u003e\n\u003cp\u003eHelps shield the skin around your lashes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"zm-feature\"\u003e\n\u003cdiv class=\"zm-icon\"\u003e\u003csvg viewbox=\"0 0 48 48\"\u003e\n            \u003cpath d=\"M5 25 Q24 4 43 25 Q24 44 5 25Z\"\u003e\u003c\/path\u003e\n            \u003ccircle cx=\"24\" cy=\"25\" r=\"7\"\u003e\u003c\/circle\u003e\n            \u003cpath d=\"M14 15 L11 10 M21 11 L20 6 M29 11 L32 6 M36 16 L40 11\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3\u003ePrecise Application\u003c\/h3\u003e\n\u003cp\u003eHelps keep mascara where it belongs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"zm-feature\"\u003e\n\u003cdiv class=\"zm-icon\"\u003e\u003csvg viewbox=\"0 0 48 48\"\u003e\n            \u003cpath d=\"M24 5 L28 18 L41 22 L28 26 L24 40 L20 26 L7 22 L20 18Z\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M38 5 L40 11 L45 13 L40 15 L38 21 L36 15 L31 13 L36 11Z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3\u003ePolished Looks\u003c\/h3\u003e\n\u003cp\u003eSpend less time fixing and more time glowing.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"zm-quote\"\u003e\n\u003cspan class=\"zm-quote-mark\"\u003e“\u003c\/span\u003e\n\u003cp\u003eYour eyes deserve the spotlight. Leave the smudges behind and enjoy the little details that make your look yours.\u003c\/p\u003e\n\u003cspan class=\"zm-signature\"\u003e YOUR BEAUTY. YOUR WAY. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"zm-footer\"\u003e\n\u003cspan\u003eLESS MESS\u003c\/span\u003e \u003cspan class=\"zm-star\"\u003e✧\u003c\/span\u003e \u003cspan\u003eMORE CONFIDENCE\u003c\/span\u003e \u003cspan class=\"zm-star\"\u003e✧\u003c\/span\u003e \u003cspan\u003eALL ZELVI\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n  #zelvi-mascara {\n    --zm-pink: #f8e9ed;\n    --zm-rose: #bb817e;\n    --zm-gold: #b18b49;\n    --zm-ink: #514044;\n\n    position: relative;\n    isolation: isolate;\n    overflow: hidden;\n    padding: clamp(48px, 7vw, 94px) 22px;\n    background:\n      radial-gradient(\n        ellipse at 7% 14%,\n        rgba(248, 222, 230, .60),\n        transparent 36%\n      ),\n      radial-gradient(\n        ellipse at 95% 78%,\n        rgba(232, 207, 184, .28),\n        transparent 34%\n      ),\n      #fff;\n    color: var(--zm-ink);\n    font-family: inherit;\n    text-align: center;\n  }\n\n  #zelvi-mascara * {\n    box-sizing: border-box;\n  }\n\n  #zelvi-mascara .zm-glow {\n    position: absolute;\n    z-index: -1;\n    top: 10%;\n    left: 50%;\n    width: 260px;\n    height: 260px;\n    border-radius: 50%;\n    background: rgba(244, 215, 224, .32);\n    filter: blur(75px);\n    transform: translateX(-50%);\n    pointer-events: none;\n    animation: zm-breathe 7s ease-in-out infinite;\n  }\n\n  #zelvi-mascara .zm-content {\n    width: 100%;\n    max-width: 860px;\n    margin: 0 auto;\n  }\n\n  #zelvi-mascara .zm-eyebrow {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 13px;\n    margin-bottom: 23px;\n    color: var(--zm-gold);\n    font-size: 10px;\n    font-weight: 600;\n    letter-spacing: .25em;\n    animation: zm-fade-up .8s ease both;\n  }\n\n  #zelvi-mascara .zm-line {\n    display: block;\n    width: 28px;\n    height: 1px;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      var(--zm-gold)\n    );\n  }\n\n  #zelvi-mascara .zm-line:last-child {\n    transform: rotate(180deg);\n  }\n\n  #zelvi-mascara .zm-title {\n    margin: 0 auto 20px;\n    color: var(--zm-ink);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(36px, 5.7vw, 66px);\n    font-weight: 400;\n    line-height: 1.13;\n    letter-spacing: -.035em;\n    animation: zm-fade-up .9s .1s ease both;\n  }\n\n  #zelvi-mascara .zm-gold {\n    display: inline-block;\n    padding-bottom: .06em;\n    background: linear-gradient(\n      105deg,\n      #9e7741 0%,\n      #d8b76e 24%,\n      #b78955 42%,\n      #f0d9a1 54%,\n      #b58b4b 68%,\n      #9e7741 100%\n    );\n    background-size: 220% auto;\n    color: #b58b4b;\n    background-clip: text;\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    animation: zm-shimmer 6s ease-in-out infinite;\n  }\n\n  #zelvi-mascara .zm-divider {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    margin: 25px auto 28px;\n    animation: zm-fade-up 1s .2s ease both;\n  }\n\n  #zelvi-mascara .zm-divider span {\n    width: 54px;\n    height: 1px;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      #d6b17b\n    );\n  }\n\n  #zelvi-mascara .zm-divider span:last-child {\n    transform: rotate(180deg);\n  }\n\n  #zelvi-mascara .zm-divider svg {\n    width: 17px;\n    height: 17px;\n    fill: #c5a05d;\n    animation: zm-twinkle 3s ease-in-out infinite;\n  }\n\n  #zelvi-mascara .zm-intro {\n    max-width: 580px;\n    margin: 0 auto 20px;\n    color: #785d63;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(20px, 2.5vw, 25px);\n    line-height: 1.65;\n    animation: zm-fade-up .9s .25s ease both;\n  }\n\n  #zelvi-mascara .zm-description {\n    max-width: 660px;\n    margin: 0 auto 17px;\n    color: #796d6d;\n    font-size: 14px;\n    line-height: 1.95;\n    animation: zm-fade-up .9s .35s ease both;\n  }\n\n  #zelvi-mascara .zm-description strong {\n    color: #8c625e;\n    font-weight: 600;\n  }\n\n  #zelvi-mascara .zm-features {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 20px;\n    margin: 48px auto 44px;\n    padding: 28px 0;\n    border-top: 1px solid #f0e3e2;\n    border-bottom: 1px solid #f0e3e2;\n  }\n\n  #zelvi-mascara .zm-feature {\n    padding: 5px 12px;\n    animation: zm-fade-up .8s ease both;\n  }\n\n  #zelvi-mascara .zm-feature:nth-child(2) {\n    animation-delay: .12s;\n  }\n\n  #zelvi-mascara .zm-feature:nth-child(3) {\n    animation-delay: .24s;\n  }\n\n  #zelvi-mascara .zm-icon {\n    display: grid;\n    place-items: center;\n    width: 58px;\n    height: 58px;\n    margin: 0 auto 15px;\n    border: 1px solid #ead4cf;\n    border-radius: 50%;\n    background: linear-gradient(145deg, #fff, #fcf0f2);\n    box-shadow: 0 5px 18px rgba(173, 123, 119, .08);\n    transition:\n      transform .35s ease,\n      box-shadow .35s ease;\n  }\n\n  #zelvi-mascara .zm-icon svg {\n    width: 30px;\n    height: 30px;\n    fill: none;\n    stroke: #b68a79;\n    stroke-width: 1.5;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  @media (hover: hover) {\n    #zelvi-mascara .zm-feature:hover .zm-icon {\n      transform: translateY(-5px) rotate(-4deg);\n      box-shadow: 0 10px 25px rgba(173, 123, 119, .17);\n    }\n  }\n\n  #zelvi-mascara .zm-feature h3 {\n    margin: 0 0 8px;\n    color: #765451;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 18px;\n    font-weight: 400;\n  }\n\n  #zelvi-mascara .zm-feature p {\n    margin: 0;\n    color: #8a7b7a;\n    font-size: 12px;\n    line-height: 1.8;\n  }\n\n  #zelvi-mascara .zm-quote {\n    max-width: 600px;\n    margin: 0 auto;\n    padding: 27px 25px 25px;\n    border: 1px solid rgba(201, 164, 137, .42);\n    border-radius: 3px;\n    background: linear-gradient(\n      130deg,\n      rgba(255,255,255,.96),\n      rgba(252,239,241,.8),\n      rgba(255,250,243,.9)\n    );\n    animation: zm-fade-up .9s .3s ease both;\n  }\n\n  #zelvi-mascara .zm-quote-mark {\n    display: block;\n    height: 37px;\n    color: #c49b61;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 48px;\n    line-height: 1;\n  }\n\n  #zelvi-mascara .zm-quote p {\n    margin: 7px auto 17px;\n    color: #755c5e;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(17px, 2.5vw, 21px);\n    font-style: italic;\n    line-height: 1.7;\n  }\n\n  #zelvi-mascara .zm-signature {\n    color: #ae8375;\n    font-size: 10px;\n    letter-spacing: .17em;\n  }\n\n  #zelvi-mascara .zm-footer {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    margin-top: 32px;\n    color: #a28a7b;\n    font-size: 9px;\n    letter-spacing: .14em;\n    line-height: 1.8;\n  }\n\n  #zelvi-mascara .zm-star {\n    color: #bd9656;\n    font-size: 16px;\n    animation: zm-twinkle 3s ease-in-out infinite;\n  }\n\n  @keyframes zm-fade-up {\n    from {\n      opacity: 0;\n      transform: translateY(18px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  @keyframes zm-shimmer {\n    0%, 20% { background-position: 100% center; }\n    65%, 100% { background-position: 0% center; }\n  }\n\n  @keyframes zm-breathe {\n    0%, 100% {\n      opacity: .5;\n      transform: translateX(-50%) scale(.9);\n    }\n    50% {\n      opacity: 1;\n      transform: translateX(-50%) scale(1.12);\n    }\n  }\n\n  @keyframes zm-twinkle {\n    0%, 100% {\n      opacity: .7;\n      transform: scale(.95);\n    }\n    50% {\n      opacity: 1;\n      transform: scale(1.12);\n    }\n  }\n\n  @media (max-width: 600px) {\n    #zelvi-mascara {\n      padding: 52px 19px;\n    }\n\n    #zelvi-mascara .zm-eyebrow {\n      gap: 8px;\n      font-size: 9px;\n      letter-spacing: .17em;\n    }\n\n    #zelvi-mascara .zm-features {\n      gap: 9px;\n      margin: 34px auto;\n      padding: 23px 0;\n    }\n\n    #zelvi-mascara .zm-feature {\n      padding: 3px 2px;\n    }\n\n    #zelvi-mascara .zm-icon {\n      width: 48px;\n      height: 48px;\n      margin-bottom: 12px;\n    }\n\n    #zelvi-mascara .zm-icon svg {\n      width: 25px;\n      height: 25px;\n    }\n\n    #zelvi-mascara .zm-feature h3 {\n      font-size: 15px;\n    }\n\n    #zelvi-mascara .zm-feature p {\n      font-size: 11px;\n    }\n\n    #zelvi-mascara .zm-quote {\n      padding: 24px 17px;\n    }\n\n    #zelvi-mascara .zm-footer {\n      gap: 7px;\n      font-size: 8px;\n      letter-spacing: .08em;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    #zelvi-mascara *,\n    #zelvi-mascara *::before,\n    #zelvi-mascara *::after {\n      animation: none !important;\n      transition: none !important;\n    }\n  }\n\u003c\/style\u003e","brand":"Zelvi-beauty","offers":[{"title":"Default Title","offer_id":62874787414097,"sku":null,"price":169.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1080\/8531\/3617\/files\/zelvi-beauty-mascara-shield-packaging.png?v=1791822644","url":"https:\/\/egfkg0-kq.myshopify.com\/products\/mascara-guard","provider":"Zelvi-beauty","version":"1.0","type":"link"}