{"title":"Clean Eats","description":"\u003cp\u003eDiscover kitchen gadgets designed for those who care about eating well. From prepping to plating, every product in this collection is curated to make healthy, nutritious meals easier and more enjoyable at home.\u003c\/p\u003e","products":[{"product_id":"wireless-food-purifier-pod™","title":"Wireless Food Purifier Pod™","description":"\u003cdiv class=\"homopia-product-description\"\u003e\n    \u003cstyle\u003e\n        \/* === HOMOPIA DESIGN SYSTEM V2 === *\/\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;700\u0026family=EB+Garamond:ital,wght@0,600;1,600\u0026display=swap');\n\n        .homopia-product-description {\n            --c-black: #0E0E0E;\n            --c-night: #0D1B2A;\n            --c-ivory: #F5F3EF;\n            --c-white: #FFFFFF;\n            --c-gold: #C4A35A;\n            --c-sage: #8FA888;\n            --c-gray: #8E8E8E;\n            \n            --font-display: 'EB Garamond', serif;\n            --font-body: 'DM Sans', sans-serif;\n\n            font-family: var(--font-body);\n            background-color: var(--c-white);\n            color: var(--c-black);\n            line-height: 1.7;\n            max-width: 1100px;\n            margin: 0 auto;\n            padding: 40px 20px;\n            overflow: hidden;\n        }\n\n        .homopia-product-description * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        @keyframes homopia-shimmer {\n            0% { background-position: -1000px 0; }\n            100% { background-position: 1000px 0; }\n        }\n\n        @keyframes homopia-fade-up {\n            from { opacity: 0; transform: translateY(30px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        @keyframes homopia-icon-float {\n            0%, 100% { transform: translateY(0); }\n            50% { transform: translateY(-5px); }\n        }\n\n        .homopia-headline {\n            font-family: var(--font-display);\n            font-size: clamp(32px, 4vw, 44px);\n            font-weight: 600;\n            color: var(--c-black);\n            margin-bottom: 16px;\n            line-height: 1.1;\n            letter-spacing: -0.02em;\n        }\n\n        .homopia-subtext {\n            font-size: 16px;\n            font-weight: 400;\n            color: var(--c-gray);\n            line-height: 1.6;\n        }\n\n        .homopia-highlight {\n            color: var(--c-night);\n            font-weight: 700;\n        }\n\n        \/* === 4:5 MEDIA WRAPPER - ZERO GAPS FIX === *\/\n        .homopia-media-wrapper {\n            width: 100%;\n            aspect-ratio: 4 \/ 5;\n            background: var(--c-ivory);\n            background-image: linear-gradient(90deg, var(--c-ivory) 0px, #EAE8E4 50%, var(--c-ivory) 100%);\n            background-size: 1000px 100%;\n            animation: homopia-shimmer 2s infinite linear;\n            border-radius: 20px;\n            overflow: hidden;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            box-shadow: 0 15px 35px rgba(0,0,0,0.06);\n            font-size: 0;\n            line-height: 0;\n            position: relative;\n        }\n\n        .homopia-media-wrapper img,\n        .homopia-media-wrapper video {\n            display: block;\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            border: none;\n            margin: 0;\n            padding: 0;\n            outline: none;\n            position: absolute;\n            top: 0;\n            left: 0;\n        }\n\n        \/* === RESPONSIVE LAYOUT === *\/\n        .homopia-grid-section {\n            margin-bottom: 80px;\n            animation: homopia-fade-up 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n        }\n\n        \/* Mobile Layout *\/\n        .homopia-mobile-title {\n            display: block;\n            margin-bottom: 20px;\n        }\n        \n        .homopia-desktop-title {\n            display: none;\n        }\n\n        .homopia-frosted-card {\n            background: var(--c-ivory);\n            padding: 24px;\n            border-radius: 16px;\n            border: 1px solid rgba(14, 14, 14, 0.05);\n            margin-top: 20px;\n        }\n\n        \/* Desktop Layout *\/\n        @media (min-width: 768px) {\n            .homopia-mobile-title {\n                display: none;\n            }\n            .homopia-desktop-title {\n                display: block;\n                margin-bottom: 24px;\n            }\n            .homopia-grid-section {\n                display: grid;\n                grid-template-columns: 1fr 1fr;\n                align-items: center;\n                gap: 60px;\n            }\n            .homopia-frosted-card {\n                background: transparent;\n                padding: 0;\n                border: none;\n                margin-top: 0;\n            }\n            .homopia-grid-section:nth-of-type(odd) .homopia-media-wrapper {\n                order: 1;\n            }\n            .homopia-grid-section:nth-of-type(odd) .homopia-text-content {\n                order: 2;\n            }\n            .homopia-grid-section:nth-of-type(even) .homopia-media-wrapper {\n                order: 2;\n            }\n            .homopia-grid-section:nth-of-type(even) .homopia-text-content {\n                order: 1;\n            }\n        }\n\n        \/* === STEP-BY-STEP ANIMATION === *\/\n        .homopia-steps-section {\n            background: var(--c-ivory);\n            border-radius: 24px;\n            padding: 50px 30px;\n            margin: 60px 0;\n            text-align: center;\n        }\n\n        .homopia-steps-container {\n            display: flex;\n            flex-direction: column;\n            gap: 16px;\n            margin-top: 30px;\n            max-width: 400px;\n            margin-left: auto;\n            margin-right: auto;\n            text-align: left;\n        }\n\n        .homopia-step {\n            display: flex;\n            align-items: center;\n            gap: 16px;\n            background: var(--c-white);\n            padding: 16px 24px;\n            border-radius: 100px;\n            opacity: 0.4;\n            transform: scale(0.95);\n            transition: all 0.4s ease;\n        }\n\n        .homopia-step.is-active {\n            opacity: 1;\n            transform: scale(1.05);\n            box-shadow: 0 10px 25px rgba(0,0,0,0.05);\n            border: 1px solid var(--c-gold);\n        }\n\n        .homopia-step-number {\n            background: var(--c-night);\n            color: var(--c-gold);\n            min-width: 32px;\n            height: 32px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: 700;\n            font-size: 14px;\n        }\n\n        .homopia-step-text {\n            font-weight: 500;\n            color: var(--c-black);\n        }\n\n        \/* === PREMIUM COMPARISON TABLE === *\/\n        .homopia-table-wrapper {\n            margin: 80px 0;\n            text-align: center;\n        }\n\n        .homopia-table-title {\n            font-family: var(--font-display);\n            font-size: clamp(28px, 4vw, 38px);\n            color: var(--c-night);\n            font-style: italic;\n            margin-bottom: 30px;\n        }\n\n        .homopia-table-container {\n            width: 100%;\n            overflow-x: auto;\n            background: var(--c-white);\n            border-radius: 24px;\n            padding: 0;\n            border: 1px solid #EAEAEA;\n        }\n\n        .homopia-table {\n            width: 100%;\n            min-width: 600px;\n            border-collapse: separate;\n            border-spacing: 0;\n            text-align: center;\n        }\n\n        .homopia-table th, \n        .homopia-table td {\n            padding: 20px 16px;\n            border-bottom: 1px solid #F0F0F0;\n            font-size: 15px;\n            color: var(--c-gray);\n        }\n\n        .homopia-table td:first-child,\n        .homopia-table th:first-child {\n            text-align: left;\n            font-weight: 500;\n            color: var(--c-black);\n        }\n\n        .homopia-table th:nth-child(2) {\n            background-color: var(--c-night);\n            color: var(--c-gold);\n            font-family: var(--font-display);\n            font-size: 20px;\n            letter-spacing: 0.05em;\n            border-top-left-radius: 20px;\n            border-top-right-radius: 20px;\n            border-bottom: none;\n        }\n\n        .homopia-table td:nth-child(2) {\n            background-color: var(--c-night);\n            color: var(--c-white);\n            font-weight: 500;\n            border-bottom: 1px solid rgba(255,255,255,0.05);\n        }\n\n        .homopia-table tr:last-child td:nth-child(2) {\n            border-bottom-left-radius: 20px;\n            border-bottom-right-radius: 20px;\n            border-bottom: none;\n        }\n\n        .homopia-icon-check {\n            color: var(--c-sage);\n            font-weight: bold;\n            margin-right: 6px;\n        }\n\n        \/* === TECH SPECS === *\/\n        .homopia-specs-wrapper {\n            margin: 80px 0;\n            text-align: center;\n        }\n\n        .homopia-badge {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 16px;\n            background: var(--c-night);\n            padding: 24px 30px;\n            border-radius: 50px;\n            border: 1px solid rgba(255,255,255,0.1);\n            box-shadow: none;\n        }\n\n        .homopia-badge-icon {\n            color: var(--c-gold);\n            width: 28px;\n            height: 28px;\n            flex-shrink: 0;\n        }\n\n        .homopia-badge-text {\n            color: var(--c-white);\n            font-size: 14px;\n            text-align: left;\n            line-height: 1.4;\n        }\n\n        .homopia-badge-text strong {\n            color: var(--c-gold);\n            display: block;\n            font-size: 12px;\n            text-transform: uppercase;\n            letter-spacing: 0.1em;\n            margin-bottom: 2px;\n        }\n\n        \/* Mobile Layout *\/\n        @media (max-width: 767px) {\n            .homopia-carousel-viewport {\n                width: 100%;\n                overflow-x: auto;\n                scroll-snap-type: x mandatory;\n                scroll-behavior: smooth;\n                padding: 20px 0;\n                -ms-overflow-style: none;\n                scrollbar-width: none;\n            }\n            .homopia-carousel-viewport::-webkit-scrollbar {\n                display: none;\n            }\n            .homopia-carousel-track {\n                display: flex;\n                gap: 20px;\n                width: max-content;\n                padding: 0 10%;\n            }\n            .homopia-badge {\n                scroll-snap-align: center;\n                width: 80vw;\n                max-width: 400px;\n                opacity: 0.3;\n                transform: scale(0.8);\n                transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.5s ease;\n                box-shadow: none !important;\n            }\n            .homopia-badge.is-popped {\n                opacity: 1;\n                transform: scale(1);\n                box-shadow: none !important;\n            }\n        }\n\n        \/* Desktop Layout *\/\n        @media (min-width: 768px) {\n            .homopia-carousel-track {\n                display: grid;\n                grid-template-columns: repeat(2, 1fr);\n                gap: 24px;\n                max-width: 900px;\n                margin: 40px auto 0;\n            }\n            @media (min-width: 992px) {\n                .homopia-carousel-track {\n                    grid-template-columns: repeat(3, 1fr);\n                }\n                .homopia-badge:last-child {\n                    grid-column: 2;\n                }\n            }\n            .homopia-badge {\n                width: 100%;\n                opacity: 1;\n                transform: none;\n                box-shadow: 0 15px 30px rgba(13, 27, 42, 0.15);\n            }\n            .homopia-badge-icon {\n                animation: homopia-icon-float 3s ease-in-out infinite;\n            }\n        }\n\n        \/* === CTA FOOTER === *\/\n        .homopia-cta-container {\n            text-align: center;\n            margin-top: 40px;\n            padding-top: 60px;\n            border-top: 1px solid #EAEAEA;\n        }\n\n        .homopia-btn-primary {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            background-color: var(--c-night);\n            color: var(--c-white) !important;\n            font-family: var(--font-body);\n            font-size: 15px;\n            font-weight: 500;\n            letter-spacing: 0.05em;\n            text-transform: uppercase;\n            text-decoration: none;\n            padding: 20px 45px;\n            border-radius: 50px;\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 25px rgba(13, 27, 42, 0.2);\n            cursor: pointer;\n            border: none;\n        }\n\n        .homopia-btn-primary:hover {\n            background-color: var(--c-gold);\n            transform: translateY(-3px);\n            box-shadow: 0 15px 35px rgba(196, 163, 90, 0.3);\n        }\n    \u003c\/style\u003e\n\n    \u003c!-- SECTION 1 (VIDEO) --\u003e\n    \u003cdiv class=\"homopia-grid-section\"\u003e\n        \u003ch2 class=\"homopia-headline homopia-mobile-title\"\u003eHydroxyl Ion Deep Cleaning\u003c\/h2\u003e\n        \u003cdiv class=\"homopia-media-wrapper\"\u003e\n            \u003cvideo class=\"homopia-auto-video\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/0c736e4ef6a74ea0a27b19f5fcc1eb81.mp4\" autoplay loop muted playsinline disablepictureinpicture preload=\"auto\"\u003e\u003c\/video\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"homopia-text-content\"\u003e\n            \u003ch2 class=\"homopia-headline homopia-desktop-title\"\u003eHydroxyl Ion Deep Cleaning\u003c\/h2\u003e\n            \u003cdiv class=\"homopia-frosted-card\"\u003e\n                \u003cp class=\"homopia-subtext\"\u003eEffectively removes surface contaminants and pesticide residue. Enjoy your fresh food with \u003cspan class=\"homopia-highlight\"\u003eabsolute peace of mind\u003c\/span\u003e.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- SECTION 2 (IMAGE) --\u003e\n    \u003cdiv class=\"homopia-grid-section\"\u003e\n        \u003ch2 class=\"homopia-headline homopia-mobile-title\"\u003ePortable Wireless Contact Charging\u003c\/h2\u003e\n        \u003cdiv class=\"homopia-media-wrapper\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0998\/1535\/8841\/files\/Aec718554dda34f20b807b61f247e654ed.webp?v=1778065268\" alt=\"Portable Wireless Contact Charging\" loading=\"lazy\" decoding=\"async\"\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"homopia-text-content\"\u003e\n            \u003ch2 class=\"homopia-headline homopia-desktop-title\"\u003ePortable Wireless Contact Charging\u003c\/h2\u003e\n            \u003cdiv class=\"homopia-frosted-card\"\u003e\n                \u003cp class=\"homopia-subtext\"\u003eFeatures a stable \u003cspan class=\"homopia-highlight\"\u003enon-slip fast charging base\u003c\/span\u003e. Delivers up to 24 purification cycles on a \u003cspan class=\"homopia-highlight\"\u003esingle charge\u003c\/span\u003e.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- SECTION 3 (VIDEO) --\u003e\n    \u003cdiv class=\"homopia-grid-section\"\u003e\n        \u003ch2 class=\"homopia-headline homopia-mobile-title\"\u003eEffortless One-Touch Operation\u003c\/h2\u003e\n        \u003cdiv class=\"homopia-media-wrapper\"\u003e\n            \u003cvideo class=\"homopia-auto-video\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/a8894797eaca4cd78267a9414ef57342.mp4\" autoplay loop muted playsinline disablepictureinpicture preload=\"auto\"\u003e\u003c\/video\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"homopia-text-content\"\u003e\n            \u003ch2 class=\"homopia-headline homopia-desktop-title\"\u003eEffortless One-Touch Operation\u003c\/h2\u003e\n            \u003cdiv class=\"homopia-frosted-card\"\u003e\n                \u003cp class=\"homopia-subtext\"\u003eSimply submerge in your sink or veggie basket. One press starts the \u003cspan class=\"homopia-highlight\"\u003erapid natural disinfection process\u003c\/span\u003e instantly.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- STEP-BY-STEP SECTION --\u003e\n    \u003cdiv class=\"homopia-steps-section\"\u003e\n        \u003ch2 class=\"homopia-headline\"\u003eThe Perfect Prep Steps\u003c\/h2\u003e\n        \u003cp class=\"homopia-subtext\"\u003eExperience effortless food purification from market to plate. Achieve ultimate hygiene perfection in seconds.\u003c\/p\u003e\n        \u003cdiv class=\"homopia-steps-container\" id=\"homopia-steps\"\u003e\n            \u003cdiv class=\"homopia-step\"\u003e\n                \u003cdiv class=\"homopia-step-number\"\u003e1\u003c\/div\u003e\n                \u003cdiv class=\"homopia-step-text\"\u003eFill Sink\/Basket\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"homopia-step\"\u003e\n                \u003cdiv class=\"homopia-step-number\"\u003e2\u003c\/div\u003e\n                \u003cdiv class=\"homopia-step-text\"\u003ePress Start Button\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"homopia-step\"\u003e\n                \u003cdiv class=\"homopia-step-number\"\u003e3\u003c\/div\u003e\n                \u003cdiv class=\"homopia-step-text\"\u003eSubmerge Purifier\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"homopia-step\"\u003e\n                \u003cdiv class=\"homopia-step-number\"\u003e4\u003c\/div\u003e\n                \u003cdiv class=\"homopia-step-text\"\u003eWait for Cycle\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"homopia-step\"\u003e\n                \u003cdiv class=\"homopia-step-number\"\u003e5\u003c\/div\u003e\n                \u003cdiv class=\"homopia-step-text\"\u003eEnjoy Clean Food\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- TABLE SECTION --\u003e\n    \u003cdiv class=\"homopia-table-wrapper\"\u003e\n        \u003ch2 class=\"homopia-table-title\"\u003eWhy Kitchens Trust Homopia?\u003c\/h2\u003e\n        \u003cdiv class=\"homopia-table-container\"\u003e\n            \u003ctable class=\"homopia-table\"\u003e\n                \u003cthead\u003e\n                    \u003ctr\u003e\n                        \u003cth\u003eFeature\u003c\/th\u003e\n                        \u003cth\u003eWIRELESS PURIFIER POD™\u003c\/th\u003e\n                        \u003cth\u003eStandard Washing\u003c\/th\u003e\n                    \u003c\/tr\u003e\n                \u003c\/thead\u003e\n                \u003ctbody\u003e\n                    \u003ctr\u003e\n                        \u003ctd\u003eCleaning\u003c\/td\u003e\n                        \u003ctd\u003e\n\u003cspan class=\"homopia-icon-check\"\u003e✓\u003c\/span\u003e Hydroxyl Ion Technology\u003c\/td\u003e\n                        \u003ctd\u003eBasic Tap Water\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd\u003eEfficiency\u003c\/td\u003e\n                        \u003ctd\u003e\n\u003cspan class=\"homopia-icon-check\"\u003e✓\u003c\/span\u003e Rapid Deep Disinfection\u003c\/td\u003e\n                        \u003ctd\u003eTime-Consuming Scrubbing\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd\u003ePower\u003c\/td\u003e\n                        \u003ctd\u003e\n\u003cspan class=\"homopia-icon-check\"\u003e✓\u003c\/span\u003e Wireless Contact Charging\u003c\/td\u003e\n                        \u003ctd\u003eN\/A\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd\u003eAesthetics\u003c\/td\u003e\n                        \u003ctd\u003e\n\u003cspan class=\"homopia-icon-check\"\u003e✓\u003c\/span\u003e Modern Portable Design\u003c\/td\u003e\n                        \u003ctd\u003eCluttered Sink\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                \u003c\/tbody\u003e\n            \u003c\/table\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- TECH SPECS (DESKTOP GRID \/ MOBILE CAROUSEL) --\u003e\n    \u003cdiv class=\"homopia-specs-wrapper\"\u003e\n        \u003ch2 class=\"homopia-headline\"\u003eCore Technical Specifications\u003c\/h2\u003e\n        \n        \u003cdiv class=\"homopia-carousel-viewport\" id=\"homopia-viewport\"\u003e\n            \u003cdiv class=\"homopia-carousel-track\"\u003e\n                \n                \u003cdiv class=\"homopia-badge is-popped\"\u003e\n                    \u003csvg class=\"homopia-badge-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                    \u003cdiv class=\"homopia-badge-text\"\u003e\n                        \u003cstrong\u003eMaterial\u003c\/strong\u003e\n                        Premium Food-Grade ABS\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"homopia-badge\"\u003e\n                    \u003csvg class=\"homopia-badge-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpolygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\n                    \u003cdiv class=\"homopia-badge-text\"\u003e\n                        \u003cstrong\u003eTechnology\u003c\/strong\u003e\n                        Advanced Hydroxyl Ion\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"homopia-badge\"\u003e\n                    \u003csvg class=\"homopia-badge-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M18.36 6.64a9 9 0 1 1-12.73 0\"\u003e\u003c\/path\u003e\u003cline x1=\"12\" y1=\"2\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n                    \u003cdiv class=\"homopia-badge-text\"\u003e\n                        \u003cstrong\u003ePower\u003c\/strong\u003e\n                        8W Rated, 5V Voltage\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"homopia-badge\"\u003e\n                    \u003csvg class=\"homopia-badge-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003crect x=\"2\" y=\"7\" width=\"20\" height=\"10\" rx=\"2\" ry=\"2\"\u003e\u003c\/rect\u003e\u003cline x1=\"22\" y1=\"11\" x2=\"22\" y2=\"13\"\u003e\u003c\/line\u003e\u003crect x=\"6\" y=\"10\" width=\"12\" height=\"4\"\u003e\u003c\/rect\u003e\u003c\/svg\u003e\n                    \u003cdiv class=\"homopia-badge-text\"\u003e\n                        \u003cstrong\u003eBattery\u003c\/strong\u003e\n                        ≥ 24 uses per charge\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"homopia-badge\"\u003e\n                    \u003csvg class=\"homopia-badge-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\u003cline x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n                    \u003cdiv class=\"homopia-badge-text\"\u003e\n                        \u003cstrong\u003eBox Contents\u003c\/strong\u003e\n                        Pod, Base, Cable \u0026amp; Manual\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- CTA --\u003e\n    \u003cdiv class=\"homopia-cta-container\"\u003e\n        \u003cp class=\"homopia-headline\" style=\"font-size: clamp(24px, 3vw, 32px);\"\u003eTransform your daily healthy routine.\u003cbr\u003eSecure your exclusive Homopia purifier today.\u003c\/p\u003e\n        \u003cbutton class=\"homopia-btn-primary\" onclick=\"homopiaSmoothScrollToTop(1200); return false;\"\u003e\n            Shop Now\n        \u003c\/button\u003e\n    \u003c\/div\u003e\n\n    \u003cscript\u003e\n        \/\/ Smooth Scroll\n        function homopiaSmoothScrollToTop(duration) {\n            const startPosition = window.pageYOffset;\n            const startTime = performance.now();\n\n            function easeOutQuart(t) {\n                return 1 - Math.pow(1 - t, 4);\n            }\n\n            function scrollAnimation(currentTime) {\n                const timeElapsed = currentTime - startTime;\n                let progress = timeElapsed \/ duration;\n                if (progress \u003e 1) progress = 1;\n\n                const ease = easeOutQuart(progress);\n                window.scrollTo(0, startPosition * (1 - ease));\n\n                if (progress \u003c 1) {\n                    requestAnimationFrame(scrollAnimation);\n                }\n            }\n            requestAnimationFrame(scrollAnimation);\n        }\n\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            \/\/ === FORCE VIDEO AUTOPLAY (ANTI-SHOPIFY PAUSE) ===\n            const homopiaVideos = document.querySelectorAll('.homopia-auto-video');\n            \n            homopiaVideos.forEach(video =\u003e {\n                \/\/ Força o play inicial\n                let playPromise = video.play();\n                if (playPromise !== undefined) {\n                    playPromise.catch(() =\u003e {});\n                }\n\n                \/\/ Ouve o evento de pause e contraria imediatamente\n                video.addEventListener('pause', () =\u003e {\n                    let forcePlay = video.play();\n                    if (forcePlay !== undefined) {\n                        forcePlay.catch(() =\u003e {});\n                    }\n                });\n            });\n\n            \/\/ Lógica do Step-by-Step\n            const steps = document.querySelectorAll('.homopia-step');\n            if (steps.length \u003e 0) {\n                let currentStep = 0;\n                setInterval(() =\u003e {\n                    steps.forEach(s =\u003e s.classList.remove('is-active'));\n                    steps[currentStep].classList.add('is-active');\n                    currentStep = (currentStep + 1) % steps.length;\n                }, 1500);\n            }\n\n            \/\/ Mobile Carousel Specs\n            if (window.innerWidth \u003c 768) {\n                const viewport = document.getElementById('homopia-viewport');\n                const badges = document.querySelectorAll('.homopia-badge');\n                if (viewport \u0026\u0026 badges.length \u003e 0) {\n                    let badgeIndex = 0;\n                    let autoPlayBadge;\n\n                    const observer = new IntersectionObserver((entries) =\u003e {\n                        entries.forEach(entry =\u003e {\n                            if (entry.isIntersecting \u0026\u0026 entry.intersectionRatio \u003e 0.5) {\n                                badges.forEach(b =\u003e b.classList.remove('is-popped'));\n                                entry.target.classList.add('is-popped');\n                                badgeIndex = Array.from(badges).indexOf(entry.target);\n                            }\n                        });\n                    }, { root: viewport, threshold: 0.6 });\n\n                    badges.forEach(badge =\u003e observer.observe(badge));\n\n                    const startAutoBadge = () =\u003e {\n                        autoPlayBadge = setInterval(() =\u003e {\n                            badgeIndex = (badgeIndex + 1) % badges.length;\n                            const targetBadge = badges[badgeIndex];\n                            const scrollTargetX = targetBadge.offsetLeft - (viewport.clientWidth \/ 2) + (targetBadge.clientWidth \/ 2);\n                            viewport.scrollTo({\n                                left: scrollTargetX,\n                                behavior: 'smooth'\n                            });\n                        }, 3000);\n                    };\n\n                    startAutoBadge();\n\n                    viewport.addEventListener('touchstart', () =\u003e clearInterval(autoPlayBadge), { passive: true });\n                    viewport.addEventListener('mousedown', () =\u003e clearInterval(autoPlayBadge), { passive: true });\n                }\n            }\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Homopia","offers":[{"title":"Blue","offer_id":57221541953913,"sku":"14:173;200007763:201336105","price":24.97,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0998\/1535\/8841\/files\/PDP_1_36b0209f-0df6-4851-82e6-8851c9517361.webp?v=1778066817"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0998\/1535\/8841\/collections\/PDP_1_36b0209f-0df6-4851-82e6-8851c9517361.webp?v=1778067599","url":"https:\/\/homopia.com\/collections\/clean-eats.oembed","provider":"Homopia","version":"1.0","type":"link"}