{"product_id":"waterdrop-c1s-countertop-corero-system","title":"Waterdrop C1S Countertop CoreRO System","description":"\u003cdiv class=\"get-certified-info\"\u003e\n\u003cspan\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"get-product-feature\"\u003eWaterdrop C1S Countertop CoreRO System\u003c\/h2\u003e\n\u003cstyle\u003e\n    .wd-product-background-swiper-video-mobile {\n        display: none;\n    }\n\n    .wd-product-background-swiper-video-pc {\n        display: block;\n    }\n\n    video {\n        border-radius: 16px;\n    }\n\n    .overview-item-wide-swiper {\n        position: relative;\n        z-index: 0;\n        display: flex;\n        flex-direction: column;\n    }\n\n    .overview-item-wide-swiper-menu {\n        width: 100%;\n    }\n\n    .overview-item-wide-swiper-menu::-webkit-scrollbar {\n        display: none;\n    }\n\n    .overview-item-wide-swiper-menu-items {\n        width: auto;\n        display: flex;\n        column-gap: 20px;\n        justify-content: center;\n        padding-bottom: 24px;\n    }\n\n\n    .overview-item-wide-swiper-menu-item {\n        font-family: 'Poppins-Regular';\n        font-weight: 400;\n        font-size: 15px;\n        line-height: 150%;\n        color: #999999;\n        position: relative;\n        z-index: 1;\n        cursor: pointer;\n        padding: 15px;\n        height: 48px;\n    }\n\n    .overview-item-wide-swiper-menu-item-active {\n        color: #fff;\n        background-color: #111111;\n        border-radius: 48px;\n    }\n\n    .wd-product-swiper-button-next,\n    .wd-product-swiper-button-prev {\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        z-index: 1;\n    }\n\n    .wd-product-a1-swiper-button-next,\n    .wd-product-a1-swiper-button-prev {\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        z-index: 1;\n    }\n\n    .wd-product-a1-swiper-button-next {\n        right: 28px;\n    }\n\n    .wd-product-a1-swiper-button-prev {\n        left: 28px;\n    }\n\n    .wd-product-swiper-button-normal {\n        top: 50% !important;\n        transform: translateY(-50%) !important;\n    }\n\n    .wd-product-swiper-button-next {\n        right: 28px;\n    }\n\n    .wd-product-swiper-button-prev {\n        left: 28px;\n    }\n\n    .swiper-box {\n        position: relative;\n    }\n\n    .wd-product-compare-add-to-cart {\n        width: 110px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        height: 30px;\n        color: #FFF;\n        font-family: Poppins;\n        font-size: 12px;\n        font-style: normal;\n        font-weight: 400;\n        line-height: 18px;\n        background-color: #00549c;\n        border-radius: 30px;\n        margin-top: 12px;\n        margin: 0 auto;\n        cursor: pointer;\n    }\n\n    #compares .trustpilot-widget {\n        max-width: 176px;\n        margin: 0 auto;\n    }\n\n    @media screen and (max-width:1150px) {\n        .overview-item-wide-swiper-menu-items {\n            column-gap: 0;\n        }\n\n        .overview-item-wide-swiper-menu-item {\n            padding: 12px;\n        }\n    }\n\n    @media screen and (max-width:1024px) {\n        .overview-item-wide-swiper {\n            flex-direction: column-reverse;\n        }\n\n        .overview-item-wide-swiper-menu-items {\n            flex-direction: column;\n            row-gap: 10px;\n            align-items: center;\n        }\n\n        .overview-item-wide-swiper-menu-item {\n            width: calc(100% - 100px);\n            text-align: center;\n        }\n\n        .overview-item-wide-swiper-menu {\n            padding: 20px;\n        }\n\n\n\n        .wd-product-swiper-button-next {\n            right: calc(5.33% + 30px);\n        }\n\n        .wd-product-swiper-button-prev {\n            left: calc(5.33% + 30px);\n        }\n\n        .wd-product-a1-swiper-button-next {\n            right: calc(5.33% + 30px);\n        }\n\n        .wd-product-a1-swiper-button-prev {\n            left: calc(5.33% + 30px);\n        }\n\n    }\n\n    @media screen and (max-width:768px) {\n        .wd-product-background-swiper-video-mobile {\n            display: block;\n        }\n\n        \/* .wd-product-background-swiper-video-pc {\n            display: none;\n        } *\/\n\n        .wd-product-swiper-button-next svg,\n        .wd-product-swiper-button-prev svg {\n            width: 17px;\n            display: block;\n            height: 26px;\n        }\n\n        .wd-product-swiper-button-next {\n            right: 16px;\n        }\n\n        .wd-product-swiper-button-prev {\n            left: 16px;\n        }\n\n        .wd-product-a1-swiper-button-next {\n            right: 16px;\n        }\n\n        .wd-product-a1-swiper-button-prev {\n            left: 16px;\n        }\n\n        .overview-item-wide-swiper {\n            flex-direction: column-reverse;\n        }\n\n        .overview-item-wide-swiper-menu {\n            top: 0.66vw;\n        }\n\n        .overview-item-wide-swiper-menu-item {\n            font-size: 13px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 100%;\n            border-radius: 60px;\n            border: 1px solid #999;\n        }\n\n        .overview-item-wide-swiper-menu-item-active {\n            border: 1px solid #111;\n        }\n\n    }\n\u003c\/style\u003e\n\u003c!-- media attention start  --\u003e\n\u003cstyle\u003e\n    .wd-v2-index-media-all {\n        margin: 80px 0;\n    }\n\n    .wd-v2-index-media-content {\n        max-width: 1440px;\n        width: 100%;\n        margin: 24px auto 24px;\n        height: 128px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n    }\n\n    .wd-v2-index-media-content div {\n        display: none;\n        padding: 0 50px;\n        text-align: center;\n        font-family: Poppins-regular;\n        font-size: 24px;\n        color: #292929;\n        line-height: 150%;\n\n    }\n\n    .wd-v2-index-media-content div a {\n        font-family: Poppins-medium;\n        font-size: 24px;\n        color: #00549c;\n        line-height: 150%;\n        text-decoration: underline;\n    }\n\n    .wd-v2-index-media-content div:first-child {\n        display: block;\n    }\n\n    .wd-v2-index-media-title {\n        text-align: center;\n        font-family: Poppins-SemiBold;\n        font-size: 32px;\n        color: #000;\n        line-height: 180%;\n    }\n\u003c\/style\u003e\n\u003c!-- \/* media attention end *\/ --\u003e\n\u003cstyle\u003e\n            .wd-new-year-launch-content {\n                display: block;\n                max-width: 1440px;\n                padding: 80px 50px;\n                margin: 0 auto;\n            }\n\n            .wd-new-year-launch-content-info {\n                padding: 32px 80px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                column-gap: 190px;\n                border-radius: 0px 0px 24px 24px;\n                background: linear-gradient(94deg, #F2EDEA 3.49%, #EBE3E0 100.71%);\n                position: relative;\n                display: none;\n            }\n\n            .wd-new-year-launch-content-svg1 {\n                position: absolute;\n                display: block;\n                width: 24px;\n                top: 127px;\n                left: 46.2%;\n            }\n\n            .wd-new-year-launch-content-svg2 {\n                position: absolute;\n                display: block;\n                width: 34px;\n                top: 19px;\n                right: 7.2%;\n            }\n\n            .wd-new-year-launch-content-svg3 {\n                position: absolute;\n                display: block;\n                width: 139px;\n                bottom: 0;\n                left: 41.56%;\n            }\n\n            .wd-new-year-launch-content-des-title {\n                display: flex;\n                align-items: center;\n                column-gap: 12px;\n                color: var(--111111, #111);\n                font-family: Poppins;\n                font-size: 20px;\n                font-style: normal;\n                font-weight: 600;\n                line-height: 125%;\n                margin-bottom: 8px;\n            }\n\n            .wd-new-year-launch-content-des-title img {\n                display: block;\n                width: 28px;\n            }\n\n            .wd-new-year-launch-content-des-text {\n                color: var(--666666, #666);\n                font-family: Poppins;\n                font-size: 14px;\n                font-style: normal;\n                font-weight: 400;\n                line-height: 150%;\n                margin-bottom: 24px;\n            }\n\n            .wd-new-year-launch-content-des-text:last-child {\n                margin-bottom: 0;\n            }\n\n            .wd-new-year-launch-content-des {\n                max-width: 510px;\n            }\n\n            .wd-new-year-launch-content-form {\n                max-width: 480px;\n                border-radius: 24px;\n            }\n\n            .wd-new-year-launch-content-form img {\n                width: 100%;\n                height: auto;\n            }\n\n\n            .wd-new-year-launch-content-des-text span {\n                wcolor: var(--111111, #111);\n                font-family: Poppins;\n                font-size: 14px;\n                font-style: italic;\n                font-weight: 500;\n                line-height: 150%;\n            }\n\n            .wd-new-year-launch-content-banner {\n                background-image: url(https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-new-year-page-2024-content-banner-pc.png?v=1703813541);\n                background-size: cover;\n                background-position: center;\n                background-repeat: no-repeat;\n                height: 360px;\n                padding: 80px;\n                border-radius: 24px 24px 0 0;\n                margin-bottom: 16px;\n                margin-bottom: 0;\n            }\n\n            .wd-new-year-launch-content-banner-title {\n                color: var(--111111, #111);\n                font-family: 'poppins-semiBold';\n                font-size: 28px;\n                font-style: normal;\n                font-weight: 600;\n                line-height: 125%;\n                margin-bottom: 12px;\n            }\n\n            .wd-new-year-launch-content-banner-info {\n                color: var(--blue-, #036AFF);\n                font-family: 'poppins-semiBold';\n                font-size: 24px;\n                font-style: normal;\n                font-weight: 600;\n                line-height: 125%;\n                margin-bottom: 12px;\n            }\n\n            .wd-new-year-launch-content-banner-des {\n                color: var(--111111, #111);\n                font-family: 'poppins-semiBold';\n                font-size: 20px;\n                font-style: normal;\n                font-weight: 400;\n                line-height: 125%;\n                margin-bottom: 32px;\n            }\n\n            .wd-new-year-launch-content-banner-btns {\n                display: flex;\n                column-gap: 24px;\n                align-items: center;\n                display: none;\n            }\n\n            .wd-new-year-launch-content-banner-btn a {\n                display: block;\n                padding: 10px 24px;\n                border-radius: 20px;\n                background: var(--blue-, #036AFF);\n                height: 40px;\n                color: var(--FFFFFF, #FFF);\n                text-align: center;\n                font-family: Poppins;\n                font-size: 16px;\n                font-style: normal;\n                font-weight: 400;\n                line-height: 20px;\n            }\n\n            .wd-new-year-launch-content-banner-btn a:hover {\n                background: #2B8BFF;\n            }\n\n            .wd-new-year-launch-content-banner-btn span {\n                color: var(--FFFFFF, #FFF);\n                font-family: Poppins;\n                font-size: 12px;\n                font-style: italic;\n                font-weight: 400;\n                line-height: 20px;\n            }\n\n            @media screen and (max-width:1440px) {\n                .wd-new-year-launch-content-info {\n                    column-gap: 90px;\n                }\n            }\n\n            @media screen and (max-width:1024px) {\n                .wd-new-year-launch-content-banner {\n                    background-image: url(https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-new-year-page-2024-content-banner-pad.png?v=1703813541);\n                    height: 332px;\n                    padding: 64px 40px;\n                }\n\n                .wd-new-year-launch-content-info {\n                    padding: 40px;\n                    flex-direction: column;\n                    row-gap: 40px;\n                }\n\n                .wd-new-year-launch-content-des {\n                    max-width: 100%;\n                    width: 100%;\n                }\n\n                .wd-new-year-launch-content-form {\n                    max-width: 100%;\n                    width: 100%;\n                }\n\n                .wd-new-year-launch-content-des-title {\n                    font-size: 18px;\n                }\n\n                .wd-new-year-launch-content-des-text {\n                    margin-bottom: 16px;\n                }\n\n                .wd-new-year-launch-content-svg1 {\n                    top: 41px;\n                    left: 76.7%;\n                }\n\n                .wd-new-year-launch-content-svg2 {\n                    top: 206px;\n                    right: 45.4%;\n                }\n\n                .wd-new-year-launch-content-svg3 {\n                    bottom: 352px;\n                    left: 435px;\n                }\n\n                .wd-new-year-launch-content {\n                    padding: 80px 34px;\n                }\n\n                .wd-new-year-launch-content-banner-title {\n                    font-size: 22px;\n                    margin-bottom: 12px;\n                }\n\n                .wd-new-year-launch-content-banner-info {\n                    font-size: 20px;\n                    margin-bottom: 12px;\n                }\n\n                .wd-new-year-launch-content-banner-des {\n                    font-size: 16px;\n                    margin-bottom: 24px;\n                }\n\n                .wd-new-year-launch-content-banner-btns {\n                    column-gap: 16px;\n                }\n\n            }\n\n            .wd-1106-video-pc {\n                display: block;\n            }\n\n            .wd-1106-video-mobile {\n                display: none;\n            }\n\n            @media screen and (max-width:767px) {\n                .wd-1106-video-pc {\n                    display: none;\n                }\n\n                #productOverview .blocks-item-opposite.blocks-item-opposite-reverse {\n                    flex-direction: column-reverse;\n                }\n\n                .wd-1106-video-mobile {\n                    display: block;\n                }\n\n                .wd-new-year-launch-content-banner-title {\n                    font-size: 24px;\n                    margin-bottom: 8px;\n                }\n\n                .wd-new-year-launch-content-banner-info {\n                    font-size: 18px;\n                    margin-bottom: 8px;\n                }\n\n                .wd-new-year-launch-content-banner-des {\n                    font-size: 14px;\n                    margin-bottom: 24px;\n                }\n\n                .wd-new-year-launch-content-banner-btns {\n                    flex-direction: column;\n                    align-items: start;\n                    row-gap: 16px;\n                }\n\n                .wd-new-year-launch-content-banner-btn a {\n                    width: 179px;\n                }\n\n                .wd-new-year-launch-content-banner {\n                    background-image: url(https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-new-year-page-2024-content-banner-mobile.png?v=1703813541);\n                    height: calc(((100vw - 32px) * 500) \/ 343);\n                    padding: 40px 24px;\n                    border-radius: 16px 16px 0 0;\n                }\n\n                .wd-new-year-launch-content {\n                    padding: 40px 16px;\n                }\n\n                .wd-new-year-launch-content-info {\n                    padding: 20px 16px;\n                    row-gap: 24px;\n                    border-radius: 0 0 16px 16px;\n                }\n\n                .wd-new-year-launch-content-des {\n                    width: calc(100% - 16px);\n                    margin: 0 auto;\n                }\n\n                .wd-new-year-launch-content-des-title img {\n                    width: 24px;\n                }\n\n                .wd-new-year-launch-content-des-title {\n                    column-gap: 8px;\n                    font-size: 16px;\n                }\n\n                .wd-new-year-launch-content-des-text {\n                    font-size: 12px;\n                    margin-bottom: 16px;\n                }\n\n                .wd-new-year-launch-content-form {\n                    padding: 20px 16px;\n                    border-radius: 16px;\n                }\n\n\n\n                .wd-new-year-launch-content-svg3 {\n                    bottom: 337px;\n                    left: auto;\n                    right: 4.8%;\n                    width: 98px;\n                }\n\n                .wd-new-year-launch-content-svg1 {\n                    top: 310px;\n                    left: 6.9%;\n                }\n\n                .wd-new-year-launch-content-svg2 {\n                    top: 21px;\n                    right: 27.2%;\n                }\n            }\n\n            @media screen and (max-width:532px) {\n                .wd-new-year-launch-content-svg3 {\n                    bottom: 355px;\n\n                }\n            }\n        \u003c\/style\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"overview-box\"\u003e\n\u003cdiv class=\"wd-new-year-launch-content\"\u003e\n\u003cdiv class=\"wd-new-year-launch-content-banner\"\u003e\n\u003cdiv class=\"wd-new-year-launch-content-banner-title\"\u003eWaterdrop CoreRO Systems Launch\u003c\/div\u003e\n\u003cdiv class=\"wd-new-year-launch-content-banner-info\"\u003eWorry-Free Trial | Up to 20% Off\u003c\/div\u003e\n\u003cdiv class=\"wd-new-year-launch-content-banner-des\"\u003eYour First Countertop RO Choice\u003c\/div\u003e\n\u003cdiv class=\"wd-new-year-launch-content-banner-btns\"\u003e\n\u003cdiv class=\"wd-new-year-launch-content-banner-btn\"\u003e\u003ca href=\"https:\/\/www.waterdropfilter.com\/products\/countertop-ro-system-corero-system-c1s?ref=newyearsale\"\u003e Buy C1S \u003cspan\u003eBasic\u003c\/span\u003e \u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"wd-new-year-launch-content-banner-btn\"\u003e\u003ca href=\"https:\/\/www.waterdropfilter.com\/products\/countertop-instant-hot-ro-system-corero-system-c1h?ref=newyearsale\"\u003e Buy C1H \u003cspan\u003eInstant Hot\u003c\/span\u003e \u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wd-new-year-launch-content-info\"\u003e\n\u003cdiv class=\"wd-new-year-launch-content-des\"\u003e\n\u003cdiv class=\"wd-new-year-launch-content-des-title\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0078\/6156\/7570\/files\/wd-new-year-svg-1.png?v=1703644694\" alt=\"Waterdrop CoreRO Systems Launch\"\u003e2X Points\u003c\/div\u003e\n\u003cdiv class=\"wd-new-year-launch-content-des-text\"\u003e2X Reward Points on CoreRO system purchases. Redeem your points for a 10% coupon, replacement filters, and more.\u003c\/div\u003e\n\u003cdiv class=\"wd-new-year-launch-content-des-title\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0078\/6156\/7570\/files\/wd-new-year-svg-2.png?v=1703644694\" alt=\"Waterdrop CoreRO Systems Launch\"\u003eGift with Purchase\u003c\/div\u003e\n\u003cdiv class=\"wd-new-year-launch-content-des-text\"\u003eReceive a 5% OFF coupon (exclusive for C1 replacement filter) with no expiration.\u003c\/div\u003e\n\u003cdiv class=\"wd-new-year-launch-content-des-text\"\u003e*The discount code will be sent via email within 3 days after the purchase of C1.\u003c\/div\u003e\n\u003cdiv class=\"wd-new-year-launch-content-des-title\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0078\/6156\/7570\/files\/wd-new-year-svg-1.png?v=1703644694\" alt=\"Waterdrop CoreRO Systems Launch\"\u003eWorry-Free Trial\u003c\/div\u003e\n\u003cdiv class=\"wd-new-year-launch-content-des-text\"\u003eExtended 60-Day Return Period\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wd-new-year-launch-content-form\"\u003e\n\u003cdiv class=\"wd-new-year-launch-content-form-des\"\u003e\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-c1s-product-info-img-pc.png?v=1705315014\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-c1s-product-info-img-mobile.png?v=1705315186\" media=\"(max-width: 767px)\"\u003e \u003cimg alt=\"wd-product-a1-overview\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-c1s-product-info-img-pc.png?v=1705315014\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg class=\"wd-new-year-launch-content-svg1\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0078\/6156\/7570\/files\/wd-new-year-svg-blue.png?v=1703644245\" alt=\"Waterdrop CoreRO Systems Launch\"\u003e \u003cimg class=\"wd-new-year-launch-content-svg2\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0078\/6156\/7570\/files\/wd-new-year-svg-yellow.png?v=1703644245\" alt=\"Waterdrop CoreRO Systems Launch\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"overview-item-wide\"\u003e\n\u003cdiv class=\"overview-item-wide-media\"\u003e\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-1106-c1s-kv-block-img-pc.jpg?v=1704355556\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-1106-c1s-kv-block-img-mobile.jpg?v=1704355556\" media=\"(max-width: 767px)\"\u003e \u003cimg alt=\"wd-product-a1-overview\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-1106-c1s-kv-block-img-pc.jpg?v=1704355556\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n            .wd-product-background-swiper4-btns {\n                position: relative;\n                width: 100%;\n                margin-bottom: 50px;\n                margin-top: 30px;\n            }\n\n            .wd-product-swiper-button-living-prev svg,\n            .wd-product-swiper-button-living-next svg {\n                width: 40px;\n                height: 40px;\n            }\n\n            .wd-product-background-swiper4-gird-imgs {\n                display: none;\n            }\n\n            @media screen and (max-width:767px) {\n                .wd-product-background-swiper4-gird-imgs {\n                    display: block;\n                }\n\n                .wd-product-background-swiper4-img-pc {\n                    display: none;\n                }\n            }\n\n            .wd-product-background-swiper4-btns .swiper-pagination.swiper-pagination-1106-swiper4 {\n                bottom: -10px !important;\n                width: 124px !important;\n                left: 50% !important;\n                transform: translate(-50%);\n                border: none\n            }\n\n            .wd-product-background-swiper4-btns .swiper-pagination-bullet-active {\n                border-color: #00549c !important;\n            }\n\n            .wd-product-background-swiper4-btns .swiper-pagination-bullet:after {\n                display: none;\n            }\n        \u003c\/style\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"overview-box\"\u003e\n\u003cdiv class=\"overview-item-wide\"\u003e\n\u003cdiv class=\"overview-item-wide-media wd-product-background-swiper4-img-pc\"\u003e\u003cimg alt=\"wd-product-a1-overview\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-1106-c1s-block-2-pc-img.jpg?v=1704355528\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"overview-item-wide-swiper\"\u003e\n\u003cdiv class=\"swiper-box wd-product-background-swiper4-gird-imgs\"\u003e\n\u003cdiv class=\"swiper wd-product-background-swiper4\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003cimg alt=\"wd-product-a1-overview\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-1106-c1s-block-2-mobile-img1.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003cimg alt=\"wd-product-a1-overview\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-1106-c1s-block-2-mobile-img2.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003cimg alt=\"wd-product-a1-overview\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-1106-c1s-block-2-mobile-img3.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003cimg alt=\"wd-product-a1-overview\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-1106-c1s-block-2-mobile-img4.jpg\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003cimg alt=\"wd-product-a1-overview\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-1106-c1s-block-2-mobile-img5.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wd-product-background-swiper4-btns\"\u003e\n\u003cdiv class=\"wd-product-swiper-button-next wd-product-swiper-button-living-next\"\u003e\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"41\" height=\"40\" viewbox=\"0 0 41 40\" fill=\"none\"\u003e\n                                \u003ccircle cx=\"20.5\" cy=\"20\" r=\"20\" fill=\"#E2E2E2\"\u003e\u003c\/circle\u003e\n                                \u003cpath d=\"M17.571 27.1426L24.6421 20.0715L17.571 13.0004\" stroke=\"#666666\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n                            \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"wd-product-swiper-button-prev wd-product-swiper-button-living-prev\"\u003e\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"41\" height=\"40\" viewbox=\"0 0 41 40\" fill=\"none\"\u003e\n                                \u003ccircle cx=\"20.5\" cy=\"20\" r=\"20\" fill=\"#E2E2E2\"\u003e\u003c\/circle\u003e\n                                \u003cpath d=\"M22.571 27.1426L15.5 20.0715L22.571 13.0004\" stroke=\"#666666\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n                            \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-pagination swiper-pagination-1106-swiper4\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n                    var wd_product_swiper4 = new Swiper(\".wd-product-background-swiper4\", {\n                        loop: true,\n                        navigation: {\n                            nextEl: \".wd-product-swiper-button-living-next\",\n                            prevEl: \".wd-product-swiper-button-living-prev\",\n                        },\n                        pagination: {\n                            clickable: true, el: '.swiper-pagination-1106-swiper4',\n                        },\n                        on: {\n\n\n                        }\n                    });\n\n                \u003c\/script\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n                .swiper-pagination-video-1106 .swiper-pagination-bullet:after {\n                    display: none;\n                }\n\n                .swiper-pagination-video-1106 .swiper-pagination-bullet {\n                    background-color: #000;\n                }\n\n\n                .swiper-pagination-video-1106 .swiper-pagination-bullet-active {\n                    width: 48px;\n                    height: 8px;\n                    border-radius: 10px;\n                    background-color: #999 !important;\n                    border: none;\n                    overflow: hidden;\n                }\n\n                #progressBar {\n                    transition: width 50ms linear;\n                    width: 0;\n                    height: 100%;\n                    background-color: #111;\n                    border-radius: 10px;\n                }\n\n                #resetButton,\n                #playPauseButton {\n                    position: absolute;\n                    left: 50%;\n                    bottom: 50%;\n                    transform: translate(-50%, 50%);\n                    z-index: 10000;\n                    width: 100px;\n                    height: 100px;\n                }\n\n                .wd-product-background-swiper3-title {\n                    color: var(--111111, #111);\n                    font-family: Poppins;\n                    font-size: 48px;\n                    font-style: normal;\n                    font-weight: 600;\n                    line-height: 125%;\n                    margin-bottom: 40px;\n                    margin-top: 110px;\n                    text-transform: capitalize;\n                }\n\n                .swiper-pagination.swiper-pagination-video-1106 {\n                    position: relative;\n                    margin-top: 40px;\n                    margin-bottom: 50px\n                }\n\n                @media screen and (max-width:767px) {\n                    .wd-product-background-swiper3-title {\n                        font-size: 24px;\n                        margin-bottom: 24px;\n                        margin-top: 80px;\n                    }\n\n                    .swiper-pagination.swiper-pagination-video-1106 {\n                        margin-top: 12px;\n                    }\n\n                    .resetButton,\n                    .playPauseButton {\n                        width: 50px;\n                        height: 50px;\n                    }\n\n                    .swiper-box .swiper-pagination.swiper-pagination-video-1106 {\n                        bottom: -10px !important;\n                        width: 0 !important;\n                        min-width: 90px;\n                        left: 50% !important;\n                        transform: translate(-50%);\n                        border: none\n                    }\n\n                    .overview-item-wide.overview-item-wide-swiper {\n                        flex-direction: column;\n                    }\n                }\n            \u003c\/style\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"overview-box\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"overview-item-wide overview-item-wide-swiper\"\u003e\n\u003cdiv class=\"wd-product-background-swiper3-title\"\u003eGet the highlights.\u003c\/div\u003e\n\u003cdiv class=\"swiper-box\"\u003e\n\u003cdiv class=\"swiper wd-product-background-swiper3\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide wd-product-background-swiper3-slide\"\u003e\u003cvideo class=\"wd-product-background-swiper-video-pc slide-video\" alt=\"wd-product-a1-overview\" muted=\"\" height=\"auto\" width=\"100%\"\u003e\n                                    \u003csource type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide wd-product-background-swiper3-slide\"\u003e\u003cvideo class=\"wd-product-background-swiper-video-pc slide-video\" alt=\"wd-product-a1-overview\" muted=\"\" height=\"auto\" width=\"100%\"\u003e\n                                    \u003csource type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide wd-product-background-swiper3-slide\"\u003e\u003cvideo class=\"wd-product-background-swiper-video-pc slide-video\" alt=\"wd-product-a1-overview\" muted=\"\" height=\"auto\" width=\"100%\"\u003e\n                                    \u003csource type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton id=\"resetButton\" style=\"display: none;\"\u003e \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100\" height=\"100\" viewbox=\"0 0 100 100\" fill=\"none\"\u003e\n                                \u003ccircle cx=\"50\" cy=\"50\" r=\"50\" fill=\"black\" fill-opacity=\"0.12\"\u003e\u003c\/circle\u003e\n                                \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M55.0145 17.5366C56.9277 16.432 59.374 17.0875 60.4786 19.0007L66.9672 30.2392L66.9809 30.2627C67.0877 30.4478 67.1781 30.6378 67.2524 30.8312C67.9472 32.6367 67.2452 34.7295 65.517 35.7274C65.4971 35.7388 65.4772 35.7501 65.4573 35.7612L54.2565 42.2279C52.3433 43.3325 49.897 42.677 48.7924 40.7638C47.6878 38.8507 48.3433 36.4043 50.2565 35.2997L53.9373 33.1746C51.1745 32.5556 48.2902 32.5937 45.5209 33.3049C41.7842 34.2645 38.4545 36.3989 36.0223 39.3936C33.59 42.3882 32.1839 46.0848 32.011 49.9389C31.838 53.793 32.9074 57.6007 35.0617 60.8011C37.2159 64.0016 40.3411 66.4256 43.9768 67.716C47.6125 69.0065 51.5666 69.0951 55.2565 67.969C58.9464 66.8428 62.177 64.5613 64.4726 61.4607C66.7248 58.4185 67.96 54.7457 68.0058 50.9646C68.0019 50.8922 68 50.8194 68 50.7461C68 48.5369 69.7908 46.7461 72 46.7461C74.2091 46.7461 76 48.5369 76 50.7461L76 50.7461C76 53.4797 75.5692 56.1778 74.7386 58.7461C73.8768 61.4113 72.5845 63.9366 70.8965 66.2165C67.5821 70.6935 62.9174 73.9876 57.5897 75.6137C52.2619 77.2397 46.5528 77.1117 41.3033 75.2485C36.0538 73.3852 31.5414 69.8853 28.431 65.2643C25.3205 60.6432 23.7764 55.1454 24.0261 49.5806C24.2758 44.0159 26.3061 38.6784 29.818 34.3545C33.3298 30.0306 38.1374 26.9489 43.5327 25.5633C46.2803 24.8577 49.1063 24.6109 51.8999 24.8156C52.8782 24.8873 53.8525 25.0143 54.8181 25.1964L53.5504 23.0007C52.4458 21.0875 53.1013 18.6411 55.0145 17.5366Z\" fill=\"white\"\u003e\u003c\/path\u003e\n                            \u003c\/svg\u003e \u003c\/button\u003e \u003cbutton style=\"display: none;\" id=\"playPauseButton\"\u003e \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100\" height=\"100\" viewbox=\"0 0 100 100\" fill=\"none\"\u003e\n                                \u003ccircle cx=\"50\" cy=\"50\" r=\"50\" fill=\"black\" fill-opacity=\"0.12\"\u003e\u003c\/circle\u003e\n                                \u003crect x=\"33\" y=\"28\" width=\"10\" height=\"44\" rx=\"5\" fill=\"white\"\u003e\u003c\/rect\u003e\n                                \u003crect x=\"57\" y=\"28\" width=\"10\" height=\"44\" rx=\"5\" fill=\"white\"\u003e\u003c\/rect\u003e\n                            \u003c\/svg\u003e \u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-pagination swiper-pagination-video-1106\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n\n                    let pcVideoUrls = [\n                        \"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/35090672f69b44e5aa36685f0cd8f4f1.mp4\",\n                        \"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/89087550f48a4bc1b704ba7c368a63f8.mp4\",\n                        \"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/540e9b2cbf14457390b6d00759db3047.mp4\",\n                    ];\n                    let mobileVideoUrls = [\n                        \"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/e98946e81bb2423988f53fb08f106fad.mp4\",\n                        \"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/96dd0a9f97ae4c03b7be7839d17b76f6.mp4\",\n                        \"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/bd631f677b2f475dada1ea09cefad962.mp4\",\n                    ];\n\n                    function updateVideoSourceForSlides() {\n                        $('.wd-product-background-swiper3-slide').each(function (index) {\n                            let videoElement = $(this).find('.slide-video');\n                            let selectedSrc = $(window).width() \u003c 768 ? mobileVideoUrls[index] : pcVideoUrls[index];\n\n                            videoElement.find('source').attr('src', selectedSrc);\n                            videoElement[0].load();\n                        });\n                        $('.wd-product-background-swiper3-slide').first().find('.slide-video').get(0).play();\n                    }\n\n\n\n\n                    let wd_product_swiper3 = new Swiper(\".wd-product-background-swiper3\", {\n                        loop: false,\n                        allowTouchMove: false,\n                        on: {\n                            slideChangeTransitionEnd: function () {\n                                playCurrentSlideVideo(wd_product_swiper3);\n                            }\n                        },\n                        pagination: {\n                            el: '.swiper-pagination-video-1106',\n                        },\n                    });\n\n                    let showPlayBtn = false\n                    if (!showPlayBtn) {\n                        $('.wd-product-background-swiper3').mouseenter(function () {\n                            if (!showPlayBtn) {\n                                $('#playPauseButton').fadeIn(500);\n                            }\n                        });\n\n                        $('.wd-product-background-swiper3').mouseleave(function () {\n                            $('#playPauseButton').fadeOut(500);\n                        });\n\n                    }\n                    function updateProgressBar(video, progressBar) {\n                        if (!video) return;\n                        let duration = video.duration;\n                        let currentTime = video.currentTime;\n                        let progress = (currentTime \/ duration) * 100;\n                        progressBar.css('width', progress + '%');\n                    }\n\n                    function animateProgressBar(video, progressBar) {\n                        if (!video.paused \u0026\u0026 !video.ended) {\n                            updateProgressBar(video, progressBar);\n                            requestAnimationFrame(function () {\n                                animateProgressBar(video, progressBar);\n                            });\n                        }\n                    }\n                    function playCurrentSlideVideo(swiper) {\n                        let currentVideo = wd_product_swiper3.slides[wd_product_swiper3.activeIndex].querySelector('video');\n                        if (currentVideo) {\n                            currentVideo.play();\n                        };\n\n                        $('.swiper-pagination-bullet').empty();\n                        let progressBar = $('\u003cdiv id=\"progressBar\"\u003e\u003c\/div\u003e').appendTo('.swiper-pagination-bullet-active');\n                        animateProgressBar(currentVideo, progressBar);\n                    }\n\n                    $('#playPauseButton').click(function () {\n                        let currentVideo = wd_product_swiper3.slides[wd_product_swiper3.activeIndex].querySelector('video');\n                        if (!currentVideo) return;\n\n                        if (currentVideo.paused) {\n                            currentVideo.play();\n                            animateProgressBar(currentVideo, $('#progressBar'));\n                            $(this).html(`\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100\" height=\"100\" viewBox=\"0 0 100 100\" fill=\"none\"\u003e\n                                                \u003ccircle cx=\"50\" cy=\"50\" r=\"50\" fill=\"black\" fill-opacity=\"0.12\"\/\u003e\n                                                \u003crect x=\"33\" y=\"28\" width=\"10\" height=\"44\" rx=\"5\" fill=\"white\"\/\u003e\n                                                \u003crect x=\"57\" y=\"28\" width=\"10\" height=\"44\" rx=\"5\" fill=\"white\"\/\u003e\n                                        \u003c\/svg\u003e`);\n                        } else {\n                            currentVideo.pause();\n                            $(this).html(`\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100\" height=\"100\" viewBox=\"0 0 100 100\" fill=\"none\"\u003e\n                                            \u003ccircle cx=\"50\" cy=\"50\" r=\"50\" fill=\"black\" fill-opacity=\"0.12\"\/\u003e\n                                            \u003cpath d=\"M69.5588 45.9789C72.2633 47.9775 72.2633 52.0225 69.5588 54.0211L45.4716 71.8217C42.1711 74.2608 37.5 71.9045 37.5 67.8006L37.5 32.1994C37.5 28.0954 42.1711 25.7392 45.4716 28.1783L69.5588 45.9789Z\" fill=\"white\"\/\u003e\n                                        \u003c\/svg\u003e`);\n                        }\n                    });\n\n\n                    $('.slide-video').on('ended', function () {\n                        if (wd_product_swiper3.isEnd) {\n                            $('#resetButton').show();\n                            showPlayBtn = true;\n                            $('#playPauseButton').fadeOut(500);\n                        } else {\n                            wd_product_swiper3.slideNext();\n                        }\n                    });\n\n                    $('#resetButton').click(function () {\n                        $('video').each(function () {\n                            this.load();\n                        });\n                        showPlayBtn = false;\n                        wd_product_swiper3.slideTo(0, 500);\n\n                        $(this).hide();\n                        $('#playPauseButton').fadeIn(500);\n                        playCurrentSlideVideo(wd_product_swiper3);\n                    });\n\n\n                    \/\/ playCurrentSlideVideo(wd_product_swiper3);\n\n                    $(window).scroll(function () {\n                        var targetOffset = $('.wd-product-background-swiper3').offset().top - 500;\n                        var windowScrollTop = $(window).scrollTop();\n                        var windowHeight = $(window).height();\n\n                        \/\/ 当元素进入视口时执行函数\n                        if (windowScrollTop + windowHeight \u003e targetOffset) {\n                            updateVideoSourceForSlides();\n                            playCurrentSlideVideo(wd_product_swiper3);\n                            $(window).off('scroll'); \/\/ 可选，执行一次后取消监听\n                        }\n                    });\n\n                \u003c\/script\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n            .overview-item-wide-media {\n                position: relative;\n            }\n\n            .overview-item-wide-media .overview-item-wide-media-btn {\n                position: absolute;\n                bottom: 24px;\n                right: 40px;\n                display: flex;\n                padding: 16px 24px;\n                align-items: center;\n                gap: 4px;\n                border-radius: 50px;\n                background: #036AFF;\n                color: var(--FFFFFF, #FFF);\n                text-align: center;\n                font-family: Poppins;\n                font-size: 16px;\n                font-style: normal;\n                font-weight: 400;\n                line-height: 125%;\n                cursor: pointer;\n                \/* 20px *\/\n            }\n\n            .overview-item-wide-media .overview-item-wide-media-btn:hover {\n                background: #2B8BFF;\n            }\n        \u003c\/style\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"overview-box\"\u003e\n\u003cdiv class=\"overview-item-wide\"\u003e\n\u003cdiv class=\"wd-product-background-swiper3-title\"\u003e5-stage RO Filtration.\u003c\/div\u003e\n\u003cdiv class=\"overview-item-wide-media\"\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-1106-c1s-block3.1-pc-min.jpg?v=1704357663\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-1106-c1s-block3.1-mobile-min.jpg?v=1704357663\" media=\"(max-width: 767px)\"\u003e \u003cimg alt=\"wd-product-a1-overview\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-1106-c1s-block3.1-pc-min.jpg?v=1704357663\"\u003e\u003c\/source\u003e\u003c\/picture\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/Specification_Sheet_for_Reducing_Harmful_Substances-WD-C1.pdf?v=1705030291\" class=\"overview-item-wide-media-btn\"\u003e \u003cspan\u003eView the report\u003c\/span\u003e \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"16\" viewbox=\"0 0 20 16\" fill=\"none\"\u003e\n                        \u003cpath d=\"M11.4146 15L18 8M11.4146 1L18 8M18 8L5.96046e-08 8\" stroke=\"white\" stroke-width=\"1.5\"\u003e\n                        \u003c\/path\u003e\n                    \u003c\/svg\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"blocks-box\"\u003e\n\u003cdiv class=\"blocks-item\"\u003e\n\u003cdiv class=\"blocks-item-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-1106-c1s-block5.1-left-pc-min.jpg?v=1704357663\" alt=\"2:1 Low Drain Ratio\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"blocks-item-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-1106-c1s-block5.1-right-pc-min.jpg?v=1704357663\" alt=\"2:1 Low Drain Ratio\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n                .wd-1106-pc-five-imgs {\n                    display: flex;\n                    width: 100%;\n                    gap: 16px;\n                }\n\n                .wd-1106-five-img-item {\n                    flex: 1;\n                    max-width: 230px;\n                }\n\n                .wd-1106-pc-five-imgs img {\n                    width: 100%;\n                }\n\n                .wd-1106-pc-five-imgs-title {\n                    color: var(--111111, #111);\n                    text-align: center;\n                    font-family: Poppins;\n                    font-size: 32px;\n                    font-style: normal;\n                    font-weight: 600;\n                    line-height: 125%;\n                    margin-bottom: 12px;\n                    \/* 40px *\/\n                }\n\n                .wd-1106-pc-five-imgs-detail {\n                    color: var(--666666, #666);\n                    text-align: center;\n                    font-family: Poppins;\n                    font-size: 18px;\n                    font-style: normal;\n                    font-weight: 400;\n                    line-height: 150%;\n                    margin-bottom: 50px;\n                    \/* 27px *\/\n                }\n\n                @media screen and (max-width:767px) {\n                    .wd-1106-pc-five-imgs {\n                        flex-direction: column;\n                    }\n\n                    .wd-1106-five-img-item {\n                        flex: 1;\n                        max-width: 100%;\n                    }\n\n                    .wd-1106-pc-five-imgs-title {\n                        font-size: 20px;\n                        text-align: left;\n                    }\n\n                    .wd-1106-pc-five-imgs-detail {\n                        font-size: 14px;\n                        margin-bottom: 12px;\n                    }\n                }\n            \u003c\/style\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"overview-box\"\u003e\n\u003cdiv class=\"blocks-box\"\u003e\n\u003cdiv class=\"overview-item-wide\"\u003e\n\u003cdiv class=\"wd-product-background-swiper3-title\"\u003eEasy to Operate.\u003c\/div\u003e\n\u003cdiv class=\"wd-1106-pc-five-imgs-title\"\u003eAdjustable and Convenient\u003c\/div\u003e\n\u003cdiv class=\"wd-1106-pc-five-imgs-detail\"\u003eChoose from 5 preset volume options or set a customized water volume to meet your pure water needs. Now you can enjoy a refined and unique drinking experience with this RO system.\u003c\/div\u003e\n\u003cdiv class=\"wd-1106-pc-five-imgs\"\u003e\n\u003cdiv class=\"wd-1106-five-img-item\"\u003e\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-1106-easy-to-operate-pc-img1-min.jpg?v=1703661880\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-1106-easy-to-operate-mobile-img1-min.jpg?v=1703661881\" media=\"(max-width: 767px)\"\u003e \u003cimg alt=\"Easy to Operate.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-1106-easy-to-operate-pc-img1-min.jpg?v=1703661880\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003cdiv class=\"wd-1106-five-img-item\"\u003e\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-1106-easy-to-operate-pc-img2-min.jpg?v=1703661880\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-1106-easy-to-operate-mobile-img2-min.jpg?v=1703661881\" media=\"(max-width: 767px)\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-1106-easy-to-operate-pc-img2-min.jpg?v=1703661880\" alt=\"Easy to Operate.\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003cdiv class=\"wd-1106-five-img-item\"\u003e\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-1106-easy-to-operate-pc-img3-min.jpg?v=1703661880\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-1106-easy-to-operate-mobile-img3-min.jpg?v=1703661881\" media=\"(max-width: 767px)\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-1106-easy-to-operate-pc-img3-min.jpg?v=1703661880\" alt=\"Easy to Operate.\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003cdiv class=\"wd-1106-five-img-item\"\u003e\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-1106-easy-to-operate-pc-img4-min.jpg?v=1703661880\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-1106-easy-to-operate-mobile-img4-min.jpg?v=1703661881\" media=\"(max-width: 767px)\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-1106-easy-to-operate-pc-img4-min.jpg?v=1703661880\" alt=\"Easy to Operate.\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003cdiv class=\"wd-1106-five-img-item\"\u003e\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-1106-easy-to-operate-pc-img5-min.jpg?v=1703661880\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/Frame_1457-min.jpg?v=1704365247\" media=\"(max-width: 767px)\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-1106-easy-to-operate-pc-img5-min.jpg?v=1703661880\" alt=\"Easy to Operate.\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"overview-item-wide\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n                    @media screen and (max-width:767px) {\n                        .blocks-item.blocks-item-opposite.blocks-item-opposite-video {\n                            padding: 0;\n                            flex-direction: column-reverse;\n                        }\n                    }\n                \u003c\/style\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"overview-box\"\u003e\n\u003cdiv class=\"blocks-box\"\u003e\n\u003cdiv class=\"overview-item-wide\"\u003e\n\u003cdiv class=\"blocks-item blocks-item-opposite blocks-item-opposite-video\"\u003e\n\u003cdiv class=\"blocks-item-text\"\u003e\n\u003cdiv class=\"product-details-title\"\u003eEasy Controls with Smart Touch Screen\u003c\/div\u003e\n\u003cul\u003e\n\u003cli\u003eThe smart touch screen in this countertop RO water filter provides the TDS level and filter lifespan at a glance. Operating this system is seamless, and obtaining clean, refreshing water is smooth.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"blocks-item-img\"\u003e\u003cvideo class=\"\" alt=\"wd-product-a1-overview\" loop=\"loop\" autoplay=\"autoplay\" muted=\"\" height=\"auto\" width=\"100%\"\u003e\n                            \u003csource type=\"video\/mp4\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/fc5461d4bfc740deb8e4709cf1aa094c.mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"overview-item-wide\"\u003e\n\u003cdiv class=\"wd-product-background-swiper3-title\"\u003eFits Every Countertop.\u003c\/div\u003e\n\u003cdiv class=\"overview-item-wide-media\"\u003e\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-c1s-1106-img7-min-pc.jpg?v=1704358817\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-c1s-1106-img7-min-mobile.jpg?v=1704358817\" media=\"(max-width: 767px)\"\u003e \u003cimg alt=\"wd-product-a1-overview\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-c1s-1106-img7-min-pc.jpg?v=1704358817\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"overview-item-wide\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n                    .wd-page-brand-story-our_products-pc {\n                        display: block;\n                    }\n\n                    .wd-page-brand-story-our_products-pad {\n                        display: none;\n                    }\n\n                    .wd-page-brand-story-our_products-mobile {\n                        display: none;\n                    }\n\n                    .wd-page-brand-story-our_products {\n                        padding-top: 80px;\n                    }\n\n\n                    .wd-page-brand-story-our_products-items {\n                        display: flex;\n                        justify-content: center;\n                        position: relative;\n                        border-radius: 16px;\n                        overflow: hidden;\n                    }\n\n                    .wd-page-brand-story-our_products-word {\n                        position: absolute;\n                        top: 50px;\n                        left: 50%;\n                        transform: translate(-50%);\n                        text-align: center;\n                        z-index: 10000;\n                    }\n\n                    .wd-page-brand-story-our_products-title {\n                        color: var(--111111, #111);\n                        text-align: center;\n                        font-family: Poppins;\n                        font-size: 36px;\n                        font-style: normal;\n                        font-weight: 600;\n                        line-height: 125%;\n                        \/* 45px *\/\n                        margin-bottom: 8px;\n                    }\n\n                    .wd-page-brand-story-our_products-detail {\n                        color: var(--666666, #666);\n                        font-family: Poppins;\n                        font-size: 24px;\n                        font-style: normal;\n                        font-weight: 400;\n                        line-height: 125%;\n                        \/* 30px *\/\n                        text-transform: capitalize;\n                    }\n\n                    .wd-page-brand-story-our_products-item {\n                        max-width: 335px;\n                        overflow: hidden;\n                        position: relative;\n                        transition: 0.8s all;\n                    }\n\n                    .wd-page-brand-story-our_products-item-word {\n                        position: absolute;\n                        bottom: 60px;\n                        left: 50%;\n                        transform: translate(-50%);\n                        color: var(--111111, #111);\n                        text-align: center;\n                        font-family: Poppins;\n                        font-size: 24px;\n                        font-style: normal;\n                        font-weight: 600;\n                        line-height: 125%;\n                        \/* 30px *\/\n                    }\n\n                    .wd-page-brand-story-our_products-item-transform {\n                        max-width: 100%;\n                    }\n\n                    .wd-page-brand-story-our_products-item-transform-none {\n                        max-width: 335px;\n                    }\n\n                    .wd-page-brand-story-our_products-item-transform-siblings {\n                        max-width: 0;\n                    }\n\n                    .wd-page-brand-story-our_products-item img {\n                        height: 640px;\n                        transition: 0.8s all;\n                        max-width: none;\n                        width: auto;\n                    }\n\n                    .wd-page-brand-story-our_products-items .wd-page-brand-story-our_products-item:nth-child(3) img {\n                        transform: translateX(-530px);\n                    }\n\n                    .wd-page-brand-story-our_products-items .wd-page-brand-story-our_products-item:nth-child(4) img {\n                        transform: translateX(-604px);\n                    }\n\n                    .wd-page-brand-story-our_products-items .wd-page-brand-story-our_products-item:nth-child(5) img {\n                        transform: translateX(-701px);\n                    }\n\n                    .wd-page-brand-story-our_products-items .wd-page-brand-story-our_products-item:nth-child(6) img {\n                        transform: translateX(-610px);\n                    }\n\n\n\n                    .wd-page-brand-story-our_products-item-svg-transform {\n                        transform: rotateZ(-45deg);\n                    }\n\n\n                    @media screen and (max-width:1023px) {\n                        .wd-page-brand-story-our_products-word {\n                            display: none;\n                        }\n\n                        .wd-page-brand-story-our_products-pc {\n                            display: none;\n                        }\n\n                        .wd-page-brand-story-our_products-item-word {\n                            display: none;\n                        }\n\n                        .wd-page-brand-story-our_products-pad {\n                            display: block;\n                        }\n\n                        .wd-page-brand-story-our_products-item img {\n                            height: 400px;\n                        }\n\n                        .wd-page-brand-story-our_products-items {\n                            padding: 0 5.33%;\n                        }\n                    }\n\n                    @media screen and (max-width:767px) {\n                        .wd-page-brand-story-our_products {\n                            padding-top: 0;\n                        }\n\n                        .wd-page-brand-story-our_products-items {\n                            display: none;\n                        }\n\n                        .wd-page-brand-story-our_products-pc {\n                            display: none;\n                        }\n\n                    }\n                \u003c\/style\u003e\n\u003cdiv id=\"productOverview\"\u003e\n\u003cdiv class=\"overview-box\"\u003e\n\u003cdiv class=\"blocks-box\"\u003e\n\u003cdiv class=\"overview-item-wide\"\u003e\n\u003cdiv class=\"wd-page-brand-story-our_products-items\"\u003e\n\u003cdiv class=\"wd-page-brand-story-our_products-word\"\u003e\n\u003cdiv class=\"wd-page-brand-story-our_products-title\"\u003eInstallation-free Design\u003c\/div\u003e\n\u003cdiv class=\"wd-page-brand-story-our_products-detail\"\u003ePut in anywhere you want\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"wd-page-brand-story-our_products-item\"\u003e\n\u003cimg alt=\"1106img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-c1s-1106-installation-min-pc-img1.jpg\"\u003e\n\u003cdiv class=\"wd-page-brand-story-our_products-item-word\"\u003eKitchen\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wd-page-brand-story-our_products-item\"\u003e\n\u003cimg alt=\"1106img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-c1s-1106-installation-min-pc-img2.jpg\"\u003e\n\u003cdiv class=\"wd-page-brand-story-our_products-item-word\"\u003eLiving room\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wd-page-brand-story-our_products-item\"\u003e\n\u003cimg alt=\"1106img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-c1s-1106-installation-min-pc-img3.jpg\"\u003e\n\u003cdiv class=\"wd-page-brand-story-our_products-item-word\"\u003eOffice\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wd-page-brand-story-our_products-item\"\u003e\n\u003cimg alt=\"1106img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-c1s-1106-installation-min-pc-img4.jpg\"\u003e\n\u003cdiv class=\"wd-page-brand-story-our_products-item-word\"\u003eRV\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"overview-item-wide-media wd-page-brand-story-our_products-pad\"\u003e\u003cimg alt=\"wd-product-a1-overview\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/Frame_7316-min.png?v=1704365317\"\u003e\u003c\/div\u003e\n\u003cscript\u003e\n\n                    $('.wd-page-brand-story-our_products-item').mouseenter(function () {\n                        let $item = $(this);\n                        let item_width = $item.css('max-width');\n                        let item_index = $item.index();\n\n                        $item.addClass('wd-page-brand-story-our_products-item-transform');\n                        $item.removeClass('wd-page-brand-story-our_products-item-transform-none');\n                        $item.siblings().addClass('wd-page-brand-story-our_products-item-transform-siblings');\n                        $item.find('img').css({ 'transform': 'translateX(0)', \"width\": \"100%\", \"height\": \"auto\", 'transform-origin': 'center' });\n                        $(\".wd-page-brand-story-our_products-item-word ,.wd-page-brand-story-our_products-word\").css(\"display\", \"none\")\n                    });\n\n                    $('.wd-page-brand-story-our_products-item').mouseleave(function () {\n                        let $item = $(this);\n                        let item_width = $item.css('max-width');\n                        let item_index = $item.index();\n                        $(\".wd-page-brand-story-our_products-item-word ,.wd-page-brand-story-our_products-word\").css(\"display\", \"block\")\n                        $item.addClass('wd-page-brand-story-our_products-item-transform-none');\n                        $item.removeClass('wd-page-brand-story-our_products-item-transform');\n                        $item.siblings().removeClass('wd-page-brand-story-our_products-item-transform-siblings');\n                        let translateX = -610; \/\/ 默认的 translateX 值\n                        console.log(item_index, \"item_indexitem_indexitem_indexitem_indexitem_indexitem_indexitem_index\")\n                        if (item_index === 2) {\n                            translateX = -530;\n                        } else if (item_index === 3) {\n                            translateX = -604;\n                        } else if (item_index === 4) {\n                            translateX = -701;\n                        }\n                        $item.find('img').css({ 'transform': `translateX(${translateX}px)`, \"width\": \"auto\", \"height\": \"640px\" });\n\n                    });\n\n                \u003c\/script\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"overview-item-wide\"\u003e\n\u003cdiv class=\"overview-item-wide-media\"\u003e\n\u003cvideo width=\"100%\" height=\"auto\" muted=\"\" autoplay=\"autoplay\" loop=\"loop\" alt=\"wd-product-g3p800-overview\" class=\"wd-1106-video-pc\"\u003e\n                        \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/17d1b6c170e748a6a5be0e44341693d9.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e \u003cvideo width=\"100%\" height=\"auto\" muted=\"\" autoplay=\"autoplay\" loop=\"loop\" alt=\"wd-product-g3p800-overview\" class=\"wd-1106-video-mobile\"\u003e\n                        \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/ab441628d2b74f4289b3e7a784cf4441.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"overview-item-wide\"\u003e\n\u003cdiv class=\"wd-product-background-swiper3-title\"\u003eProtect the environment.\u003c\/div\u003e\n\u003cdiv class=\"blocks-item blocks-item-opposite\"\u003e\n\u003cdiv class=\"blocks-item-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-c1s-1106-img7-min-pc-left.jpg?v=1704358817\" alt=\"2:1 Low Drain Ratio\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"blocks-item-text\"\u003e\n\u003cdiv class=\"product-details-title\"\u003e3:1 Low Drain Ratio\u003c\/div\u003e\n\u003cul\u003e\n\u003cli\u003eDispensing 3 cups of clean water results in just 1 cup of wastewater, maximizing water savings and delivering significant environmental benefits.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"blocks-item blocks-item-opposite blocks-item-opposite-reverse\"\u003e\n\u003cdiv class=\"blocks-item-text\"\u003e\n\u003cdiv class=\"product-details-title\"\u003ePurity in Every Drop\u003c\/div\u003e\n\u003cul\u003e\n\u003cli\u003eTwist and pull design. Easy for filter replacement.\u003c\/li\u003e\n\u003cli\u003e12-month long service life. Just pay 0.2 dollars every day, and you can continuously enjoy a convenient water purification experience.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"blocks-item-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-c1s-1106-img7-min-pc-right.jpg?v=1704358817\" alt=\"2:1 Low Drain Ratio\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"overview-item-wide\"\u003e\n\u003cdiv class=\"overview-item-wide-media\"\u003e\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-c1s-1106-img10-min-pc.jpg?v=1704358818\" media=\"(min-width: 768px)\"\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-c1s-1106-img10-min-mobile.jpg?v=1704358817\" media=\"(max-width: 767px)\"\u003e \u003cimg alt=\"wd-product-a1-overview\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0078\/6156\/7570\/files\/wd-product-c1s-1106-img10-min-pc.jpg?v=1704358818\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"Replacement\" class=\"replacement-filter\"\u003e\n\u003cdiv class=\"replacement-filter-item\"\u003e\n\u003cdiv class=\"replacement-filter-cart\"\u003e\n\u003cdiv class=\"tt-wrapper\"\u003e\n\u003cdiv class=\"shopify-product-form wd-productreplacement-filter-form\"\u003e\n\u003cdiv class=\"tt-row-custom-01\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n    \/\/ \u003c![CDATA[\n    var swiper = new Swiper('#ro-swiper-container', {\n        slidesPerView: 3,\n        spaceBetween: 40,\n        allowTouchMove: false,\n        breakpoints: {\n            1024: {\n                slidesPerView: 3,\n                spaceBetween: 30,\n            },\n            768: {\n                slidesPerView: 2,\n                spaceBetween: 20,\n                allowTouchMove: true,\n            },\n            640: {\n                slidesPerView: 1,\n                spaceBetween: 20,\n                allowTouchMove: true,\n            },\n            414: {\n                slidesPerView: 1,\n                spaceBetween: 10,\n                allowTouchMove: true,\n            }\n        },\n\n        navigation: {\n            nextEl: '.swiper-button-next',\n            prevEl: '.swiper-button-prev',\n        },\n\n    });\n            \/\/ ]]\u003e\n\u003c\/script\u003e \u003cscript type=\"text\/javascript\"\u003e\n    \/\/ \u003c![CDATA[\n    $(document).ready(function () {\n        $('.accordion').accordion({\n            defaultOpen: 'section1',\n            cookieName: 'accordion_nav'\n        });\n    });\n            \/\/ ]]\u003e\n\u003c\/script\u003e\u003caudio controls=\"controls\" style=\"display: none;\"\u003e\u003c\/audio\u003e\u003caudio style=\"display: none;\" controls=\"controls\"\u003e\u003c\/audio\u003e \u003cscript\u003e\n    $(document).ready(function () {\n        $('.input_variant').attr(\"name\", \"id\")\n    });\n    $('.wd-product-replacement-total-num').blur(function () {\n        var total_num = $(this).val();\n        var unit_price = $(this).parents('.replacement-filter-cart').find('.replacement-filter-price-unit')\n            .text();\n        var total_price = total_num * 1 * unit_price;\n        var total_price_num = total_price.toFixed(2);\n        $(this).parents('.replacement-filter-cart').find('.replacement-filter-price').text(total_price_num);\n    })\n\n    $('.plus-btn').click(function () {\n        var total_num = $(this).siblings('.wd-product-replacement-total-num').val();\n        var unit_price = $(this).parents('.replacement-filter-cart').find('.replacement-filter-price-unit')\n            .text();\n        var total_price = (total_num * 1 + 1 * 1) * unit_price;\n        var total_price_num = total_price.toFixed(2);\n        $(this).parents('.replacement-filter-cart').find('.replacement-filter-price').text(total_price_num);\n    })\n\n    $('.minus-btn').click(function () {\n        var total_num = $(this).siblings('.wd-product-replacement-total-num').val();\n        var unit_price = $(this).parents('.replacement-filter-cart').find('.replacement-filter-price-unit')\n            .text();\n        var total_price_sub = total_num * unit_price - unit_price;\n        var total_price_sub_num = total_price_sub.toFixed(2);\n        $(this).parents('.replacement-filter-cart').find('.replacement-filter-price').text(total_price_sub_num);\n        if (total_num \u003c= 1) {\n            $(this).parents('.replacement-filter-cart').find('.replacement-filter-price').text(unit_price);\n        }\n    })\n\u003c\/script\u003e \u003cscript\u003e\n    $(document).on('click', '.btn-addtocart', function () {\n        var ID = $(this).parents('.wd-productreplacement-filter-form').find(\".input_variant\").val();\n        var Num = $(this).parents('.wd-productreplacement-filter-form').find(\".wd-product-replacement-total-num\").val();\n        $.ajax({\n            type: 'POST',\n            url: '\/cart\/add.js',\n            data: {\n                quantity: Num,\n                id: ID\n            },\n            dataType: 'json',\n            success: function (data) {\n                Shopify.onItemAdded(data);\n            }\n        });\n    })\n\n    \/\/ compare start\n    $('.wd-product-compare-add-to-cart').click(function () {\n        var ID = $(this).attr('data-value');\n        $.ajax({\n            type: 'POST',\n            url: '\/cart\/add.js',\n            data: {\n                quantity: 1,\n                id: ID\n            },\n            dataType: 'json',\n            success: function (data) {\n                Shopify.onItemAdded(data);\n            }\n        });\n\n    })\n    $(document).ready(function () {\n        var tr_length = $('.wd-product-compare-price').siblings('td').length;\n        for (var i = 0; i \u003c tr_length; i++) {\n            (function (index) {\n                var handle = $('.wd-product-compare-price').siblings('td').eq(index).attr('data-handle');\n                $.ajax({\n                    type: \"GET\",\n                    url: \"\/products\/\" + handle + \".js\",\n                    dataType: \"json\",\n                    success: function (product) {\n                        var price = (product.variants[0].price \/ 100).toFixed(2);\n                        $('body').find('.wd-product-compare-price').siblings('td').eq(index).html(\"$\" + price);\n                    }\n                });\n            })(i);\n        }\n    });\n\u003c\/script\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        .wd-1106-compares-hot {\n            background: #FAFAFA;\n        }\n\n        .wd-1106-compares-hot .wd-v2-index-media-title {\n            padding: 40px 0;\n        }\n\n        .wd-1106-compares-hot-list {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            gap: 220px;\n            padding-bottom: 40px;\n        }\n\n        .wd-1106-compares-hot-item {\n            max-width: 240px;\n            display: flex;\n            flex-direction: column;\n            gap: 24px;\n            font-family: Poppins;\n            font-style: normal;\n            font-weight: 400;\n            line-height: 125%;\n            color: #292929;\n        }\n\n        .wd-1106-compares-hot-item-top {\n            display: flex;\n            flex-direction: column;\n            gap: 4px;\n        }\n\n        .wd-1106-compares-hot-item-new {\n            color: #00549C;\n            font-size: 14px;\n        }\n\n        .wd-1106-compares-hot-item-name {\n            font-size: 20px;\n            font-weight: 600;\n        }\n\n        .wd-1106-compares-hot-item-price,\n        .wd-1106-compares-hot-item-config {\n            font-size: 16px;\n        }\n\n        .wd-1106-compares-hot-item-btn {\n            display: flex;\n            width: 107px;\n            padding: 10px 24px;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            border-radius: 20px;\n            background: #00549C;\n            color: #FFF;\n            text-align: center;\n            font-family: Poppins;\n            font-size: 14px;\n            font-style: normal;\n            font-weight: 400;\n            line-height: 20px;\n            \/* 142.857% *\/\n        }\n\n        .wd-1106-compares-hot-item img {\n            width: 240px;\n            height: 240px;\n        }\n\n        @media screen and (max-width:767px) {\n            .wd-1106-compares-hot-list {\n                gap: 11.45vw;\n                padding: 0 16px 40px;\n            }\n\n            .wd-1106-compares-hot .wd-v2-index-media-title {\n                font-size: 24px;\n            }\n\n            .wd-1106-compares-hot-item img {\n                width: 145px;\n                height: 145px;\n            }\n        }\n    \u003c\/style\u003e","brand":"Green Vista Living","offers":[{"title":"Default Title","offer_id":43458232352827,"sku":"WD-C1S","price":199.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0648\/9784\/3259\/files\/C1S_4a692eea-ede5-4828-83be-a791fea558c7.png?v=1777240925","url":"https:\/\/elevatedhomelife.com\/products\/waterdrop-c1s-countertop-corero-system","provider":"Elevated Home Life","version":"1.0","type":"link"}