{"product_id":"electric-smart-spice-mill™","title":"Electric Smart Spice Mill™","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        }\n\n        .homopia-media-wrapper img {\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        }\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; \/* Reset nativo *\/\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; \/* Retângulo fantasma removido rigorosamente *\/\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            }\n            .homopia-badge {\n                width: 100%;\n                opacity: 1;\n                transform: none;\n                box-shadow: 0 15px 30px rgba(13, 27, 42, 0.15); \/* Sombra elegante apenas no desktop *\/\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 --\u003e\n    \u003cdiv class=\"homopia-grid-section\"\u003e\n        \u003ch2 class=\"homopia-headline homopia-mobile-title\"\u003eEffortless Precision Seasoning\u003c\/h2\u003e\n        \u003cdiv class=\"homopia-media-wrapper\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0998\/1535\/8841\/files\/1.webp?v=1777806856\" alt=\"Effortless Precision Seasoning\" fetchpriority=\"high\" decoding=\"async\"\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"homopia-text-content\"\u003e\n            \u003ch2 class=\"homopia-headline homopia-desktop-title\"\u003eEffortless Precision Seasoning\u003c\/h2\u003e\n            \u003cdiv class=\"homopia-frosted-card\"\u003e\n                \u003cp class=\"homopia-subtext\"\u003eInstantly elevate meals with \u003cspan class=\"homopia-highlight\"\u003eone-touch grinding\u003c\/span\u003e. Perfectly upgrades your \u003cspan class=\"homopia-highlight\"\u003emodern British kitchen\u003c\/span\u003e aesthetic.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- SECTION 2 --\u003e\n    \u003cdiv class=\"homopia-grid-section\"\u003e\n        \u003ch2 class=\"homopia-headline homopia-mobile-title\"\u003eIntelligent Kitchen Design\u003c\/h2\u003e\n        \u003cdiv class=\"homopia-media-wrapper\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0998\/1535\/8841\/files\/2.webp?v=1777806856\" alt=\"Intelligent Kitchen Design\" loading=\"lazy\" decoding=\"async\"\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"homopia-text-content\"\u003e\n            \u003ch2 class=\"homopia-headline homopia-desktop-title\"\u003eIntelligent Kitchen Design\u003c\/h2\u003e\n            \u003cdiv class=\"homopia-frosted-card\"\u003e\n                \u003cp class=\"homopia-subtext\"\u003eFeatures an \u003cspan class=\"homopia-highlight\"\u003eadjustable ceramic core\u003c\/span\u003e and \u003cspan class=\"homopia-highlight\"\u003eintegrated LED\u003c\/span\u003e. Say goodbye to messy manual twisting.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- SECTION 3 --\u003e\n    \u003cdiv class=\"homopia-grid-section\"\u003e\n        \u003ch2 class=\"homopia-headline homopia-mobile-title\"\u003eSeamless Type-C 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\/S609de71a03a0443da358d0b8830da9f4a.webp?v=1777797421\" alt=\"Seamless Type-C 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\"\u003eSeamless Type-C Charging\u003c\/h2\u003e\n            \u003cdiv class=\"homopia-frosted-card\"\u003e\n                \u003cp class=\"homopia-subtext\"\u003eThe sleek \u003cspan class=\"homopia-highlight\"\u003eUSB-C pedestal\u003c\/span\u003e ensures \u003cspan class=\"homopia-highlight\"\u003econtinuous power\u003c\/span\u003e. Eliminates the need for \u003cspan class=\"homopia-highlight\"\u003edisposable batteries\u003c\/span\u003e entirely.\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 Grind\u003c\/h2\u003e\n        \u003cp class=\"homopia-subtext\"\u003eFrom pantry to plate 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\"\u003eOpen Mill\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\"\u003eFill Spices\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\"\u003eClose \u0026amp; Lock\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\"\u003ePress Button\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 Your Meal\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\u003eSMART SPICE MILL™\u003c\/th\u003e\n                        \u003cth\u003eStandard Mills\u003c\/th\u003e\n                    \u003c\/tr\u003e\n                \u003c\/thead\u003e\n                \u003ctbody\u003e\n                    \u003ctr\u003e\n                        \u003ctd\u003eOperation\u003c\/td\u003e\n                        \u003ctd\u003e\n\u003cspan class=\"homopia-icon-check\"\u003e✓\u003c\/span\u003e Automatic\u003c\/td\u003e\n                        \u003ctd\u003eManual\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd\u003ePower Source\u003c\/td\u003e\n                        \u003ctd\u003e\n\u003cspan class=\"homopia-icon-check\"\u003e✓\u003c\/span\u003e Type-C Base\u003c\/td\u003e\n                        \u003ctd\u003eAA Batteries\u003c\/td\u003e\n                    \u003c\/tr\u003e\n                    \u003ctr\u003e\n                        \u003ctd\u003eMechanism\u003c\/td\u003e\n                        \u003ctd\u003e\n\u003cspan class=\"homopia-icon-check\"\u003e✓\u003c\/span\u003e Ceramic Core\u003c\/td\u003e\n                        \u003ctd\u003ePlastic\/Metal\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 Minimalist\u003c\/td\u003e\n                        \u003ctd\u003eOutdated\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\"\u003eTechnical 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 ABS \u0026amp; Acrylic\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\u003ccircle cx=\"12\" cy=\"12\" r=\"3\"\u003e\u003c\/circle\u003e\u003cpath d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                    \u003cdiv class=\"homopia-badge-text\"\u003e\n                        \u003cstrong\u003eMechanism\u003c\/strong\u003e\n                        High-Durability Ceramic\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\u003eInterface\u003c\/strong\u003e\n                        USB-C Rechargeable Base\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\u003cellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"\u003e\u003c\/ellipse\u003e\u003cpath d=\"M21 5v14c0 1.66-4 3-9 3s-9-1.34-9-3V5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                    \u003cdiv class=\"homopia-badge-text\"\u003e\n                        \u003cstrong\u003eCapacity\u003c\/strong\u003e\n                        95ml \/ 110ml Options\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\u003cline x1=\"4\" y1=\"21\" x2=\"4\" y2=\"14\"\u003e\u003c\/line\u003e\u003cline x1=\"4\" y1=\"10\" x2=\"4\" y2=\"3\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" y1=\"21\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" y1=\"8\" x2=\"12\" y2=\"3\"\u003e\u003c\/line\u003e\u003cline x1=\"20\" y1=\"21\" x2=\"20\" y2=\"16\"\u003e\u003c\/line\u003e\u003cline x1=\"20\" y1=\"12\" x2=\"20\" y2=\"3\"\u003e\u003c\/line\u003e\u003cline x1=\"1\" y1=\"14\" x2=\"7\" y2=\"14\"\u003e\u003c\/line\u003e\u003cline x1=\"9\" y1=\"8\" x2=\"15\" y2=\"8\"\u003e\u003c\/line\u003e\u003cline x1=\"17\" y1=\"16\" x2=\"23\" y2=\"16\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n                    \u003cdiv class=\"homopia-badge-text\"\u003e\n                        \u003cstrong\u003eFeatures\u003c\/strong\u003e\n                        Adjustable Coarseness \u0026amp; LED\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 everyday dining experience.\u003cbr\u003eSecure your set 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        \/\/ Animação de Scroll Suave Premium (Ease-Out-Quart)\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            \/\/ 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            \/\/ Lógica Exclusiva para o Mobile Carousel\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":"Style A - 1 Pcs","offer_id":57201120772473,"sku":"14:200006151#Style A single piece","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"Style B - 2 Pcs","offer_id":57201120739705,"sku":"14:200006152#Style B two pieces","price":54.99,"currency_code":"GBP","in_stock":true},{"title":"Style C - 1 Pcs","offer_id":57201120706937,"sku":"14:200006153#Style C single piece","price":29.99,"currency_code":"GBP","in_stock":true},{"title":"Style D - 2 Pcs","offer_id":57201120674169,"sku":"14:200006154#Style D two pieces","price":54.99,"currency_code":"GBP","in_stock":true},{"title":"Style E - 1 Pcs","offer_id":57201120903545,"sku":"14:200006156#Style E single piece","price":34.97,"currency_code":"GBP","in_stock":true},{"title":"Style F - 2 Pcs","offer_id":57201120870777,"sku":"14:200004889#Style F two pieces","price":57.97,"currency_code":"GBP","in_stock":true},{"title":"Style G - 2 Pcs","offer_id":57201120805241,"sku":"14:200004890#style G","price":57.97,"currency_code":"GBP","in_stock":true},{"title":"Style H - 2 Pcs","offer_id":57201120838009,"sku":"14:200005536#style G two-color","price":59.95,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0998\/1535\/8841\/files\/B.webp?v=1777805611","url":"https:\/\/homopia.com\/products\/electric-smart-spice-mill%e2%84%a2","provider":"Homopia","version":"1.0","type":"link"}