{"product_id":"3-in-1-car-window-wiper-extendable-handle-180-rotating","title":"3-in-1 Car Window Wiper with Extendable handle | 180° Rotating","description":"\u003cstyle\u003e\n        \/* Container \u0026 Global Styles *\/\n        #window-wiper-showcase {\n            font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n            color: #333333;\n            background-color: #ffffff;\n            margin: 0;\n            padding: 0;\n            width: 100%;\n            box-sizing: border-box;\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        #window-wiper-showcase * {\n            box-sizing: inherit;\n        }\n\n        \/* Global H2 (Section Titles) *\/\n        #window-wiper-showcase h2 {\n            color: #000000; \n            text-align: center;\n            margin: 2rem 0;\n            font-size: 2.2rem;\n            font-weight: 700;\n        }\n      \n        #window-wiper-showcase h2:first-of-type {\n            margin-top: 1rem; \n        }\n\n        \/* Global Placeholder Media (No Borders) *\/\n        .placeholder-media {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background-color: #f8f9fa; \/* 浅灰底色，无边框 *\/\n            color: #888888;\n            font-size: 1.2rem;\n            font-weight: 500;\n            border-radius: 16px;\n            width: 100%;\n            text-align: center;\n            padding: 20px;\n            border: none; \/* 移除所有边框 *\/\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n\n        .placeholder-media:hover {\n            transform: scale(0.995);\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);\n        }\n\n        \/* Core Features Section (60\/40 Alternating Layout) *\/\n        .feature-section {\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            gap: 60px;\n            margin-bottom: 5rem;\n        }\n\n        .feature-row {\n            display: flex;\n            width: 100%;\n            align-items: stretch;\n            background-color: #ffffff;\n        }\n\n        .feature-row:nth-child(even) {\n            flex-direction: row-reverse;\n        }\n\n        .feature-img-wrapper {\n            width: 60%;\n            padding: 0; \n        }\n\n        .feature-img-wrapper .placeholder-media {\n            aspect-ratio: 1 \/ 1;\n            height: 100%;\n        }\n\n        .feature-text-wrapper {\n            width: 40%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            padding: 0 40px;\n            background-color: #ffffff; \n        }\n\n        .feature-text-inner {\n            max-width: 450px;\n            margin: 0 auto;\n            text-align: left;\n        }\n\n        .feature-title {\n            color: #000000;\n            font-size: 1.75rem;\n            font-weight: 700;\n            margin: 0 0 10px 0;\n            line-height: 1.3;\n        }\n\n        .feature-title .highlight {\n            color: #007BFF;\n        }\n\n        .blue-divider {\n            width: 50px;\n            height: 3px;\n            background-color: #007BFF;\n            margin: 15px 0 20px 0;\n            border-radius: 2px;\n        }\n\n        .feature-description {\n            color: #555555;\n            font-size: 1.05rem;\n            transition: all 0.4s ease;\n            padding: 15px;\n            border-radius: 12px;\n            border: 1px solid transparent;\n            background-color: transparent;\n            max-width: 100%;\n            overflow-wrap: break-word;\n        }\n\n        .feature-description:hover {\n            background-color: #ffffff; \n            border-color: #e0e0e0; \n            transform: translateX(8px);\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); \n            color: #000000;\n        }\n\n        \/* Product Contents Section (50\/50 Layout) *\/\n        .contents-section {\n            width: 100%;\n            margin-bottom: 5rem;\n            padding: 0 20px;\n        }\n\n        .contents-row {\n            display: flex;\n            align-items: center;\n            max-width: 1100px;\n            margin: 0 auto;\n            gap: 50px;\n        }\n\n        .contents-img-wrapper {\n            width: 50%;\n        }\n\n        .contents-img-wrapper .placeholder-media {\n            aspect-ratio: 1 \/ 1;\n        }\n\n        .contents-text-wrapper {\n            width: 50%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n        }\n\n        .feature-list {\n            list-style: none;\n            padding: 0;\n            margin: 15px 0 0 0;\n        }\n\n        .feature-list li {\n            position: relative;\n            padding-left: 24px;\n            margin-bottom: 12px;\n            color: #444444;\n            font-size: 1.05rem;\n        }\n\n        .feature-list li::before {\n            content: \"•\";\n            color: #007BFF;\n            font-weight: bold;\n            font-size: 1.5rem;\n            position: absolute;\n            left: 0;\n            top: -6px;\n        }\n\n        \/* FAQ Section *\/\n        .faq-section {\n            max-width: 850px;\n            margin: 0 auto 5rem auto;\n            padding: 0 20px;\n        }\n\n        .faq-item {\n            background-color: #ffffff;\n            border: 1px solid #eef0f2;\n            border-radius: 12px;\n            margin-bottom: 16px;\n            transition: all 0.3s ease;\n            box-shadow: 0 2px 8px rgba(0,0,0,0.02);\n            overflow: hidden; \n        }\n\n        .faq-item:hover {\n            border-color: #cce5ff;\n            box-shadow: 0 6px 16px rgba(0, 123, 255, 0.06);\n        }\n\n        .faq-item.active {\n            border-color: #007BFF;\n            box-shadow: 0 6px 20px rgba(0, 123, 255, 0.1);\n        }\n\n        #window-wiper-showcase h2.faq-question {\n            font-size: 1.15rem; \n            color: #222222; \n            text-align: left; \n            margin: 0; \n            padding: 20px 24px;\n            cursor: pointer;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            font-weight: 600;\n            transition: background-color 0.4s ease, color 0.3s ease;\n        }\n\n        #window-wiper-showcase .faq-item.active h2.faq-question {\n            color: #007BFF;\n            background-color: #f8fbff; \n        }\n\n        .faq-toggle-icon {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 32px;\n            height: 32px;\n            border-radius: 50%;\n            background-color: #f0f4f8;\n            color: #007BFF;\n            font-size: 1.4rem;\n            line-height: 1;\n            transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s ease, color 0.3s ease;\n            flex-shrink: 0;\n            margin-left: 15px;\n        }\n\n        .faq-item.active .faq-toggle-icon {\n            transform: rotate(45deg); \n            background-color: #007BFF;\n            color: #ffffff;\n        }\n\n        .faq-answer {\n            max-height: 0;\n            overflow: hidden;\n            transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease;\n            opacity: 0;\n            background-color: #f8fbff;\n        }\n\n        .faq-answer-inner {\n            padding: 0 24px 24px 24px;\n        }\n\n        .faq-answer-inner p {\n            margin: 0;\n            color: #555555;\n            font-size: 1.05rem;\n            line-height: 1.7;\n        }\n\n        .faq-item.active .faq-answer {\n            opacity: 1;\n        }\n\n        \/* Responsive Design *\/\n        @media (max-width: 768px) {\n            .feature-row, .feature-row:nth-child(even) { flex-direction: column; margin-bottom: 40px; gap: 20px; }\n            .feature-img-wrapper, .feature-text-wrapper { width: 100%; padding: 0 15px; }\n            .feature-text-wrapper { text-align: center; align-items: center; }\n            .feature-text-inner { text-align: center; }\n            .blue-divider { margin: 15px auto 20px auto; }\n            .feature-description:hover { transform: translateY(-5px); }\n          \n            \/* Contents section responsive *\/\n            .contents-row { flex-direction: column; gap: 30px; }\n            .contents-img-wrapper, .contents-text-wrapper { width: 100%; text-align: center; }\n            .feature-list li { text-align: left; display: inline-block; }\n          \n            #window-wiper-showcase h2 { font-size: 1.8rem; }\n            #window-wiper-showcase h2.faq-question { font-size: 1.05rem; padding: 18px 20px; }\n            .faq-answer-inner { padding: 0 20px 20px 20px; }\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"window-wiper-showcase\"\u003e\n\u003c!-- Main Features Section --\u003e\n\u003ch2\u003eMain Features\u003c\/h2\u003e\n\u003cdiv class=\"feature-section\"\u003e\n\u003c!-- Feature 1: Left Image, Right Text --\u003e\n\u003cdiv class=\"feature-row\"\u003e\n\u003cdiv class=\"feature-img-wrapper\"\u003e\n\u003cdiv class=\"placeholder-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/3-in-1_Car_Window_Wiper_with_Extendable_handle_180_Rotating_3.webp?v=1776764667\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-text-wrapper\"\u003e\n\u003cdiv class=\"feature-text-inner\"\u003e\n\u003ch3 class=\"feature-title\"\u003e\n\u003cspan class=\"highlight\"\u003eThree-in-One\u003c\/span\u003e Design\u003c\/h3\u003e\n\u003cdiv class=\"blue-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-description\"\u003eThis all-in-one window wiper is perfect for window cleaning, defogging, and rearview mirror wiping, eliminating the need for multiple tools and saving you time and space.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2: Right Image, Left Text --\u003e\n\u003cdiv class=\"feature-row\"\u003e\n\u003cdiv class=\"feature-img-wrapper\"\u003e\n\u003cdiv class=\"placeholder-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/3-in-1_Car_Window_Wiper_with_Extendable_handle_180_Rotating_1.jpg?v=1776764836\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-text-wrapper\"\u003e\n\u003cdiv class=\"feature-text-inner\"\u003e\n\u003ch3 class=\"feature-title\"\u003e\u003cspan class=\"highlight\"\u003eMaximum Reach\u003c\/span\u003e\u003c\/h3\u003e\n\u003cdiv class=\"blue-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-description\"\u003eThe 101cm telescoping rod extends to reach high windows, vehicle roofs, and the other side of the rearview mirror, offering easy access and comfortable use without getting out of your vehicle.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 3: Left Image, Right Text --\u003e\n\u003cdiv class=\"feature-row\"\u003e\n\u003cdiv class=\"feature-img-wrapper\"\u003e\n\u003cdiv class=\"placeholder-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/3-in-1_Car_Window_Wiper_with_Extendable_handle_180_Rotating_1.webp?v=1776764860\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-text-wrapper\"\u003e\n\u003cdiv class=\"feature-text-inner\"\u003e\n\u003ch3 class=\"feature-title\"\u003e\n\u003cspan class=\"highlight\"\u003e180° Rotating\u003c\/span\u003e Head\u003c\/h3\u003e\n\u003cdiv class=\"blue-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-description\"\u003eThe rotating head allows you to clean corners, edges, and hard-to-reach areas with ease, ensuring a thorough and hassle-free clean.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 4: Right Image, Left Text --\u003e\n\u003cdiv class=\"feature-row\"\u003e\n\u003cdiv class=\"feature-img-wrapper\"\u003e\n\u003cdiv class=\"placeholder-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/3-in-1_Car_Window_Wiper_with_Extendable_handle_180_Rotating_2.webp?v=1776764899\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-text-wrapper\"\u003e\n\u003cdiv class=\"feature-text-inner\"\u003e\n\u003ch3 class=\"feature-title\"\u003e\n\u003cspan class=\"highlight\"\u003eDual Cleaning\u003c\/span\u003e Cloths\u003c\/h3\u003e\n\u003cdiv class=\"blue-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-description\"\u003eComes with Sherkin cloth for heavy-duty grime removal and microfiber cloth for streak-free, polished finishes—ideal for glass and plastic surfaces.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product Contents Section (50\/50 Layout) --\u003e\n\u003cdiv class=\"contents-section\"\u003e\n\u003cdiv class=\"contents-row\"\u003e\n\u003cdiv class=\"contents-img-wrapper\"\u003e\n\u003cdiv class=\"placeholder-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/3-in-1_Car_Window_Wiper_with_Extendable_handle_180_Rotating_3.jpg?v=1776764915\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"contents-text-wrapper\"\u003e\n\u003cdiv class=\"feature-text-inner\"\u003e\n\u003ch3 class=\"feature-title\"\u003eWhat's in the \u003cspan class=\"highlight\"\u003eBox\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cdiv class=\"blue-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-description\"\u003eThe 3-in-1 Window Wiper comes with the following parts in a compact, easy-to-carry package:\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e1 telescoping rod (adjustable up to 101cm)\u003c\/li\u003e\n\u003cli\u003e1 cleaning head with 180° rotation\u003c\/li\u003e\n\u003cli\u003e1 Sherkin cloth for heavy-duty cleaning\u003c\/li\u003e\n\u003cli\u003e1 microfiber cloth for streak-free results\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Section --\u003e\n\u003cdiv class=\"faq-section\"\u003e\n\u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\u003cdiv id=\"showcase-faq-container\"\u003e\n\u003c!-- FAQ Item 1 --\u003e\n\u003cdiv data-faq=\"\" class=\"faq-item\"\u003e\n\u003ch2 class=\"faq-question\"\u003eIs the telescoping rod sturdy enough for regular use? \u003cspan class=\"faq-toggle-icon\"\u003e+\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cdiv class=\"faq-answer-inner\"\u003e\n\u003cp\u003eYes, the 101cm telescoping rod is made from stainless steel and ABS, ensuring durability, stability, and long-lasting performance even when adjusted frequently.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Item 2 --\u003e\n\u003cdiv data-faq=\"\" class=\"faq-item\"\u003e\n\u003ch2 class=\"faq-question\"\u003eHow do I replace the cloths of the brush? \u003cspan class=\"faq-toggle-icon\"\u003e+\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cdiv class=\"faq-answer-inner\"\u003e\n\u003cp\u003eSimply remove the old cloth, and attach the new one using the Velcro fastening system. Both Sherkin and microfiber cloths are easy to replace and machine-washable for repeated use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Item 3 --\u003e\n\u003cdiv data-faq=\"\" class=\"faq-item\"\u003e\n\u003ch2 class=\"faq-question\"\u003eIs the 3-in-1 window wiper easy to store? \u003cspan class=\"faq-toggle-icon\"\u003e+\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cdiv class=\"faq-answer-inner\"\u003e\n\u003cp\u003eYes, the foldable design allows for compact storage, making it ideal for travelers, campers, and daily drivers who need a space-saving solution. It can be easily folded and stored in a small space like a glovebox or backpack.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Independent Native JavaScript for FAQ Accordion --\u003e \u003cscript\u003e\n        (function() {\n            var faqContainer = document.getElementById('showcase-faq-container');\n            if (!faqContainer) return;\n\n            var faqItems = faqContainer.querySelectorAll('.faq-item');\n\n            faqItems.forEach(function(item) {\n                var questionHeader = item.querySelector('.faq-question');\n                var answerDiv = item.querySelector('.faq-answer');\n\n                questionHeader.addEventListener('click', function() {\n                    var isActive = item.classList.contains('active');\n\n                    \/\/ Close all open FAQs\n                    faqItems.forEach(function(otherItem) {\n                        otherItem.classList.remove('active');\n                        var otherAnswer = otherItem.querySelector('.faq-answer');\n                        otherAnswer.style.maxHeight = null;\n                    });\n\n                    \/\/ If the clicked one wasn't active, open it\n                    if (!isActive) {\n                        item.classList.add('active');\n                        answerDiv.style.maxHeight = answerDiv.scrollHeight + \"px\";\n                    }\n                });\n            });\n        })();\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Tesery Official Store","offers":[{"title":"Default Title","offer_id":48288102875368,"sku":"TCT010","price":19.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/3-in-1-car-window-wiper-with-extendable-handle-180-rotating-8822981.jpg?v=1776843559","url":"https:\/\/www.tesery.com\/en-au\/products\/3-in-1-car-window-wiper-extendable-handle-180-rotating","provider":"Tesery Official Store","version":"1.0","type":"link"}