{"product_id":"youlivingpure™-cleanwithease-multi-purpose-cleaner","title":"YouLivingPure™ CleanWithEase","description":"\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700\u0026display=swap');\n\n  :root {\n    --primary-green: #0B4627; \/* Richer, deeper luxury emerald *\/\n    --accent-light-green: #F4FAF6;\n    --text-dark: #111111;\n    --text-muted: #666666;\n    --pure-white: #FFFFFF;\n    --shadow-premium: 0 30px 60px rgba(11, 70, 39, 0.04), 0 4px 12px rgba(0, 0, 0, 0.02);\n    --transition-premium: all 0.7s cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  .ylp-container {\n    font-family: 'Inter', sans-serif;\n    background: #FFFFFF;\n    color: var(--text-dark);\n    padding: 120px 20px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    overflow: hidden;\n  }\n\n  .ylp-wrapper {\n    max-width: 1200px;\n    width: 100%;\n    display: grid;\n    grid-template-columns: 1.1fr 0.9fr;\n    gap: 80px;\n    align-items: center;\n  }\n\n  \/* Left Side: Premium Visual Identity Card *\/\n  .ylp-visual-side {\n    position: relative;\n    opacity: 0;\n    transform: translateY(30px);\n    animation: ylpFadeIn 1.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n  }\n\n  .ylp-image-card {\n    background: #FAFAFA;\n    border-radius: 32px;\n    padding: 60px;\n    box-shadow: var(--shadow-premium);\n    border: 1px solid rgba(0, 0, 0, 0.03);\n    position: relative;\n    z-index: 2;\n    overflow: hidden;\n    transition: var(--transition-premium);\n  }\n\n  .ylp-image-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 40px 80px rgba(11, 70, 39, 0.08);\n    background: var(--pure-white);\n  }\n\n  .ylp-product-mock {\n    height: 450px;\n    background: radial-gradient(circle at center, #FFFFFF 0%, #F0F5F2 100%);\n    border-radius: 24px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    position: relative;\n    border: 1px solid rgba(11, 70, 39, 0.04);\n  }\n\n  \/* HIGH-END EMBEDDED LOGO SYSTEM *\/\n  .ylp-premium-logo-mark {\n    position: relative;\n    width: 100px;\n    height: 100px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    transition: var(--transition-premium);\n  }\n\n  .ylp-logo-ring {\n    position: absolute;\n    border: 1.5px solid var(--primary-green);\n    border-radius: 50%;\n    width: 100%;\n    height: 100%;\n    opacity: 0.85;\n  }\n\n  .ylp-logo-ring.one {\n    transform: rotateX(60deg) rotateY(20deg);\n    animation: ylpOrbitOne 8s linear infinite;\n    border-top-color: transparent;\n  }\n\n  .ylp-logo-ring.two {\n    transform: rotateX(60deg) rotateY(-20deg);\n    animation: ylpOrbitTwo 8s linear infinite;\n    border-bottom-color: transparent;\n  }\n\n  .ylp-logo-center {\n    width: 10px;\n    height: 10px;\n    background-color: var(--primary-green);\n    border-radius: 50%;\n    box-shadow: 0 0 15px var(--primary-green);\n  }\n\n  .ylp-image-card:hover .ylp-premium-logo-mark {\n    transform: scale(1.05);\n  }\n\n  .ylp-logo-text {\n    margin-top: 30px;\n    font-size: 1.15rem;\n    font-weight: 400;\n    color: var(--text-dark);\n    letter-spacing: 7px;\n    text-transform: uppercase;\n    text-indent: 7px; \/* Balances out letter-spacing centering *\/\n  }\n\n  .ylp-logo-subtext {\n    font-size: 0.7rem;\n    font-weight: 500;\n    color: var(--primary-green);\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    margin-top: 8px;\n    opacity: 0.7;\n  }\n\n  .ylp-tagline-badge {\n    position: absolute;\n    top: 30px;\n    border: 1px solid rgba(11, 70, 39, 0.15);\n    background: rgba(255, 255, 255, 0.8);\n    backdrop-filter: blur(8px);\n    color: var(--primary-green);\n    padding: 6px 18px;\n    border-radius: 40px;\n    font-size: 0.7rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n  }\n\n  \/* Right Side: Editorial Content *\/\n  .ylp-content-side {\n    opacity: 0;\n    transform: translateY(30px);\n    animation: ylpFadeIn 1.4s cubic-bezier(0.16, 1, 0.3, 1) 0.15s forwards;\n  }\n\n  .ylp-brand {\n    font-size: 0.85rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 4px;\n    color: var(--primary-green);\n    margin-bottom: 16px;\n    display: block;\n    opacity: 0.8;\n  }\n\n  .ylp-title {\n    font-size: 3.2rem;\n    font-weight: 700;\n    line-height: 1.15;\n    margin-bottom: 24px;\n    letter-spacing: -1px;\n    color: var(--text-dark);\n  }\n\n  .ylp-description {\n    font-size: 1.05rem;\n    line-height: 1.65;\n    color: var(--text-muted);\n    margin-bottom: 40px;\n  }\n\n  \/* Elegant Features List *\/\n  .ylp-features-list {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n    margin-bottom: 45px;\n  }\n\n  .ylp-feature-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 20px;\n    opacity: 0;\n    transform: translateX(15px);\n    animation: ylpSlideIn 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n  }\n\n  \/* Staggering features *\/\n  .ylp-feature-item:nth-child(1) { animation-delay: 0.3s; }\n  .ylp-feature-item:nth-child(2) { animation-delay: 0.4s; }\n  .ylp-feature-item:nth-child(3) { animation-delay: 0.5s; }\n  .ylp-feature-item:nth-child(4) { animation-delay: 0.6s; }\n  .ylp-feature-item:nth-child(5) { animation-delay: 0.7s; }\n\n  .ylp-icon-wrapper {\n    background: var(--accent-light-green);\n    color: var(--primary-green);\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex-shrink: 0;\n    font-size: 1.1rem;\n    transition: var(--transition-premium);\n    border: 1px solid rgba(11, 70, 39, 0.05);\n  }\n\n  .ylp-feature-item:hover .ylp-icon-wrapper {\n    transform: scale(1.08);\n    background: var(--primary-green);\n    color: var(--pure-white);\n  }\n\n  .ylp-feature-text strong {\n    display: block;\n    font-size: 1.05rem;\n    font-weight: 600;\n    color: var(--text-dark);\n    margin-bottom: 4px;\n  }\n\n  .ylp-feature-text p {\n    margin: 0;\n    font-size: 0.95rem;\n    color: var(--text-muted);\n    line-height: 1.5;\n  }\n\n  \/* High-End CTA Button *\/\n  .ylp-cta-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 16px;\n    background: var(--primary-green);\n    color: var(--pure-white);\n    padding: 20px 44px;\n    border-radius: 50px;\n    font-size: 0.95rem;\n    font-weight: 600;\n    text-decoration: none;\n    letter-spacing: 0.5px;\n    box-shadow: 0 12px 30px rgba(11, 70, 39, 0.15);\n    transition: var(--transition-premium);\n  }\n\n  .ylp-cta-btn:hover {\n    background: #062615;\n    transform: translateY(-2px);\n    box-shadow: 0 20px 40px rgba(11, 70, 39, 0.25);\n  }\n\n  .ylp-cta-btn svg {\n    transition: var(--transition-premium);\n  }\n\n  .ylp-cta-btn:hover svg {\n    transform: translateX(4px);\n  }\n\n  \/* Dynamic Keyframes *\/\n  @keyframes ylpFadeIn {\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  @keyframes ylpSlideIn {\n    to {\n      opacity: 1;\n      transform: translateX(0);\n    }\n  }\n\n  @keyframes ylpOrbitOne {\n    0% { transform: rotateX(60deg) rotateY(20deg) rotateZ(0deg); }\n    100% { transform: rotateX(60deg) rotateY(20deg) rotateZ(360deg); }\n  }\n\n  @keyframes ylpOrbitTwo {\n    0% { transform: rotateX(60deg) rotateY(-20deg) rotateZ(360deg); }\n    100% { transform: rotateX(60deg) rotateY(-20deg) rotateZ(0deg); }\n  }\n\n  \/* Responsive Design updates *\/\n  @media (max-width: 991px) {\n    .ylp-wrapper {\n      grid-template-columns: 1fr;\n      gap: 50px;\n    }\n    .ylp-container {\n      padding: 80px 20px;\n    }\n    .ylp-title {\n      font-size: 2.6rem;\n    }\n    .ylp-image-card {\n      padding: 40px;\n    }\n    .ylp-product-mock {\n      height: 350px;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"ylp-container\"\u003e\n\u003cdiv class=\"ylp-wrapper\"\u003e\n\u003cdiv class=\"ylp-visual-side\"\u003e\n\u003cdiv class=\"ylp-image-card\"\u003e\n\u003cdiv class=\"ylp-product-mock\"\u003e\n\u003cspan class=\"ylp-tagline-badge\"\u003eClean More. Scrub Less.\u003c\/span\u003e\n\u003cdiv class=\"ylp-premium-logo-mark\"\u003e\n\u003cdiv class=\"ylp-logo-ring one\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ylp-logo-ring two\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ylp-logo-center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ylp-logo-text\"\u003eYouLivingPure\u003c\/div\u003e\n\u003cdiv class=\"ylp-logo-subtext\"\u003eCleanWithEase\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ylp-content-side\"\u003e\n\u003cspan class=\"ylp-brand\"\u003eYouLivingPure™\u003c\/span\u003e\n\u003ch1 class=\"ylp-title\"\u003eCleanWithEase\u003c\/h1\u003e\n\u003cp class=\"ylp-description\"\u003eTired of scrubbing pots, pans, and tiles until your hands ache? The CleanWithEase electric multi-purpose cleaner does the hard work for you — so you can spend less time cleaning and more time enjoying your home.\u003c\/p\u003e\n\u003cdiv class=\"ylp-features-list\"\u003e\n\u003cdiv class=\"ylp-feature-item\"\u003e\n\u003cdiv class=\"ylp-icon-wrapper\"\u003e🌀\u003c\/div\u003e\n\u003cdiv class=\"ylp-feature-text\"\u003e\n\u003cstrong\u003eEffortless Deep Clean\u003c\/strong\u003e\n\u003cp\u003eThe spinning brush head powers through grease, grime, and stubborn stains in seconds.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ylp-feature-item\"\u003e\n\u003cdiv class=\"ylp-icon-wrapper\"\u003e🔄\u003c\/div\u003e\n\u003cdiv class=\"ylp-feature-text\"\u003e\n\u003cstrong\u003e4 Interchangeable Brush Heads\u003c\/strong\u003e\n\u003cp\u003eTackle plates, pots, tiles, glass, and more with one versatile tool.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ylp-feature-item\"\u003e\n\u003cdiv class=\"ylp-icon-wrapper\"\u003e🔋\u003c\/div\u003e\n\u003cdiv class=\"ylp-feature-text\"\u003e\n\u003cstrong\u003eUSB Rechargeable\u003c\/strong\u003e\n\u003cp\u003eNo batteries required. Always powered up and ready when you are.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ylp-feature-item\"\u003e\n\u003cdiv class=\"ylp-icon-wrapper\"\u003e💧\u003c\/div\u003e\n\u003cdiv class=\"ylp-feature-text\"\u003e\n\u003cstrong\u003eWaterproof Design\u003c\/strong\u003e\n\u003cp\u003eSafe to use right at the sink, in the shower, or anywhere that needs a deep clean.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ylp-feature-item\"\u003e\n\u003cdiv class=\"ylp-icon-wrapper\"\u003e🤍\u003c\/div\u003e\n\u003cdiv class=\"ylp-feature-text\"\u003e\n\u003cstrong\u003eLightweight \u0026amp; Ergonomic\u003c\/strong\u003e\n\u003cp\u003eFits comfortably in your hand. Designed for maximum cleaning with zero strain.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ca class=\"ylp-cta-btn\" href=\"\/cart\/add\"\u003e \u003cspan\u003eExperience Pure Cleanliness\u003c\/span\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\" height=\"18\" width=\"18\"\u003e\u003cline y2=\"12\" x2=\"19\" y1=\"12\" x1=\"5\"\u003e\u003c\/line\u003e\u003cpolyline points=\"12 5 19 12 12 19\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"YouLivingPure","offers":[{"title":"Default Title","offer_id":52119588340032,"sku":null,"price":399.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0989\/3154\/0288\/files\/multipurpose-cleaner_84390763-0159-4a4d-8707-c2f5353cdb66.png?v=1784541107","url":"https:\/\/youlivingpure.co.za\/products\/youlivingpure%e2%84%a2-cleanwithease-multi-purpose-cleaner","provider":"YouLivingPure","version":"1.0","type":"link"}