{"title":"Health Range","description":"","products":[{"product_id":"air-purifier","title":"Air-Purifier","description":"\u003csection class=\"livy-air-section\"\u003e\n  \u003cdiv class=\"livy-air-bg\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"livy-air-container\"\u003e\n    \u003cdiv class=\"livy-air-content\"\u003e\n      \u003cspan class=\"livy-badge\"\u003eLivy Co Wellness Collection\u003c\/span\u003e\n\n      \u003ch1\u003eAir-Purifier\u003c\/h1\u003e\n\n      \u003cp class=\"livy-subtitle\"\u003e\n        Freshen your personal space with negative ion technology designed to support a cleaner, lighter-feeling air environment.\n      \u003c\/p\u003e\n\n      \u003cp class=\"livy-description\"\u003e\n        The Livy Co Air-Purifier releases negatively charged ions into the surrounding air. These ions are naturally associated with environments such as mountain forests, waterfalls, and beaches — places often linked with a fresh, calm, and energised atmosphere.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"livy-benefits\"\u003e\n        \u003cdiv\u003e\n          \u003cstrong\u003eFresh Atmosphere\u003c\/strong\u003e\n          \u003cspan\u003eHelps create a cleaner-feeling space\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cstrong\u003eNegative Ion Flow\u003c\/strong\u003e\n          \u003cspan\u003eDesigned to disperse ions into ambient air\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cstrong\u003ePremium Design\u003c\/strong\u003e\n          \u003cspan\u003eCompact, modern, and lifestyle-focused\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003ca href=\"#product-form\" class=\"livy-btn\"\u003eShop Air-Purifier\u003c\/a\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"livy-air-visual\"\u003e\n      \u003cdiv class=\"livy-orbit orbit-one\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"livy-orbit orbit-two\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"livy-orbit orbit-three\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"livy-device\"\u003e\n        \u003cdiv class=\"livy-glow\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"livy-device-top\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"livy-device-body\"\u003e\n          \u003cspan\u003e\u003c\/span\u003e\n          \u003cspan\u003e\u003c\/span\u003e\n          \u003cspan\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ion ion-1\"\u003e−\u003c\/div\u003e\n      \u003cdiv class=\"ion ion-2\"\u003e−\u003c\/div\u003e\n      \u003cdiv class=\"ion ion-3\"\u003e−\u003c\/div\u003e\n      \u003cdiv class=\"ion ion-4\"\u003e−\u003c\/div\u003e\n      \u003cdiv class=\"ion ion-5\"\u003e−\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n  .livy-air-section {\n    position: relative;\n    overflow: hidden;\n    padding: 90px 24px;\n    background: radial-gradient(circle at top right, #dff8ff 0%, #f8fcff 35%, #ffffff 100%);\n    font-family: inherit;\n  }\n\n  .livy-air-bg {\n    position: absolute;\n    inset: 0;\n    background:\n      radial-gradient(circle at 20% 20%, rgba(118, 220, 255, 0.25), transparent 30%),\n      radial-gradient(circle at 80% 70%, rgba(180, 240, 225, 0.35), transparent 35%);\n    animation: livyFloatBg 9s ease-in-out infinite alternate;\n  }\n\n  .livy-air-container {\n    position: relative;\n    max-width: 1200px;\n    margin: auto;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    align-items: center;\n  }\n\n  .livy-badge {\n    display: inline-block;\n    padding: 9px 16px;\n    border-radius: 999px;\n    background: rgba(255, 255, 255, 0.75);\n    color: #14748a;\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: 0.5px;\n    box-shadow: 0 10px 30px rgba(20, 116, 138, 0.12);\n    margin-bottom: 22px;\n  }\n\n  .livy-air-content h1 {\n    font-size: clamp(42px, 6vw, 76px);\n    line-height: 0.95;\n    margin: 0 0 22px;\n    color: #062b36;\n    letter-spacing: -2px;\n  }\n\n  .livy-subtitle {\n    font-size: clamp(20px, 2.4vw, 30px);\n    line-height: 1.25;\n    color: #16596b;\n    margin-bottom: 22px;\n    font-weight: 600;\n  }\n\n  .livy-description {\n    font-size: 16px;\n    line-height: 1.8;\n    color: #49636b;\n    max-width: 560px;\n  }\n\n  .livy-benefits {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 14px;\n    margin: 34px 0;\n  }\n\n  .livy-benefits div {\n    background: rgba(255, 255, 255, 0.82);\n    border: 1px solid rgba(150, 220, 235, 0.45);\n    border-radius: 22px;\n    padding: 20px;\n    box-shadow: 0 18px 45px rgba(30, 120, 150, 0.08);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n  }\n\n  .livy-benefits div:hover {\n    transform: translateY(-6px);\n    box-shadow: 0 24px 55px rgba(30, 120, 150, 0.16);\n  }\n\n  .livy-benefits strong {\n    display: block;\n    color: #062b36;\n    font-size: 15px;\n    margin-bottom: 8px;\n  }\n\n  .livy-benefits span {\n    color: #5f7c84;\n    font-size: 13px;\n    line-height: 1.5;\n  }\n\n  .livy-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 16px 30px;\n    border-radius: 999px;\n    background: linear-gradient(135deg, #062b36, #1689a1);\n    color: #ffffff;\n    text-decoration: none;\n    font-weight: 800;\n    box-shadow: 0 18px 40px rgba(22, 137, 161, 0.28);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n  }\n\n  .livy-btn:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 24px 55px rgba(22, 137, 161, 0.38);\n  }\n\n  .livy-air-visual {\n    position: relative;\n    min-height: 520px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .livy-device {\n    position: relative;\n    width: 190px;\n    height: 320px;\n    border-radius: 42px;\n    background: linear-gradient(160deg, #ffffff, #dff8ff);\n    box-shadow:\n      inset -14px -18px 35px rgba(20, 116, 138, 0.12),\n      inset 10px 12px 28px rgba(255, 255, 255, 0.9),\n      0 35px 90px rgba(20, 116, 138, 0.28);\n    z-index: 4;\n    animation: deviceFloat 4s ease-in-out infinite;\n  }\n\n  .livy-glow {\n    position: absolute;\n    inset: -30px;\n    border-radius: 60px;\n    background: radial-gradient(circle, rgba(79, 213, 255, 0.35), transparent 65%);\n    filter: blur(10px);\n    z-index: -1;\n    animation: pulseGlow 3s ease-in-out infinite;\n  }\n\n  .livy-device-top {\n    width: 72px;\n    height: 14px;\n    border-radius: 999px;\n    background: #b6eaf5;\n    margin: 28px auto;\n  }\n\n  .livy-device-body {\n    display: grid;\n    gap: 16px;\n    justify-content: center;\n    margin-top: 56px;\n  }\n\n  .livy-device-body span {\n    width: 95px;\n    height: 10px;\n    border-radius: 999px;\n    background: linear-gradient(90deg, #6fd8ef, #dff8ff);\n    animation: airflow 2s ease-in-out infinite;\n  }\n\n  .livy-device-body span:nth-child(2) {\n    width: 72px;\n    animation-delay: 0.3s;\n  }\n\n  .livy-device-body span:nth-child(3) {\n    width: 110px;\n    animation-delay: 0.6s;\n  }\n\n  .livy-orbit {\n    position: absolute;\n    border-radius: 50%;\n    border: 1px solid rgba(22, 137, 161, 0.18);\n    animation: rotateOrbit 14s linear infinite;\n  }\n\n  .orbit-one {\n    width: 310px;\n    height: 310px;\n  }\n\n  .orbit-two {\n    width: 420px;\n    height: 420px;\n    animation-duration: 20s;\n  }\n\n  .orbit-three {\n    width: 510px;\n    height: 510px;\n    animation-duration: 28s;\n  }\n\n  .ion {\n    position: absolute;\n    width: 42px;\n    height: 42px;\n    border-radius: 50%;\n    background: rgba(255, 255, 255, 0.82);\n    color: #1689a1;\n    font-size: 28px;\n    font-weight: 800;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 15px 35px rgba(20, 116, 138, 0.16);\n    animation: ionMove 6s ease-in-out infinite;\n  }\n\n  .ion-1 { top: 80px; left: 90px; animation-delay: 0s; }\n  .ion-2 { top: 130px; right: 70px; animation-delay: 1s; }\n  .ion-3 { bottom: 120px; left: 70px; animation-delay: 2s; }\n  .ion-4 { bottom: 80px; right: 120px; animation-delay: 3s; }\n  .ion-5 { top: 235px; right: 30px; animation-delay: 4s; }\n\n  @keyframes deviceFloat {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(-18px); }\n  }\n\n  @keyframes pulseGlow {\n    0%, 100% { opacity: 0.55; transform: scale(0.95); }\n    50% { opacity: 1; transform: scale(1.08); }\n  }\n\n  @keyframes airflow {\n    0%, 100% { opacity: 0.35; transform: translateX(0); }\n    50% { opacity: 1; transform: translateX(12px); }\n  }\n\n  @keyframes ionMove {\n    0%, 100% { transform: translateY(0) scale(1); opacity: 0.75; }\n    50% { transform: translateY(-28px) scale(1.12); opacity: 1; }\n  }\n\n  @keyframes rotateOrbit {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n  }\n\n  @keyframes livyFloatBg {\n    from { transform: scale(1); }\n    to { transform: scale(1.08); }\n  }\n\n  @media screen and (max-width: 900px) {\n    .livy-air-container {\n      grid-template-columns: 1fr;\n      gap: 30px;\n    }\n\n    .livy-benefits {\n      grid-template-columns: 1fr;\n    }\n\n    .livy-air-visual {\n      min-height: 430px;\n    }\n\n    .orbit-three {\n      display: none;\n    }\n  }\n\u003c\/style\u003e","brand":"LivyCo ","offers":[{"title":"Default Title","offer_id":64072966373745,"sku":null,"price":5999.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1019\/4855\/5633\/files\/air-purifier-office.png?v=1781726060"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1019\/4855\/5633\/collections\/air-purifier-office.png?v=1781786440","url":"https:\/\/livyco.co.za\/collections\/health-range.oembed","provider":"LivyCo ","version":"1.0","type":"link"}