{"product_id":"estelin-tea-tree-aloe-vera-soothing-sheet-mask","title":"ESTELIN Tea Tree \u0026 Aloe Vera Soothing Sheet Mask","description":"\u003cstyle\u003e\n  .estelin-product {\n    --forest: #27492f;\n    --tea-green: #5f7f35;\n    --leaf: #86a84c;\n    --sage: #e8eee2;\n    --cream: #f7f8f3;\n    --white: #ffffff;\n    --charcoal: #202620;\n\n    max-width: 900px;\n    margin: 30px auto;\n    font-family: Arial, Helvetica, sans-serif;\n    color: var(--charcoal);\n  }\n\n  .estelin-card {\n    position: relative;\n    overflow: hidden;\n    background:\n      radial-gradient(circle at 100% 0%, rgba(134,168,76,.18), transparent 30%),\n      linear-gradient(145deg, #ffffff 0%, #f7f8f3 100%);\n    border: 1px solid #dce5d6;\n    border-radius: 24px;\n    padding: 42px;\n    box-shadow: 0 18px 45px rgba(39,73,47,.10);\n  }\n\n  \/* Animated botanical background *\/\n  .estelin-leaf {\n    position: absolute;\n    width: 90px;\n    height: 42px;\n    border-radius: 100% 0 100% 0;\n    background: linear-gradient(135deg, var(--leaf), var(--forest));\n    opacity: .10;\n    z-index: 0;\n    animation: estelinFloat 7s ease-in-out infinite;\n  }\n\n  .leaf-one {\n    top: -10px;\n    right: -20px;\n    transform: rotate(30deg);\n  }\n\n  .leaf-two {\n    bottom: 30px;\n    left: -35px;\n    transform: rotate(-25deg);\n    animation-delay: 2s;\n  }\n\n  .leaf-three {\n    top: 45%;\n    right: -50px;\n    transform: rotate(60deg);\n    animation-delay: 4s;\n  }\n\n  @keyframes estelinFloat {\n    0%,100% {\n      transform: translateY(0) rotate(25deg);\n    }\n    50% {\n      transform: translateY(-14px) rotate(32deg);\n    }\n  }\n\n  .estelin-content {\n    position: relative;\n    z-index: 2;\n  }\n\n  .estelin-eyebrow {\n    display: inline-block;\n    background: var(--forest);\n    color: var(--white);\n    padding: 8px 15px;\n    border-radius: 50px;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    margin-bottom: 18px;\n  }\n\n  .estelin-title {\n    margin: 0;\n    color: var(--forest);\n    font-size: clamp(30px, 5vw, 52px);\n    line-height: 1.05;\n    font-weight: 800;\n    letter-spacing: -1.5px;\n  }\n\n  .estelin-title span {\n    color: var(--tea-green);\n  }\n\n  .estelin-subtitle {\n    margin: 15px 0 0;\n    max-width: 650px;\n    font-size: 18px;\n    line-height: 1.7;\n    color: #536055;\n  }\n\n  .estelin-divider {\n    width: 80px;\n    height: 4px;\n    border-radius: 100px;\n    margin: 24px 0;\n    background: linear-gradient(\n      90deg,\n      var(--forest),\n      var(--leaf)\n    );\n    animation: estelinGrow 1.5s ease;\n  }\n\n  @keyframes estelinGrow {\n    from {\n      width: 0;\n      opacity: 0;\n    }\n    to {\n      width: 80px;\n      opacity: 1;\n    }\n  }\n\n  .benefit-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 14px;\n    margin: 30px 0;\n  }\n\n  .benefit {\n    background: rgba(232,238,226,.75);\n    border: 1px solid #d8e4d0;\n    border-radius: 18px;\n    padding: 22px 15px;\n    text-align: center;\n    transition: all .3s ease;\n  }\n\n  .benefit:hover {\n    transform: translateY(-6px);\n    box-shadow: 0 10px 25px rgba(39,73,47,.12);\n    background: var(--white);\n  }\n\n  .benefit-icon {\n    display: block;\n    font-size: 28px;\n    margin-bottom: 9px;\n  }\n\n  .benefit strong {\n    display: block;\n    color: var(--forest);\n    font-size: 15px;\n    margin-bottom: 5px;\n  }\n\n  .benefit small {\n    color: #667268;\n    line-height: 1.5;\n  }\n\n  .estelin-highlight {\n    margin: 28px 0;\n    background: var(--forest);\n    color: white;\n    padding: 24px 28px;\n    border-radius: 18px;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .estelin-highlight::after {\n    content: \"\";\n    width: 130px;\n    height: 130px;\n    position: absolute;\n    top: -75px;\n    right: -30px;\n    border-radius: 50%;\n    background: rgba(255,255,255,.08);\n  }\n\n  .estelin-highlight h3 {\n    color: white;\n    margin: 0 0 8px;\n    font-size: 20px;\n  }\n\n  .estelin-highlight p {\n    color: rgba(255,255,255,.87);\n    margin: 0;\n    line-height: 1.65;\n  }\n\n  .estelin-section-title {\n    color: var(--forest);\n    font-size: 21px;\n    margin: 30px 0 15px;\n  }\n\n  .estelin-steps {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 15px;\n  }\n\n  .step {\n    padding: 19px;\n    border-left: 3px solid var(--leaf);\n    background: var(--cream);\n    border-radius: 0 14px 14px 0;\n  }\n\n  .step-number {\n    color: var(--tea-green);\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: 1px;\n  }\n\n  .step p {\n    margin: 6px 0 0;\n    line-height: 1.5;\n    font-size: 14px;\n  }\n\n  .estelin-bottom {\n    margin-top: 28px;\n    padding: 20px;\n    text-align: center;\n    background: var(--sage);\n    border-radius: 16px;\n  }\n\n  .estelin-bottom strong {\n    color: var(--forest);\n    font-size: 18px;\n  }\n\n  .estelin-bottom p {\n    margin: 6px 0 0;\n    color: #647064;\n    font-size: 14px;\n  }\n\n  \/* Gentle entrance animation *\/\n  .estelin-content {\n    animation: estelinFade 0.9s ease both;\n  }\n\n  @keyframes estelinFade {\n    from {\n      opacity: 0;\n      transform: translateY(20px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  @media(max-width: 700px) {\n    .estelin-card {\n      padding: 28px 20px;\n      border-radius: 20px;\n    }\n\n    .benefit-grid,\n    .estelin-steps {\n      grid-template-columns: 1fr;\n    }\n\n    .estelin-title {\n      font-size: 34px;\n    }\n\n    .estelin-subtitle {\n      font-size: 16px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .estelin-product *,\n    .estelin-product *::before,\n    .estelin-product *::after {\n      animation: none !important;\n      transition: none !important;\n    }\n  }\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"estelin-product\"\u003e\n\n  \u003cdiv class=\"estelin-card\"\u003e\n\n    \u003cspan class=\"estelin-leaf leaf-one\"\u003e\u003c\/span\u003e\n    \u003cspan class=\"estelin-leaf leaf-two\"\u003e\u003c\/span\u003e\n    \u003cspan class=\"estelin-leaf leaf-three\"\u003e\u003c\/span\u003e\n\n    \u003cdiv class=\"estelin-content\"\u003e\n\n      \u003cdiv class=\"estelin-eyebrow\"\u003e\n        🌿 Your Skin Reset\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"estelin-title\"\u003e\n        CALM. HYDRATE.\u003cbr\u003e\n        \u003cspan\u003eREFRESH.\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp class=\"estelin-subtitle\"\u003e\n        Treat your skin to a refreshing self-care moment with the\n        \u003cstrong\u003eESTELIN Tea Tree \u0026amp; Aloe Vera Soothing Sheet Mask.\u003c\/strong\u003e\n        A simple addition to your routine that leaves skin feeling\n        hydrated, soothed and refreshed.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"estelin-divider\"\u003e\u003c\/div\u003e\n\n\n      \u003cdiv class=\"benefit-grid\"\u003e\n\n        \u003cdiv class=\"benefit\"\u003e\n          \u003cspan class=\"benefit-icon\"\u003e🌿\u003c\/span\u003e\n          \u003cstrong\u003eREFRESH\u003c\/strong\u003e\n          \u003csmall\u003e\n            Tea Tree-inspired care for a clean,\n            fresh-feeling complexion.\n          \u003c\/small\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"benefit\"\u003e\n          \u003cspan class=\"benefit-icon\"\u003e💧\u003c\/span\u003e\n          \u003cstrong\u003eHYDRATE\u003c\/strong\u003e\n          \u003csmall\u003e\n            Helps leave skin feeling soft,\n            hydrated and comfortable.\n          \u003c\/small\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"benefit\"\u003e\n          \u003cspan class=\"benefit-icon\"\u003e✨\u003c\/span\u003e\n          \u003cstrong\u003eGLOW\u003c\/strong\u003e\n          \u003csmall\u003e\n            Give tired-looking skin a fresh,\n            revitalised appearance.\n          \u003c\/small\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"estelin-highlight\"\u003e\n\n        \u003ch3\u003eYOUR MINI SPA MOMENT 🌱\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Perfect for an evening wind-down, self-care Sunday,\n          pre-event skin prep or whenever your skin deserves\n          a little extra TLC.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003ch3 class=\"estelin-section-title\"\u003e\n        How To Use\n      \u003c\/h3\u003e\n\n\n      \u003cdiv class=\"estelin-steps\"\u003e\n\n        \u003cdiv class=\"step\"\u003e\n          \u003cspan class=\"step-number\"\u003eSTEP 01\u003c\/span\u003e\n          \u003cp\u003e\n            Cleanse and dry your face before applying your mask.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"step\"\u003e\n          \u003cspan class=\"step-number\"\u003eSTEP 02\u003c\/span\u003e\n          \u003cp\u003e\n            Apply the sheet evenly and relax for the time\n            recommended on the packaging.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"step\"\u003e\n          \u003cspan class=\"step-number\"\u003eSTEP 03\u003c\/span\u003e\n          \u003cp\u003e\n            Remove and gently massage the remaining essence\n            into your skin.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"estelin-bottom\"\u003e\n\n        \u003cstrong\u003eFresh skin. Calm moment. Beautiful glow. 🌿\u003c\/strong\u003e\n\n        \u003cp\u003e\n          Add one to your skincare routine or stock up with a bundle.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e","brand":"OMNIBUYCO","offers":[{"title":"Default Title","offer_id":55539204620579,"sku":null,"price":229.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0971\/4411\/1395\/files\/box-upright-white-surface_02faa0e4-4310-45bf-b0be-e8731e3c1082.png?v=1788170045","url":"https:\/\/omnibuyco.co.za\/products\/estelin-tea-tree-aloe-vera-soothing-sheet-mask","provider":"OMNIBUYCO","version":"1.0","type":"link"}