{"product_id":"zumimall-video-doorbell-camera-battery-powered-p8","title":"2K Battery Powerd Video Doorbell Camera-P8","description":"\u003cbody\u003e\n\u003c!-- About This Item Section 第一部分 - 默认折叠 --\u003e\n\u003cdiv class=\"page-section\"\u003e\n \u003cdiv class=\"about-item-container\"\u003e\n \u003cbutton class=\"collapsible\" type=\"button\"\u003e \n \u003cspan style=\"font-size: 22px;\"\u003eAbout this item\u003c\/span\u003e \n \u003cspan class=\"toggle-icon\"\u003e❯\u003c\/span\u003e \n \u003c\/button\u003e\n \u003cdiv class=\"content\"\u003e\n \u003cdiv class=\"content-inner\"\u003e\n \u003cp\u003e\u003cstrong\u003eBattery-Powered Video Doorbell with Chime\u003c\/strong\u003e - Enjoy easy installation with this wireless doorbell camera, featuring a rechargeable battery that eliminates the need for power outlets, allowing flexible placement. Stay connected with ease using 2.4 GHz Wi-Fi Only\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eAnti-Theft \u0026amp; Sound Masking\u003c\/strong\u003e - Boost your security with advanced anti-theft measures and sound masking technology, ensuring private conversations. The Zumimall doorbell camera wireless is designed as a complete security solution for your peace of mind\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003e2K 3MP High-Resolution Monitoring\u003c\/strong\u003e - Experience clear 2K resolution for detailed day and night monitoring. With superior night vision, this video doorbell wireless delivers sharp images even in low light, ensuring nothing is missed\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eAI Detection and Two-Way Talk\u003c\/strong\u003e - Receive instant alerts with AI detection that identify human movements. Use the wireless video doorbell to communicate in real-time with the two-way talk feature, or choose pre-recorded voice messages(up to 3)via ZUMIMALL app to quickly reply\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eNo Subscription Fee and Weatherproof Design\u003c\/strong\u003e - Choose between local storage up to 128GB (memory card sold separately) or 6-second cloud storage options.No monthly fee is needed for ZUMIMALL doorbell camera. The video door bell cameras wireless is IP66-rated, offering durability against various weather conditions\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n \/* 统一页面部分样式 *\/\n .page-section {\n max-width: 1200px;\n width: 90%;\n margin: 40px auto;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n }\n \n \/* About This Item Styles - Matching Gallery Colors *\/\n .about-item-container {\n width: 100%;\n }\n \n .collapsible {\n width: 100%;\n background: #f9f5f0;\n border: 1px solid #e0d0c0;\n border-radius: 8px;\n padding: 20px;\n margin-bottom: 10px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n box-shadow: 0 2px 6px rgba(0,0,0,0.05);\n transition: all 0.3s;\n color: #5a3e36;\n outline: none;\n border-bottom-left-radius: 8px;\n border-bottom-right-radius: 8px;\n }\n \n .collapsible:hover {\n background-color: #f0e6d8;\n border-color: #d9aa7d;\n }\n \n .collapsible.active {\n background-color: #f0e6d8;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n border-color: #d9aa7d;\n }\n \n .toggle-icon {\n transition: transform 0.3s;\n color: #d9aa7d;\n font-weight: bold;\n margin-left: 10px;\n font-size: 18px;\n }\n \n .collapsible.active .toggle-icon {\n transform: rotate(90deg);\n }\n \n .content {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease-out;\n background: white;\n border: 1px solid #e0d0c0;\n border-top: none;\n border-bottom-left-radius: 8px;\n border-bottom-right-radius: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.05);\n }\n \n .content-inner {\n padding: 20px;\n }\n \n .content-inner p {\n margin-bottom: 15px;\n line-height: 1.6;\n color: #5a3e36;\n }\n \n .content-inner p:last-child {\n margin-bottom: 0;\n }\n \n .content-inner strong {\n color: #5a3e36;\n }\n \n \/* Responsive Adjustments *\/\n @media (max-width: 768px) {\n .page-section {\n width: 100%;\n margin: 20px auto;\n padding: 0 10px;\n }\n \n .collapsible {\n padding: 15px;\n }\n \n .content-inner {\n padding: 15px;\n }\n }\n\u003c\/style\u003e\n\n\n\u003cscript\u003e\n \/\/ 第一部分折叠功能 - 默认折叠\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ About this item 部分\n const aboutCollapsible = document.querySelector('.about-item-container .collapsible');\n const aboutContent = document.querySelector('.about-item-container .content');\n \n \/\/ 初始状态设置为折叠\n aboutCollapsible.classList.remove('active');\n aboutContent.style.maxHeight = null;\n \n \/\/ 点击事件处理\n aboutCollapsible.addEventListener('click', function() {\n this.classList.toggle('active');\n \n if (aboutContent.style.maxHeight) {\n aboutContent.style.maxHeight = null;\n } else {\n aboutContent.style.maxHeight = aboutContent.scrollHeight + 'px';\n }\n });\n\n \/\/ What's in the box 部分\n const whatsInBoxHeader = document.querySelector('.whats-in-box-header');\n const whatsInBoxContent = document.querySelector('.whats-in-box-content');\n \n \/\/ 确保在移动端也能正常收起\n whatsInBoxHeader.addEventListener('click', function() {\n this.classList.toggle('active');\n whatsInBoxContent.classList.toggle('active');\n \n if (whatsInBoxContent.classList.contains('active')) {\n whatsInBoxContent.style.maxHeight = whatsInBoxContent.scrollHeight + 'px';\n } else {\n whatsInBoxContent.style.maxHeight = null;\n }\n });\n });\n\u003c\/script\u003e\n\u003c!-- Video Section 第二部分--\u003e\n\u003cdiv class=\"page-section\"\u003e\n \u003cdiv class=\"video-container\"\u003e\n \u003cvideo poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8W_P8_Video.jpg?v=1754556810\" controls=\"controls\" style=\"background-color: #f9f5f0;\"\u003e\n \u003csource type=\"video\/mp4\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/fcd91671fe324180a791aabd75f29dbe.mp4\"\u003e\n Your browser does not support the video tag.\n \u003c\/source\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n \/* Video Section Styles - Minimal *\/\n .video-container {\n position: relative;\n padding-bottom: 56.25%; \/* 16:9 Aspect Ratio *\/\n height: 0;\n overflow: hidden;\n border-radius: 8px;\n border: 1px solid #e0d0c0;\n box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n }\n \n .video-container video {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n \n \/* Responsive Adjustments *\/\n @media (max-width: 768px) {\n .video-container {\n border-radius: 0;\n border-left: none;\n border-right: none;\n }\n }\n\u003c\/style\u003e\n\n\u003c!-- Image with Title Section 第三部分--\u003e\n\u003cdiv class=\"page-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eZUMIMALL Video Doorbell Camera- P8W\u003c\/h2\u003e\n \u003cp class=\"section-subtitle\"\u003e2K, 2-Way Audio, Battery Powered, Anti-Theft, 2.4Ghz Wi-Fi\u003c\/p\u003e\n \n \u003cpicture\u003e\n \u003csource media=\"(min-width: 768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/banner_2b1dafde-c589-4cba-bd43-2c3ce6ac7144.jpg?v=1723435161\"\u003e\n \u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8W_banner_e714867d-8092-49be-8736-a0834171f929.jpg?v=1753857381\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/banner_2b1dafde-c589-4cba-bd43-2c3ce6ac7144.jpg?v=1723435161\" alt=\"ZUMIMALL Video Doorbell Camera- P8W\" class=\"responsive-image\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n \/* Image with Title Styles - Matching Gallery Colors *\/\n .section-title {\n font-size: 24px;\n font-weight: bold;\n margin-bottom: 10px;\n color: #5a3e36; \/* Matching gallery title color *\/\n line-height: 1.3;\n text-align: center;\n }\n \n .section-subtitle {\n font-size: 16px;\n margin-bottom: 20px;\n color: #5a3e36; \/* Matching gallery text color *\/\n line-height: 1.5;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n text-align: center;\n }\n \n .responsive-image {\n width: 100%;\n height: auto;\n border-radius: 8px;\n border: 1px solid #e0d0c0; \/* Matching gallery border *\/\n box-shadow: 0 2px 8px rgba(0,0,0,0.05); \/* Matching gallery shadow *\/\n }\n \n \/* Responsive Adjustments *\/\n @media (max-width: 768px) {\n .section-title {\n font-size: 20px;\n padding: 0 10px;\n }\n \n .section-subtitle {\n font-size: 14px;\n padding: 0 10px;\n margin-bottom: 15px;\n }\n \n .responsive-image {\n border-radius: 0;\n border-left: none;\n border-right: none;\n }\n }\n\u003c\/style\u003e\n\n\u003c!-- 产品特性折叠栏 第四部分--\u003e\n\u003cdiv class=\"page-section\"\u003e\n \u003cdiv class=\"product-section\"\u003e\n \u003c!-- 第一个折叠项 --\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cbutton class=\"collapsible\" type=\"button\"\u003e \n \u003cspan\u003e2K FHD Lens Clear Night Vision\u003c\/span\u003e \n \u003cspan class=\"toggle-icon\"\u003e❯\u003c\/span\u003e \n \u003c\/button\u003e\n \u003cdiv class=\"content\"\u003e\n \u003cdiv class=\"content-inner\"\u003e\n \u003cp class=\"feature-text\"\u003eSee everything clearly even at night.\u003c\/p\u003e\n \u003cpicture\u003e \n \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/Night_View.jpg?v=1723435161\" media=\"(min-width: 768px)\"\u003e \n \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8W_night_vision.jpg?v=1753857381\" media=\"(max-width: 767px)\"\u003e \n \u003cimg class=\"responsive-image\" alt=\"Clear Night Vision\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/Night_View.jpg?v=1723435161\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- 第二个折叠项 --\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cbutton class=\"collapsible\" type=\"button\"\u003e \n \u003cspan\u003e2-Way Audio Optional Sounds\u003c\/span\u003e \n \u003cspan class=\"toggle-icon\"\u003e❯\u003c\/span\u003e \n \u003c\/button\u003e\n \u003cdiv class=\"content\"\u003e\n \u003cdiv class=\"content-inner\"\u003e\n \u003cp class=\"feature-text\"\u003eProtect your privacy and security.\u003c\/p\u003e\n \u003cpicture\u003e \n \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/2-way_Audio.jpg?v=1723435161\" media=\"(min-width: 768px)\"\u003e \n \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8W_2_ways.jpg?v=1753857381\" media=\"(max-width: 767px)\"\u003e \n \u003cimg class=\"responsive-image\" alt=\"2-Way Audio\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/2-way_Audio.jpg?v=1723435161\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- 第三个折叠项 --\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cbutton class=\"collapsible\" type=\"button\"\u003e \n \u003cspan\u003eAnti-theft Alert\u003c\/span\u003e \n \u003cspan class=\"toggle-icon\"\u003e❯\u003c\/span\u003e \n \u003c\/button\u003e\n \u003cdiv class=\"content\"\u003e\n \u003cdiv class=\"content-inner\"\u003e\n \u003cp class=\"feature-text\"\u003eNo need to worry about your doorbell being stolen.\u003c\/p\u003e\n \u003cpicture\u003e \n \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/Anti-theft_Alert.jpg?v=1723435160\" media=\"(min-width: 768px)\"\u003e \n \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8W_anti.jpg?v=1753857381\" media=\"(max-width: 767px)\"\u003e \n \u003cimg class=\"responsive-image\" alt=\"Anti-theft Alert\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/Anti-theft_Alert.jpg?v=1723435160\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- 第四个折叠项 --\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cbutton class=\"collapsible\" type=\"button\"\u003e \n \u003cspan\u003e2 Storage Methods\u003c\/span\u003e \n \u003cspan class=\"toggle-icon\"\u003e❯\u003c\/span\u003e \n \u003c\/button\u003e\n \u003cdiv class=\"content\"\u003e\n \u003cdiv class=\"content-inner\"\u003e\n \u003cp class=\"feature-text\"\u003eEnjoy a permanently free 7-day loop cloud.\u003c\/p\u003e\n \u003cpicture\u003e \n \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/2_Storage_Methods.jpg?v=1723435161\" media=\"(min-width: 768px)\"\u003e \n \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8W_2_stotage.jpg?v=1753857381\" media=\"(max-width: 767px)\"\u003e \n \u003cimg class=\"responsive-image\" alt=\"2 Storage Methods\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/2_Storage_Methods.jpg?v=1723435161\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- 第五个折叠项 --\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cbutton class=\"collapsible\" type=\"button\"\u003e \n \u003cspan\u003ePIR Motion Detection \u0026amp; Instant Notification\u003c\/span\u003e \n \u003cspan class=\"toggle-icon\"\u003e❯\u003c\/span\u003e \n \u003c\/button\u003e\n \u003cdiv class=\"content\"\u003e\n \u003cdiv class=\"content-inner\"\u003e\n \u003cp class=\"feature-text\"\u003eAlways know who's at the door.\u003c\/p\u003e\n \u003cpicture\u003e \n \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8W_PIR.jpg?v=1753857371\" media=\"(min-width: 768px)\"\u003e \n \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8W_pir_81fd7d6d-d184-4b67-8b65-43252d460f2c.jpg?v=1753857381\" media=\"(max-width: 767px)\"\u003e \n \u003cimg class=\"responsive-image\" alt=\"PIR Motion Detection\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8W_PIR.jpg?v=1753857371\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n \/* 使用画廊风格的配色 *\/\n :root {\n --text-color: #5a3e36;\n --border-color: #e0d0c0;\n --bg-color: #f9f5f0;\n --accent-color: #d9aa7d;\n --border-radius: 6px;\n --box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n }\n \n .product-section {\n width: 100%;\n }\n \n \/* 折叠面板样式 - 匹配画廊风格 *\/\n .feature-item {\n margin-bottom: 8px;\n }\n \n .feature-text {\n margin-bottom: 15px;\n color: var(--text-color);\n line-height: 1.5;\n }\n \n \/* 响应式调整 *\/\n @media (max-width: 768px) {\n .product-section {\n padding: 0;\n }\n }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n \/\/ 折叠面板功能\n document.addEventListener('DOMContentLoaded', function() {\n var coll = document.querySelectorAll(\".collapsible\");\n for (var i = 0; i \u003c coll.length; i++) {\n coll[i].addEventListener(\"click\", function() {\n this.classList.toggle(\"active\");\n var content = this.nextElementSibling;\n if (content.style.maxHeight) {\n content.style.maxHeight = null;\n } else {\n content.style.maxHeight = content.scrollHeight + \"px\";\n } \n });\n }\n });\n\u003c\/script\u003e\n\n\u003c!-- Image Carousel Section 第五部分 轮播--\u003e\n\u003cdiv class=\"page-section\"\u003e\n \u003cdiv id=\"featureCarousel\" class=\"carousel\"\u003e\n \u003cdiv class=\"carousel-inner\"\u003e\n \u003c!-- Slide 1 --\u003e\n \u003cdiv class=\"carousel-item\"\u003e\n \u003cpicture\u003e\n \u003csource media=\"(min-width: 768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8W_Detection_Zone.jpg?v=1753857371\"\u003e\n \u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8W_detection.jpg?v=1753857381\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8W_Detection_Zone.jpg?v=1753857371\" alt=\"Customize Detection Zone\" class=\"carousel-image\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n \u003cdiv class=\"carousel-caption\"\u003e\n \u003ch3\u003eCustomize Detection Zone\u003c\/h3\u003e\n \u003cp\u003eCustomize your exclusive detection zone to reduce false alarms.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Slide 2 --\u003e\n \u003cdiv class=\"carousel-item\"\u003e\n \u003cpicture\u003e\n \u003csource media=\"(min-width: 768px)\" srcset=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/566a24f6-b1aa-4813-af75-0ac660e91ed8.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e\n \u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8W_ip_66.jpg?v=1753857381\"\u003e\n \u003cimg src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/566a24f6-b1aa-4813-af75-0ac660e91ed8.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\" alt=\"IP66 Waterproof\" class=\"carousel-image\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n \u003cdiv class=\"carousel-caption\"\u003e\n \u003ch3\u003eIP66 Waterproof\u003c\/h3\u003e\n \u003cp\u003eProtect your house all year around.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Slide 3 --\u003e\n \u003cdiv class=\"carousel-item\"\u003e\n \u003cpicture\u003e\n \u003csource media=\"(min-width: 768px)\" srcset=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/9e0e361b-88a7-4396-b0e7-9c0fd494c98a.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e\n \u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8W_alexa.jpg?v=1753857381\"\u003e\n \u003cimg src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/9e0e361b-88a7-4396-b0e7-9c0fd494c98a.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\" alt=\"Compatible Voice Assistant\" class=\"carousel-image\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n \u003cdiv class=\"carousel-caption\"\u003e\n \u003ch3\u003eCompatible Voice Assistant\u003c\/h3\u003e\n \u003cp\u003eWorks with Alexa and Google Assistant for voice control.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Slide 4 --\u003e\n \u003cdiv class=\"carousel-item\"\u003e\n \u003cpicture\u003e\n \u003csource media=\"(min-width: 768px)\" srcset=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/403e02cd-31bd-43d7-9b11-91386e3bf364.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e\n \u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8W_71fd0876-3cc7-423e-885f-e4c942935d01.jpg?v=1753857381\"\u003e\n \u003cimg src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/403e02cd-31bd-43d7-9b11-91386e3bf364.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\" alt=\"Connect to Multiple chimes\" class=\"carousel-image\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n \u003cdiv class=\"carousel-caption\"\u003e\n \u003ch3\u003eConnect to Multiple Chimes\u003c\/h3\u003e\n \u003cp\u003eP8W doorbell can connect to unlimited chimes, with each chime able to link up to 8 doorbells.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Slide 5 --\u003e\n \u003cdiv class=\"carousel-item\"\u003e\n \u003cpicture\u003e\n \u003csource media=\"(min-width: 768px)\" srcset=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/de7083e8-5cb4-46e5-9df5-ab72759a82a0.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e\n \u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8W_share.jpg?v=1753857381\"\u003e\n \u003cimg src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/de7083e8-5cb4-46e5-9df5-ab72759a82a0.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\" alt=\"Multi-people Sharing\" class=\"carousel-image\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n \u003cdiv class=\"carousel-caption\"\u003e\n \u003ch3\u003eMulti-people Sharing\u003c\/h3\u003e\n \u003cp\u003eSupport unlimited sharing and 4 users watching live videos.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Slide 6 --\u003e\n \u003cdiv class=\"carousel-item\"\u003e\n \u003cpicture\u003e\n \u003csource media=\"(min-width: 768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8W_wifi.jpg?v=1753857370\"\u003e\n \u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8W_wifi_a3814b7f-88ac-4271-bf73-ead47020df4e.jpg?v=1753857381\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8W_wifi.jpg?v=1753857370\" alt=\"2.4GHz WiFi\" class=\"carousel-image\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n \u003cdiv class=\"carousel-caption\"\u003e\n \u003ch3\u003e2.4GHz WiFi\u003c\/h3\u003e\n \u003cp\u003e2.4 GHz Wi-Fi's superior wall-penetration ability lets you stay connected and receive notifications at time.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Navigation Arrows --\u003e\n \u003cbutton class=\"carousel-control prev\"\u003e❮\u003c\/button\u003e\n \u003cbutton class=\"carousel-control next\"\u003e❯\u003c\/button\u003e\n \n \u003c!-- Indicators --\u003e\n \u003cdiv class=\"carousel-indicators\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n \/* Carousel Styles - Matching Gallery Colors *\/\n .carousel {\n position: relative;\n overflow: hidden;\n border-radius: 6px;\n border: 1px solid #e0d0c0; \/* Matching gallery border *\/\n box-shadow: 0 2px 8px rgba(0,0,0,0.05); \/* Matching gallery shadow *\/\n }\n \n .carousel-inner {\n display: flex;\n transition: transform 0.5s ease;\n }\n \n .carousel-item {\n min-width: 100%;\n box-sizing: border-box;\n }\n \n .carousel-image {\n width: 100%;\n height: auto;\n display: block;\n border-bottom: 1px solid #e0d0c0; \/* Matching gallery border *\/\n }\n \n .carousel-caption {\n padding: 20px;\n background-color: #f9f5f0; \/* Matching gallery background *\/\n text-align: center;\n }\n \n .carousel-caption h3 {\n font-weight: bold;\n margin-bottom: 10px;\n color: #5a3e36; \/* Matching gallery text color *\/\n font-size: 18px;\n }\n \n .carousel-caption p {\n color: #5a3e36; \/* Matching gallery text color *\/\n line-height: 1.5;\n }\n \n .carousel-control {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background-color: #d9aa7d; \/* Matching gallery accent color *\/\n color: white;\n border: none;\n padding: 10px;\n cursor: pointer;\n border-radius: 50%;\n width: 36px;\n height: 36px;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0.9;\n transition: all 0.3s;\n z-index: 10;\n }\n \n .carousel-control:hover {\n opacity: 1;\n background-color: #c7986d; \/* Slightly darker on hover *\/\n }\n \n .carousel-control.prev {\n left: 10px;\n }\n \n .carousel-control.next {\n right: 10px;\n }\n \n .carousel-indicators {\n display: flex;\n justify-content: center;\n padding: 15px 0;\n background-color: #f9f5f0; \/* Matching gallery background *\/\n border-top: 1px solid #e0d0c0; \/* Matching gallery border *\/\n }\n \n .carousel-indicator {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background-color: #d9aa7d; \/* Matching gallery accent color *\/\n margin: 0 5px;\n cursor: pointer;\n transition: all 0.3s;\n opacity: 0.5;\n }\n \n .carousel-indicator.active {\n opacity: 1;\n width: 12px;\n border-radius: 4px;\n }\n \n \/* Responsive Adjustments *\/\n @media (max-width: 767px) {\n .carousel {\n border-radius: 0;\n border-left: none;\n border-right: none;\n }\n \n .carousel-caption {\n padding: 15px;\n }\n \n .carousel-caption h3 {\n font-size: 16px;\n }\n \n .carousel-caption p {\n font-size: 14px;\n }\n \n .carousel-control {\n width: 30px;\n height: 30px;\n padding: 8px;\n }\n }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const carousel = document.getElementById('featureCarousel');\n const inner = carousel.querySelector('.carousel-inner');\n const items = carousel.querySelectorAll('.carousel-item');\n const prevBtn = carousel.querySelector('.carousel-control.prev');\n const nextBtn = carousel.querySelector('.carousel-control.next');\n const indicatorsContainer = carousel.querySelector('.carousel-indicators');\n \n let currentIndex = 0;\n const totalItems = items.length;\n let autoSlideInterval;\n \n \/\/ Create indicators\n for (let i = 0; i \u003c totalItems; i++) {\n const indicator = document.createElement('div');\n indicator.className = 'carousel-indicator';\n if (i === 0) indicator.classList.add('active');\n indicator.addEventListener('click', () =\u003e goToSlide(i));\n indicatorsContainer.appendChild(indicator);\n }\n \n \/\/ Update carousel position\n function updateCarousel() {\n inner.style.transform = `translateX(-${currentIndex * 100}%)`;\n \n \/\/ Update indicators\n const indicators = indicatorsContainer.querySelectorAll('.carousel-indicator');\n indicators.forEach((indicator, index) =\u003e {\n indicator.classList.toggle('active', index === currentIndex);\n });\n }\n \n \/\/ Go to specific slide\n function goToSlide(index) {\n currentIndex = index;\n updateCarousel();\n resetAutoSlide();\n }\n \n \/\/ Next slide\n function nextSlide() {\n currentIndex = (currentIndex + 1) % totalItems;\n updateCarousel();\n resetAutoSlide();\n }\n \n \/\/ Previous slide\n function prevSlide() {\n currentIndex = (currentIndex - 1 + totalItems) % totalItems;\n updateCarousel();\n resetAutoSlide();\n }\n \n \/\/ Auto slide\n function startAutoSlide() {\n autoSlideInterval = setInterval(nextSlide, 5000);\n }\n \n function resetAutoSlide() {\n clearInterval(autoSlideInterval);\n startAutoSlide();\n }\n \n \/\/ Event listeners\n nextBtn.addEventListener('click', nextSlide);\n prevBtn.addEventListener('click', prevSlide);\n \n \/\/ Touch support\n let touchStartX = 0;\n let touchEndX = 0;\n \n carousel.addEventListener('touchstart', (e) =\u003e {\n touchStartX = e.changedTouches[0].screenX;\n clearInterval(autoSlideInterval);\n }, {passive: true});\n \n carousel.addEventListener('touchend', (e) =\u003e {\n touchEndX = e.changedTouches[0].screenX;\n handleSwipe();\n startAutoSlide();\n }, {passive: true});\n \n function handleSwipe() {\n if (touchEndX \u003c touchStartX - 50) {\n nextSlide();\n }\n if (touchEndX \u003e touchStartX + 50) {\n prevSlide();\n }\n }\n \n \/\/ Initialize\n updateCarousel();\n startAutoSlide();\n \n \/\/ Pause on hover\n carousel.addEventListener('mouseenter', () =\u003e {\n clearInterval(autoSlideInterval);\n });\n \n carousel.addEventListener('mouseleave', () =\u003e {\n startAutoSlide();\n });\n });\n\u003c\/script\u003e\n \n\u003c!-- 图片画廊开始 --\u003e\n\u003cdiv class=\"page-section\"\u003e\n \u003cdiv class=\"feature-gallery\"\u003e\n \u003c!-- 新增：More Details标题 --\u003e\n \u003ch2 class=\"section-title\"\u003eMore Details\u003c\/h2\u003e\n \n \u003cdiv class=\"feature-container\"\u003e\n \u003c!-- 第一个图片项 --\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-image-container\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8_300x225_a34f0b00-ea58-4f35-96f7-39bbc10018c4.jpg?v=1753951524\" alt=\"Feature 1\" class=\"feature-image\"\u003e\n \u003cdiv class=\"feature-caption\"\u003e2 Way Install\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- 第二个图片项 --\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-image-container\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8_Auto_300x225_c40a8fc5-d80b-4448-aeaa-70ee28cd02f0.jpg?v=1753951523\" alt=\"Feature 2\" class=\"feature-image\"\u003e\n \u003cdiv class=\"feature-caption\"\u003eCustomized Alarm Plan\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- 第三个图片项 --\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-image-container\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8_300x225_d5702b81-44a0-473d-8f7a-cd3d8fb32723.jpg?v=1753951524\" alt=\"Feature 3\" class=\"feature-image\"\u003e\n \u003cdiv class=\"feature-caption\"\u003eAdjust Sensitivity\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- 第四个图片项 --\u003e\n \u003cdiv class=\"feature-item\"\u003e\n \u003cdiv class=\"feature-image-container\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8_300x225_6bd0df1c-7fb9-4b74-a203-0c73ed08c4cd.jpg?v=1753951523\" alt=\"Feature 4\" class=\"feature-image\"\u003e\n \u003cdiv class=\"feature-caption\"\u003ePrivacy Protection\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n \/* 图片画廊容器样式 - 独立作用域 *\/\n .feature-gallery {\n width: 100%; \/* 容器宽度100% *\/\n }\n\n \/* 图片容器弹性布局 *\/\n .feature-container {\n display: flex; \/* 弹性布局 *\/\n flex-wrap: wrap; \/* 允许换行 *\/\n justify-content: space-between; \/* 项目之间平均分布 *\/\n gap: 20px; \/* 项目间距20px *\/\n }\n\n \/* 单个图片项样式 *\/\n .feature-item {\n flex: 1 1 calc(25% - 20px); \/* 基础宽度25%，减去间隙 *\/\n min-width: 0; \/* 允许缩小 *\/\n margin-bottom: 15px; \/* 底部间距 *\/\n transition: all 0.3s ease; \/* 过渡动画效果 *\/\n }\n\n \/* 移动端响应式设计 - 屏幕宽度小于768px时 *\/\n @media (max-width: 768px) {\n .feature-item {\n flex: 1 1 calc(50% - 10px); \/* 移动端显示为2列 *\/\n }\n }\n\n \/* 图片容器样式 *\/\n .feature-image-container {\n border: 1px solid #e0d0c0; \/* 浅色边框 *\/\n border-radius: 6px; \/* 圆角 *\/\n overflow: hidden; \/* 隐藏溢出内容 *\/\n background-color: #fff; \/* 白色背景 *\/\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); \/* 轻微阴影 *\/\n transition: all 0.3s ease; \/* 过渡效果 *\/\n }\n\n \/* 鼠标悬停效果 *\/\n .feature-image-container:hover {\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); \/* 悬停时阴影加深 *\/\n transform: translateY(-2px); \/* 轻微上浮效果 *\/\n }\n\n \/* 图片样式 *\/\n .feature-image {\n width: 100%; \/* 宽度100%填充容器 *\/\n height: auto; \/* 高度自动保持比例 *\/\n display: block; \/* 块级显示 *\/\n }\n\n \/* 图片标题样式 *\/\n .feature-caption {\n padding: 12px 8px; \/* 内边距 *\/\n text-align: center; \/* 文字居中 *\/\n color: #5a3e36; \/* 文字颜色 *\/\n font-size: 15px; \/* 字体大小 *\/\n font-weight: 500; \/* 字体粗细 *\/\n background-color: #f9f5f0; \/* 浅色背景 *\/\n border-left: 1px solid #e0d0c0; \/* 左边框 *\/\n border-right: 1px solid #e0d0c0; \/* 右边框 *\/\n border-bottom: 1px solid #e0d0c0; \/* 下边框 *\/\n border-radius: 0 0 6px 6px; \/* 底部圆角 *\/\n }\n\n @media (max-width: 768px) {\n \/* 移动端标题调整 *\/\n .feature-caption {\n padding: 5px 5px; \/* 减小内边距 *\/\n font-size: 12px; \/* 减小字体大小 *\/\n }\n .feature-container {\n gap: 10px; \/* 减小项目间距 *\/\n }\n }\n\u003c\/style\u003e\n\n\u003c!-- Single image with title container --\u003e\n\u003cdiv class=\"page-section\"\u003e\n \u003cdiv class=\"feature-single\"\u003e\n \u003ch2 class=\"section-title\"\u003eEasy to connect and install\u003c\/h2\u003e\n \u003cdiv class=\"feature-single-container\"\u003e\n \u003c!-- Desktop image (shown by default) --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8W_Connect_c45d67ed-bffe-4b6a-a45b-779c9cf2b9f8.jpg?v=1753955434\" alt=\"Easy to connect and install\" class=\"feature-single-image desktop-image\"\u003e\n \n \u003c!-- Mobile image (hidden by default) --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8W_connect_cd6869d9-5367-436f-90a0-d603226c3855.jpg?v=1753857381\" alt=\"Easy to connect and install\" class=\"feature-single-image mobile-image\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n \/* Container styling - matches previous gallery *\/\n .feature-single {\n width: 100%;\n }\n\n \/* Image container - matches gallery items *\/\n .feature-single-container {\n border: 1px solid #e0d0c0;\n border-radius: 6px;\n overflow: hidden;\n background-color: #fff;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n transition: all 0.3s ease;\n }\n\n .feature-single-container:hover {\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n transform: translateY(-2px);\n }\n\n \/* Image styling *\/\n .feature-single-image {\n width: 100%;\n height: auto;\n display: block;\n }\n\n \/* Hide mobile image by default *\/\n .mobile-image {\n display: none;\n }\n\n \/* Responsive adjustments *\/\n @media (max-width: 768px) {\n \/* Switch images for mobile *\/\n .desktop-image {\n display: none;\n }\n \n .mobile-image {\n display: block;\n }\n \n .feature-single-container {\n border-radius: 0;\n border-left: none;\n border-right: none;\n }\n }\n\u003c\/style\u003e\n\n\u003c!-- What's in the Box Section --\u003e\n\u003cdiv class=\"page-section\"\u003e\n \u003cdiv class=\"whats-in-box\"\u003e\n \u003cdiv class=\"whats-in-box-header active\"\u003e\n \u003ch3 class=\"whats-in-box-title\"\u003eWhat's in the Box (P8-White)\u003c\/h3\u003e\n \u003cdiv class=\"whats-in-box-icon\"\u003e❯\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"whats-in-box-content active\"\u003e\n \u003cdiv class=\"whats-in-box-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8w_pack_old.png?v=1754551413\" alt=\"Package Contents\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"whats-in-box-text\"\u003e\n \u003cdiv class=\"whats-in-box-text-container\"\u003e\n \u003cdiv class=\"whats-in-box-item\"\u003e\u003cspan\u003eDoorbell x 1\u003c\/span\u003e\u003c\/div\u003e\n \u003cdiv class=\"whats-in-box-item\"\u003e\u003cspan\u003eCharging Cable x 1\u003c\/span\u003e\u003c\/div\u003e\n \u003cdiv class=\"whats-in-box-item\"\u003e\u003cspan\u003eChime x 1\u003c\/span\u003e\u003c\/div\u003e\n \u003cdiv class=\"whats-in-box-item\"\u003e\u003cspan\u003eQuick User Guide x 1\u003c\/span\u003e\u003c\/div\u003e\n \n \u003cdiv class=\"whats-in-box-item\"\u003e\u003cspan\u003eScrews Set x 1\u003c\/span\u003e\u003c\/div\u003e\n \u003cdiv class=\"whats-in-box-item\"\u003e\u003cspan\u003eScrewdriver x 1\u003c\/span\u003e\u003c\/div\u003e\n \u003cdiv class=\"whats-in-box-item\"\u003e\u003cspan\u003e3M Tape x 1\u003c\/span\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\u003c!-- What's in the Box Section --\u003e\n\u003cdiv class=\"page-section\"\u003e\n \u003cdiv class=\"whats-in-box\"\u003e\n \u003cdiv class=\"whats-in-box-header active\"\u003e\n \u003ch3 class=\"whats-in-box-title\"\u003eWhat's in the Box (P8-Black)\u003c\/h3\u003e\n \u003cdiv class=\"whats-in-box-icon\"\u003e❯\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"whats-in-box-content active\"\u003e\n \u003cdiv class=\"whats-in-box-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8_pack_old.png?v=1754551413\" alt=\"Package Contents\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"whats-in-box-text\"\u003e\n \u003cdiv class=\"whats-in-box-text-container\"\u003e\n \u003cdiv class=\"whats-in-box-item\"\u003e\u003cspan\u003eDoorbell x 1\u003c\/span\u003e\u003c\/div\u003e\n \u003cdiv class=\"whats-in-box-item\"\u003e\u003cspan\u003eCharging Cable x 1\u003c\/span\u003e\u003c\/div\u003e\n \u003cdiv class=\"whats-in-box-item\"\u003e\u003cspan\u003eChime x 1\u003c\/span\u003e\u003c\/div\u003e\n \u003cdiv class=\"whats-in-box-item\"\u003e\u003cspan\u003eQuick User Guide x 1\u003c\/span\u003e\u003c\/div\u003e\n \n \u003cdiv class=\"whats-in-box-item\"\u003e\u003cspan\u003eScrews Set x 1\u003c\/span\u003e\u003c\/div\u003e\n \u003cdiv class=\"whats-in-box-item\"\u003e\u003cspan\u003eScrewdriver x 1\u003c\/span\u003e\u003c\/div\u003e\n \u003cdiv class=\"whats-in-box-item\"\u003e\u003cspan\u003e3M Tape x 1\u003c\/span\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\n\u003cstyle\u003e\n \/* Isolated styling for the foldable panel only *\/\n .whats-in-box {\n width: 100%;\n border-radius: 8px;\n overflow: hidden;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n }\n\n .whats-in-box-header {\n background-color: #e8c4a2;\n padding: 16px 20px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n border-bottom: 1px solid #d9b38c;\n transition: background-color 0.3s ease;\n }\n\n .whats-in-box-header:hover {\n background-color: #e0b892;\n }\n\n .whats-in-box-header.active {\n background-color: #d9aa7d;\n }\n\n .whats-in-box-title {\n font-weight: bold;\n font-size: 18px;\n color: #5a3e36;\n margin: 0;\n }\n\n .whats-in-box-icon {\n transition: transform 0.3s ease;\n font-size: 16px;\n color: #5a3e36;\n }\n\n .whats-in-box-header.active .whats-in-box-icon {\n transform: rotate(90deg);\n }\n\n .whats-in-box-content {\n display: flex;\n background-color: #f8ede2;\n border-left: 1px solid #e0d0c0;\n border-right: 1px solid #e0d0c0;\n border-bottom: 1px solid #e0d0c0;\n }\n\n @media (max-width: 768px) {\n .whats-in-box-content {\n flex-direction: column;\n }\n }\n\n .whats-in-box-image {\n width: 60%;\n padding: 20px;\n border-right: 1px solid #e0d0c0;\n }\n\n @media (max-width: 768px) {\n .whats-in-box-image {\n width: 100%;\n border-right: none;\n border-bottom: 1px solid #e0d0c0;\n }\n }\n\n .whats-in-box-image img {\n width: 100%;\n height: auto;\n border: 1px solid #d9b38c;\n border-radius: 4px;\n display: block;\n }\n\n .whats-in-box-text {\n width: 40%;\n padding: 20px;\n }\n\n @media (max-width: 768px) {\n .whats-in-box-text {\n width: 100%;\n }\n }\n\n .whats-in-box-text-container {\n border: 1px solid #d9b38c;\n border-radius: 4px;\n padding: 15px;\n height: 100%;\n background-color: #fff9f2;\n box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.05);\n display: flex;\n flex-wrap: wrap;\n align-content: flex-start;\n }\n\n @media (max-width: 768px) {\n .whats-in-box-text-container {\n padding: 10px;\n }\n }\n\n .whats-in-box-item {\n width: 100%;\n margin-bottom: 10px;\n color: #5a3e36;\n font-size: 15px;\n line-height: 1.5;\n position: relative;\n padding-left: 15px;\n }\n\n @media (max-width: 768px) {\n .whats-in-box-item {\n width: 50%;\n font-size: 14px;\n padding-left: 12px;\n }\n }\n\n .whats-in-box-item:before {\n content: \"•\";\n position: absolute;\n left: 0;\n color: #d9aa7d;\n font-weight: bold;\n }\n\n .whats-in-box-item span {\n display: inline-block;\n padding-bottom: 1px;\n border-bottom: 1px dashed #d9aa7d;\n }\n\n .whats-in-box-item:last-child,\n .whats-in-box-item:nth-last-child(2) {\n margin-bottom: 0;\n }\n\u003c\/style\u003e\n\n\u003c!-- Product Specifications Section --\u003e\n\u003cdiv class=\"page-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eProduct Specifications\u003c\/h2\u003e\n \n \u003cdiv class=\"stacked-foldable-container\"\u003e\n \u003c!-- Resolution Section --\u003e\n \u003cdetails class=\"stacked-foldable\"\u003e\n \u003csummary class=\"stacked-summary\"\u003e\n \u003cspan class=\"stacked-title\"\u003eResolution\u003c\/span\u003e \n \u003cspan class=\"stacked-icon\"\u003e❯\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"stacked-content\"\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eSensor type\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003e1\/2.7'' 3 Megapixel CMOS (SENSOR: SC301IOT)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003ePixel\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003e2.0 Mega Pixels\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eMin illuminance\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003eColor 0.01Lux@F1.2\u003cbr\u003eBlack and White 0.001Lux@F1.2\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eView angle\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003e3.6mm@F2.2, 116°\/95.7°\/50.8°@D\/H\/V\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eShutter\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003e1\/25~1\/100,000 per second\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eIR\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003eHigh power IR LED with ICR control\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eVideo compression standard\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003eH.265\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eCompressed output bit rate\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003e32Kbps~2Mbps\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eMax picture size\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003e1984(H) x 1488(V)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eFrame rate\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003e1~25 per second\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eAudio\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003eFull duplex 2-way audio\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eStorage\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003eSupport SD card (Max. 128G), Cloud storage\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003c!-- Battery Section --\u003e\n \u003cdetails class=\"stacked-foldable\"\u003e\n \u003csummary class=\"stacked-summary\"\u003e\n \u003cspan class=\"stacked-title\"\u003eBattery\u003c\/span\u003e \n \u003cspan class=\"stacked-icon\"\u003e❯\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"stacked-content\"\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eBattery capacity\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003e5200mAh\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eStandby time\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003e6 months\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eWorking time\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003e3 months (15 times wake up per day)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eStandby consumption\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003e500µA\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eWork consumption\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003e220mA\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003c!-- Network Section --\u003e\n \u003cdetails class=\"stacked-foldable\"\u003e\n \u003csummary class=\"stacked-summary\"\u003e\n \u003cspan class=\"stacked-title\"\u003eNetwork\u003c\/span\u003e \n \u003cspan class=\"stacked-icon\"\u003e❯\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"stacked-content\"\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eAlarm trigger\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003eIntelligent motion detection, support PIR\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eWireless Security\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003eWEP, WPA, WPA2\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eSupported mobile phone OS\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003eiOS 9 up, Android 4.0 up\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eSecurity\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003eUser authentication, software encryption\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eWifi\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003e2.4G WIFI (IEEE802.11b\/g\/n)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003c!-- General Section --\u003e\n \u003cdetails class=\"stacked-foldable\"\u003e\n \u003csummary class=\"stacked-summary\"\u003e\n \u003cspan class=\"stacked-title\"\u003eGeneral\u003c\/span\u003e \n \u003cspan class=\"stacked-icon\"\u003e❯\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"stacked-content\"\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eGeneral function\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003eDual stream, password protection\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eInstallation\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003eWall Mount Bracket\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eOptional accessories\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003eWireless Chime\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eTriggering\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003eSupport PIR triggering\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eWorking temperature and humidity\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003e-20℃~50℃, humidity less than 90% (without condensation)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eWater proof\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003eIP66\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eBrand\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003eZUMIMALL\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-row\"\u003e\n \u003cdiv class=\"spec-name\"\u003eAPP\u003c\/div\u003e\n \u003cdiv class=\"spec-value\"\u003eZUMIMALL\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n \/* 规格部分样式 - 匹配画廊风格 *\/\n .stacked-foldable-container {\n width: 100%;\n }\n \n \/* 折叠规格表样式 *\/\n .stacked-foldable {\n border: 1px solid #e0d0c0; \/* 匹配画廊边框颜色 *\/\n border-radius: 6px;\n margin-bottom: 8px;\n overflow: hidden;\n background-color: white;\n }\n \n .stacked-summary {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 12px 15px;\n cursor: pointer;\n list-style: none;\n font-weight: bold;\n color: #5a3e36; \/* 匹配画廊文字颜色 *\/\n background-color: #f9f5f0; \/* 匹配画廊背景色 *\/\n transition: all 0.2s;\n }\n \n .stacked-summary:hover {\n background-color: #f0e6d8; \/* 悬停颜色稍深 *\/\n }\n \n .stacked-title {\n font-size: 16px;\n }\n \n .stacked-icon {\n transition: transform 0.2s;\n color: #d9aa7d; \/* 匹配画廊图标颜色 *\/\n font-weight: bold;\n font-size: 18px;\n }\n \n .stacked-foldable[open] .stacked-icon {\n transform: rotate(90deg);\n }\n \n .stacked-content {\n padding: 0 15px;\n background-color: white;\n }\n \n .spec-row {\n display: flex;\n padding: 10px 0;\n border-top: 1px solid #f0f0f0;\n font-size: 14px;\n }\n \n .spec-name {\n flex: 0 0 40%;\n font-weight: 500;\n color: #666;\n }\n \n .spec-value {\n flex: 1;\n color: #333;\n }\n \n \/* 隐藏默认标记 *\/\n .stacked-summary::-webkit-details-marker {\n display: none;\n }\n \n \/* 响应式调整 - 匹配画廊响应式设计 *\/\n @media (max-width: 768px) {\n .stacked-foldable {\n margin-bottom: 5px;\n border-radius: 0;\n border-left: none;\n border-right: none;\n }\n \n .stacked-summary {\n padding: 10px;\n }\n \n .stacked-title {\n font-size: 15px;\n }\n \n .stacked-content {\n padding: 0 10px;\n }\n \n .spec-row {\n flex-direction: column;\n padding: 8px 0;\n }\n \n .spec-name {\n flex: 1;\n margin-bottom: 2px;\n font-size: 13px;\n }\n \n .spec-value {\n font-size: 13px;\n }\n }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n \/\/ 确保折叠功能在所有浏览器正常工作\n document.addEventListener('DOMContentLoaded', function() {\n const details = document.querySelectorAll('.stacked-foldable');\n \n details.forEach(detail =\u003e {\n const summary = detail.querySelector('summary');\n summary.addEventListener('click', function() {\n const icon = detail.querySelector('.stacked-icon');\n if(detail.open) {\n icon.style.transform = 'rotate(90deg)';\n } else {\n icon.style.transform = 'rotate(0deg)';\n }\n });\n });\n });\n\u003c\/script\u003e\n\n\u003c!-- Cloud Storage \u0026 AI Services Section --\u003e\n\u003cdiv class=\"page-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eCloud Storage \u0026amp; AI Services\u003c\/h2\u003e\n \u003cdiv class=\"resources-container\"\u003e\n \u003c!-- Cloud and AI Services --\u003e\n \u003cdiv class=\"accordion-container\"\u003e\n \u003cbutton class=\"accordion\"\u003e\n \u003cspan class=\"accordion-title\"\u003eZUMIMALL Cloud Storage\u003c\/span\u003e\n \u003cspan class=\"accordion-icon\"\u003e❯\u003c\/span\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/ZUMIMALL_Cloud_Storage_f5c790cc-fa5c-4aa5-b00d-101bd25c3a89.jpg?v=1752747534\" class=\"responsive-image\" alt=\"Cloud Storage\"\u003e\n \u003c\/div\u003e\n \n \u003cbutton class=\"accordion\"\u003e\n \u003cspan class=\"accordion-title\"\u003eZUMIMALL AI Services\u003c\/span\u003e\n \u003cspan class=\"accordion-icon\"\u003e❯\u003c\/span\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"accordion-content\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/ZUMIMALL_AI_d13f3958-2bdd-4338-a539-43aac8f90ece.jpg?v=1752747554\" class=\"responsive-image\" alt=\"AI Services\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Downloads Section --\u003e\n \u003cdiv class=\"downloads-container\"\u003e\n \u003cdiv class=\"download-row\"\u003e\n \u003cdiv class=\"download-column\"\u003e\n \u003cdiv class=\"download-content\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/file-arrow-down-solid.svg?v=1742554573\" class=\"download-icon\" alt=\"Manual Download\"\u003e\n \u003cdiv class=\"download-text\"\u003e\n \u003ch5\u003eProduct Manual\u003c\/h5\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/ZUMIMALL_P8_20250609.pdf?v=1749440718\" class=\"download-button\"\u003eDownload\u003c\/a\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"download-column\"\u003e\n \u003cdiv class=\"download-content\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/cloud-arrow-down-solid.svg?v=1742554572\" class=\"download-icon\" alt=\"App Download\"\u003e\n \u003cdiv class=\"download-text\"\u003e\n \u003ch5\u003eApp Download\u003c\/h5\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"download-button-group\"\u003e\n \u003ca href=\"https:\/\/play.google.com\/store\/search?q=zumimall\u0026amp;c=apps\" class=\"download-button\"\u003eAPK\u003c\/a\u003e\n \u003ca href=\"https:\/\/apps.apple.com\/us\/app\/zumimall\/id1515849509\" class=\"download-button\"\u003eiOS\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n \/* 使用画廊风格的配色 *\/\n :root {\n --text-color: #5a3e36;\n --border-color: #e0d0c0;\n --bg-color: #f9f5f0;\n --accent-color: #d9aa7d;\n --button-color: #d9aa7d;\n --border-radius: 6px;\n --box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n }\n \n .accordion-container {\n width: 100%;\n }\n \n .accordion {\n width: 100%;\n background: var(--bg-color);\n border: 1px solid var(--border-color);\n border-radius: var(--border-radius);\n padding: 15px 20px;\n margin-bottom: 8px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n box-shadow: var(--box-shadow);\n transition: all 0.3s;\n }\n \n .accordion:hover {\n background-color: #f0e6d8;\n border-color: var(--accent-color);\n }\n \n .accordion-title {\n font-weight: bold;\n color: var(--text-color);\n }\n \n .accordion-icon {\n transition: transform 0.3s;\n color: var(--accent-color);\n font-weight: bold;\n }\n \n .accordion.active .accordion-icon {\n transform: rotate(90deg);\n }\n \n .accordion-content {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s;\n background-color: white;\n border: 1px solid var(--border-color);\n border-top: none;\n border-bottom-left-radius: var(--border-radius);\n border-bottom-right-radius: var(--border-radius);\n }\n \n .responsive-image {\n width: 100%;\n border-radius: var(--border-radius);\n margin: 10px 0;\n border: 1px solid var(--border-color);\n }\n \n .downloads-container {\n margin-top: 20px;\n }\n \n .download-row {\n display: flex;\n gap: 15px;\n }\n \n .download-column {\n flex: 1;\n background: var(--bg-color);\n border-radius: var(--border-radius);\n padding:12px 15px;\n display: flex;\n\n box-shadow: var(--box-shadow);\n border: 1px solid var(--border-color);\n height:70px;\n }\n \n .download-content {\n display: flex;\n align-items: center;\n gap: 10px;\n width: 100%;\n justify-content: space-between;\n }\n \n .download-icon {\n width: 18px;\n height: 18px;\n color: var(--accent-color);\n }\n \n .download-button {\n padding: 6px 12px;\n background: var(--button-color);\n color: white;\n border-radius: var(--border-radius);\n font-weight: bold;\n text-decoration: none;\n font-size: 13px;\n transition: background-color 0.3s;\n border: none;\n cursor: pointer;\n white-space: nowrap;\n }\n \n .download-button:hover {\n background-color: #c7986d;\n }\n \n .download-button-group {\n display: flex;\n gap: 6px;\n }\n \n h5 {\n color: var(--text-color);\n margin: 0;\n font-size: 15px;\n white-space: nowrap;\n }\n\n .download-text {\n flex: 1;\n padding: 0 10px;\n }\n \n @media (max-width: 768px) {\n .download-row {\n flex-direction: column;\n gap: 10px;\n }\n \n .download-column {\n width: 100%;\n height: auto;\n padding: 10px;\n }\n \n .download-content {\n flex-wrap: wrap;\n }\n \n .download-button, .download-button-group {\n width: auto;\n }\n \n .download-button-group {\n margin-left: auto;\n }\n \n h5 {\n font-size: 14px;\n }\n }\n @media (max-width: 480px) {\n .download-content {\n flex-wrap: nowrap;\n }\n \n .download-column {\n height: 60px;\n }\n \n .download-button {\n padding: 5px 10px;\n font-size: 12px;\n }\n \n .download-button-group {\n gap: 4px;\n }\n }\n\u003c\/style\u003e\n\n\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ About this item collapsible\n const collapsible = document.querySelector('.collapsible');\n const content = document.querySelector('.content');\n \n \/\/ Set initial state (collapsed)\n collapsible.classList.remove('active');\n content.style.maxHeight = null;\n \n \/\/ Toggle on click\n collapsible.addEventListener('click', function() {\n this.classList.toggle('active');\n const content = this.nextElementSibling;\n \n if (this.classList.contains('active')) {\n content.style.maxHeight = content.scrollHeight + 'px';\n } else {\n content.style.maxHeight = null;\n }\n });\n \n \/\/ What's in the Box functionality\n const whatsInBoxHeader = document.querySelector('.whats-in-box-header');\n const whatsInBoxContent = document.querySelector('.whats-in-box-content');\n \n \/\/ Set initial state (expanded)\n whatsInBoxHeader.classList.add('active');\n \n \/\/ Toggle on click\n whatsInBoxHeader.addEventListener('click', function() {\n this.classList.toggle('active');\n whatsInBoxContent.classList.toggle('collapsed');\n \n const icon = this.querySelector('.whats-in-box-icon');\n if (this.classList.contains('active')) {\n whatsInBoxContent.style.maxHeight = '500px';\n icon.style.transform = 'rotate(90deg)';\n } else {\n whatsInBoxContent.style.maxHeight = '0';\n icon.style.transform = 'rotate(0deg)';\n }\n });\n \n \/\/ Accordion functionality\n document.querySelectorAll('.accordion').forEach(btn =\u003e {\n btn.addEventListener('click', function() {\n this.classList.toggle('active');\n const content = this.nextElementSibling;\n content.style.maxHeight = content.style.maxHeight ? null : content.scrollHeight + 'px';\n });\n });\n });\n\u003c\/script\u003e\n\n\u003c!-- CTA Button Section --\u003e\n\u003cdiv class=\"page-section\"\u003e\n \u003cdiv class=\"cta-button-container\"\u003e\n \u003ca class=\"cta-button\" href=\"https:\/\/www.zumimall.com\/pages\/videos-for-p8-doorbell-camera\"\u003e \n Videos for Video Doorbell Camera-P8\n \u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n \/* CTA Button Styles - Matching Gallery Colors *\/\n .cta-button-container {\n text-align: center;\n margin: 30px auto;\n width: 100%;\n }\n \n .cta-button {\n display: inline-block;\n padding: 14px 32px;\n background-color: #d9aa7d; \/* Matching gallery accent color *\/\n color: #fff;\n text-align: center;\n font-size: 16px;\n font-weight: bold;\n border: none;\n border-radius: 6px; \/* Matching gallery border radius *\/\n cursor: pointer;\n text-decoration: none;\n transition: all 0.3s;\n box-shadow: 0 2px 8px rgba(0,0,0,0.1); \/* Matching gallery shadow *\/\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n border: 1px solid #c7986d; \/* Slightly darker border *\/\n }\n \n .cta-button:hover {\n background-color: #c7986d; \/* Darker shade on hover *\/\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n }\n \n \/* Responsive Adjustments *\/\n @media (max-width: 768px) {\n .cta-button {\n padding: 12px 24px;\n font-size: 15px;\n width: 100%;\n box-sizing: border-box;\n }\n }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n \/\/ 确保Whats in the Box折叠功能正常工作\n document.addEventListener('DOMContentLoaded', function() {\n const whatsInBoxHeader = document.querySelector('.whats-in-box-header');\n if (whatsInBoxHeader) {\n whatsInBoxHeader.addEventListener('click', function() {\n this.classList.toggle('active');\n const content = this.nextElementSibling;\n content.classList.toggle('active');\n });\n }\n });\n\u003c\/script\u003e\n\n\n\n \n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eZUMIMALL Security Camera Comparison\u003c\/title\u003e\n \u003cstyle\u003e\n .product-comparison-section {\n width: 100%;\n margin: 40px auto;\n padding: 0 5px;\n position: relative;\n font-family: 'Segoe UI', Arial, sans-serif;\n }\n \n .product-comparison-section h2 {\n text-align: center;\n margin-bottom: 20px;\n font-size: 24px;\n color: #2c3e50;\n padding: 0 10px;\n font-weight: 600;\n }\n \n .comparison-table-container {\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n margin: 0 -5px;\n width: calc(100% + 10px);\n position: relative;\n border: 1px solid #e0e0e0;\n border-radius: 8px;\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);\n }\n \n .product-comparison-table {\n width: 100%;\n border-collapse: separate;\n border-spacing: 0;\n background: white;\n min-width: 600px;\n position: relative;\n }\n \n .product-comparison-table th,\n .product-comparison-table td {\n padding: 12px 10px;\n text-align: center;\n border: 1px solid #e0e0e0;\n font-size: 13px;\n line-height: 1.4;\n position: relative;\n }\n \n \/* 固定第一列样式 *\/\n .product-comparison-table thead tr th:first-child,\n .product-comparison-table tbody tr td:first-child {\n position: sticky;\n left: 0;\n z-index: 2;\n background-color: #f5f7fa;\n min-width: 120px;\n max-width: 120px;\n text-align: left;\n padding-left: 15px;\n font-weight: 600;\n color: #2c3e50;\n box-shadow: 2px 0 5px rgba(0, 0, 0, 0.05);\n }\n \n .product-comparison-table thead tr th:first-child {\n z-index: 3; \/* 确保表头在内容之上 *\/\n background-color: #e8ebf0;\n }\n \n .product-comparison-table th {\n background-color: #f8f9fa;\n font-weight: 600;\n color: #34495e;\n padding: 15px 10px;\n }\n \n .feature-header {\n background-color: #e8ebf0 !important;\n text-align: left !important;\n min-width: 120px;\n max-width: 120px;\n font-size: 13px;\n padding-left: 15px;\n }\n \n .product-image {\n max-width: 90px;\n height: auto;\n display: block;\n margin: 0 auto 8px;\n border-radius: 4px;\n transition: transform 0.2s;\n }\n \n .product-image:hover {\n transform: scale(1.03);\n }\n \n .product-link {\n color: #3498db;\n text-decoration: none;\n font-weight: 600;\n font-size: 13px;\n transition: color 0.2s;\n }\n \n .product-link:hover {\n color: #2980b9;\n text-decoration: underline;\n }\n \n .view-more-link {\n display: inline-block;\n margin-top: 8px;\n font-size: 12px;\n color: #e74c3c;\n text-decoration: none;\n font-weight: 600;\n padding: 4px 10px;\n border: 1px solid #e74c3c;\n border-radius: 4px;\n transition: all 0.2s;\n }\n \n .view-more-link:hover {\n background-color: #e74c3c;\n color: white;\n text-decoration: none;\n }\n \n .checkmark {\n color: #27ae60;\n font-weight: bold;\n font-size: 16px;\n }\n \n .crossmark {\n color: #c0392b;\n font-weight: bold;\n font-size: 16px;\n }\n \n .scroll-indicator {\n text-align: center;\n margin-top: 15px;\n color: #7f8c8d;\n font-size: 13px;\n display: none;\n font-style: italic;\n }\n \n .price-tag {\n font-weight: 600;\n color: #e74c3c;\n font-size: 14px;\n }\n \n \/* 移动端样式 *\/\n @media (max-width: 768px) {\n .product-comparison-section {\n padding: 0 3px;\n }\n \n .product-comparison-section h2 {\n font-size: 20px;\n }\n \n .comparison-table-container {\n margin: 0 -3px;\n width: calc(100% + 6px);\n }\n \n .product-comparison-table th,\n .product-comparison-table td {\n padding: 10px 6px;\n font-size: 12px;\n }\n \n .product-comparison-table thead tr th:first-child,\n .product-comparison-table tbody tr td:first-child {\n min-width: 100px;\n max-width: 100px;\n font-size: 12px;\n padding-left: 10px;\n }\n \n .feature-header {\n min-width: 100px;\n max-width: 100px;\n font-size: 12px;\n padding-left: 10px;\n }\n \n .product-image {\n max-width: 70px;\n }\n \n .scroll-indicator {\n display: block;\n }\n }\n \n \/* 小屏手机样式 *\/\n @media (max-width: 480px) {\n .product-comparison-table th,\n .product-comparison-table td {\n padding: 8px 4px;\n font-size: 11px;\n }\n \n .product-comparison-table thead tr th:first-child,\n .product-comparison-table tbody tr td:first-child {\n min-width: 90px;\n max-width: 90px;\n font-size: 11px;\n padding-left: 8px;\n }\n \n .feature-header {\n min-width: 90px;\n max-width: 90px;\n font-size: 11px;\n padding-left: 8px;\n }\n \n .product-image {\n max-width: 60px;\n }\n \n .view-more-link {\n font-size: 11px;\n padding: 3px 6px;\n }\n \n .price-tag {\n font-size: 12px;\n }\n }\n \n \/* 超小屏手机样式 *\/\n @media (max-width: 360px) {\n .product-comparison-table th,\n .product-comparison-table td {\n padding: 6px 3px;\n font-size: 10px;\n }\n \n .product-comparison-table thead tr th:first-child,\n .product-comparison-table tbody tr td:first-child {\n min-width: 80px;\n max-width: 80px;\n font-size: 10px;\n padding-left: 6px;\n }\n \n .feature-header {\n min-width: 80px;\n max-width: 80px;\n font-size: 10px;\n padding-left: 6px;\n }\n \n .product-image {\n max-width: 50px;\n }\n \n .view-more-link {\n font-size: 10px;\n padding: 2px 4px;\n }\n }\n \u003c\/style\u003e\n\n\n \u003cdiv class=\"product-comparison-section\"\u003e\n \u003ch2\u003eExplore more security cameras from ZUMIMALL\u003c\/h2\u003e\n \n \u003cdiv class=\"comparison-table-container\"\u003e\n \u003ctable class=\"product-comparison-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth class=\"feature-header\"\u003eFeatures\u003c\/th\u003e\n \u003c!-- 产品列将由JavaScript动态生成 --\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003c!-- 各行数据将由JavaScript动态生成 --\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"scroll-indicator\"\u003e\n \u003cspan\u003e← Scroll to see more →\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ 产品数据 - 更新为5款产品\n const products = [\n {\n picture: \"https:\/\/www.zumimall.com\/cdn\/shop\/files\/61OJ6O7WwaL._AC_SX679.jpg?v=1741314450\u0026width=1946\",\n link: \"https:\/\/www.zumimall.com\/products\/zumimall-dual-lens-video-doorbell-camera-with-chime-p10-worldwide-sales\",\n price: \"From $74.98\",\n model: \"Doorbell Camera P10\",\n powerSource: \"Battery\",\n resolution: \"3MP\",\n wifi: \"2.4GHz only\",\n nightVision: \"Color\/Infrared\",\n recording: \"✘\",\n sirenAlarm: \"✔\",\n rotatable: \"✘\",\n zoom: \"4X digital zoom\",\n interface: \"Type C Port\",\n detectionDistance: \"\u003e32FT\",\n app: \"ZUMIMALL\"\n },\n {\n picture: \"https:\/\/www.zumimall.com\/cdn\/shop\/files\/ZUMIMALL2KWIFISecurityCameraF5petkidalarmHousegardenresidenceapartmentmonitoringelderlywhiteSD64g128GFHDBatteryPoweredWirelesswithSirenOutdoorIndoorRechargeableSurveillanceHomeSecurit.jpg?v=1744010356\u0026width=1946\",\n link: \"https:\/\/www.zumimall.com\/products\/2k-wifi-wireless-security-camera-f5\",\n price: \"From $39.99\",\n model: \"Battery Camera F5\",\n powerSource: \"Battery\",\n resolution: \"3MP\",\n wifi: \"2.4GHz only\",\n nightVision: \"Color\/Infrared\",\n recording: \"✘\",\n sirenAlarm: \"✔\",\n rotatable: \"✘\",\n zoom: \"4X digital zoom\",\n interface: \"Type C Port\",\n detectionDistance: \"\u003e32FT\",\n app: \"ZUMIMALL\"\n },\n {\n picture: \"https:\/\/www.zumimall.com\/cdn\/shop\/files\/BK05-3MP_3ab62d04-ac44-4267-88d4-9658fd677a9e.jpg?v=1751448418\u0026width=493\",\n link: \"https:\/\/www.zumimall.com\/products\/zumimall-3mp-5g-2-4g-wifi-wired-security-camera-plug-in-power-bk05-1\",\n price: \"From $29.99\",\n model: \"Wired Camera BK05\",\n powerSource: \"Plug-in\",\n resolution: \"3MP\/5MP\",\n wifi: \"5GHz\/2.4GHz\",\n nightVision: \"Color\/Infrared\",\n recording: \"✔\",\n sirenAlarm: \"✔\",\n rotatable: \"✔\",\n zoom: \"4X digital zoom\",\n interface: \"Type C Port\",\n detectionDistance: \"\u003e32FT\",\n app: \"ZUMIMALL\"\n },\n {\n picture: \"https:\/\/www.zumimall.com\/cdn\/shop\/files\/Q6K_f6e18c8c-eff2-47a3-b67d-b890572b9e32.jpg?v=1754988516\u0026width=493\",\n link: \"https:\/\/www.zumimall.com\/products\/wireless-outdoor-security-cameras-with-solar-panel-type-c-q6\",\n price: \"From $29.99\",\n model: \"Battery Camera Q6\",\n powerSource: \"Solar\/Battery\",\n resolution: \"3MP\",\n wifi: \"2.4GHz only\",\n nightVision: \"Color\/Infrared\",\n recording: \"✘\",\n sirenAlarm: \"✔\",\n rotatable: \"✘\",\n zoom: \"4X digital zoom\",\n interface: \"Type C Port\",\n detectionDistance: \"\u003e32FT\",\n app: \"ZUMIMALL\"\n },\n {\n picture: \"https:\/\/www.zumimall.com\/cdn\/shop\/files\/3034a1133efe01daba919094b70c6310_d1b2ca31-f34a-4272-bfaf-65adaffd9fb4.jpg?v=1754987067\u0026width=493\",\n link: \"https:\/\/www.zumimall.com\/products\/zumimall-outdoor-3mp-solar-battery-powered-2-4g-wifi-security-camera-x6k?variant=49936521199920\",\n price: \"From $37.49\",\n model: \"Solar Camera X6K\",\n powerSource: \"Battery\",\n resolution: \"3MP\",\n wifi: \"2.4GHz only\",\n nightVision: \"Color\/Infrared\",\n recording: \"✘\",\n sirenAlarm: \"✔\",\n rotatable: \"✘\",\n zoom: \"4X digital zoom\",\n interface: \"Type C Port\",\n detectionDistance: \"\u003e32FT\",\n app: \"ZUMIMALL\"\n }\n ];\n\n \/\/ 创建表格列（产品）\n const theadRow = document.querySelector('.product-comparison-table thead tr');\n const tbody = document.querySelector('.product-comparison-table tbody');\n \n \/\/ 添加产品列标题\n products.forEach(product =\u003e {\n const th = document.createElement('th');\n th.innerHTML = `\n \u003ca href=\"${product.link}\" target=\"_blank\"\u003e\n \u003cimg src=\"${product.picture}\" alt=\"${product.model}\" class=\"product-image\"\u003e\n \u003c\/a\u003e\n \u003ca href=\"${product.link}\" target=\"_blank\" class=\"view-more-link\"\u003eView Details\u003c\/a\u003e\n `;\n theadRow.appendChild(th);\n });\n \n \/\/ 创建价格行\n const priceRow = document.createElement('tr');\n const priceHeader = document.createElement('td');\n priceHeader.textContent = 'Price';\n priceHeader.className = 'feature-header';\n priceRow.appendChild(priceHeader);\n \n \/\/ 添加价格单元格\n products.forEach(product =\u003e {\n const priceCell = document.createElement('td');\n priceCell.innerHTML = `\u003cspan class=\"price-tag\"\u003e${product.price}\u003c\/span\u003e`;\n priceRow.appendChild(priceCell);\n });\n \n tbody.appendChild(priceRow);\n \n \/\/ 创建型号行\n const modelRow = document.createElement('tr');\n const modelHeader = document.createElement('td');\n modelHeader.textContent = 'Model';\n modelHeader.className = 'feature-header';\n modelRow.appendChild(modelHeader);\n \n products.forEach(product =\u003e {\n const modelCell = document.createElement('td');\n modelCell.innerHTML = `\u003ca href=\"${product.link}\" target=\"_blank\" class=\"product-link\"\u003e${product.model}\u003c\/a\u003e`;\n modelRow.appendChild(modelCell);\n });\n \n tbody.appendChild(modelRow);\n \n \/\/ 添加其他特性行\n const features = [\n { key: 'powerSource', label: 'Power Source' },\n { key: 'resolution', label: 'Resolution' },\n { key: 'wifi', label: 'Wi-Fi' },\n { key: 'nightVision', label: 'Night Vision' },\n { key: 'recording', label: '24\/7 Recording' },\n { key: 'sirenAlarm', label: 'Siren Alarm' },\n { key: 'rotatable', label: 'Rotatable' },\n { key: 'zoom', label: 'Zoom' },\n { key: 'interface', label: 'Interface' },\n { key: 'detectionDistance', label: 'Detection Distance' },\n { key: 'app', label: 'APP' }\n ];\n \n features.forEach(feature =\u003e {\n const row = document.createElement('tr');\n const header = document.createElement('td');\n header.textContent = feature.label;\n header.className = 'feature-header';\n row.appendChild(header);\n \n products.forEach(product =\u003e {\n const cell = document.createElement('td');\n let value = product[feature.key];\n \n \/\/ 特殊处理勾选和叉号标记\n if (value === '✔') {\n cell.innerHTML = '\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e';\n } else if (value === '✘') {\n cell.innerHTML = '\u003cspan class=\"crossmark\"\u003e✘\u003c\/span\u003e';\n } else {\n cell.textContent = value;\n }\n \n row.appendChild(cell);\n });\n \n tbody.appendChild(row);\n });\n \n \/\/ 检测是否需要显示滚动提示\n function checkScrollIndicator() {\n const container = document.querySelector('.comparison-table-container');\n if (container.scrollWidth \u003e container.clientWidth) {\n document.querySelector('.scroll-indicator').style.display = 'block';\n } else {\n document.querySelector('.scroll-indicator').style.display = 'none';\n }\n }\n \n \/\/ 初始检查和窗口调整时检查\n checkScrollIndicator();\n window.addEventListener('resize', checkScrollIndicator);\n });\n \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"ZUMIMALL","offers":[{"title":"1 Doorbell(White) | No SD Card","offer_id":48898812379440,"sku":"P8W","price":54.99,"currency_code":"USD","in_stock":true},{"title":"1 Doorbell(White) | 128G SD Card","offer_id":66514371969328,"sku":"P8W+128G","price":85.99,"currency_code":"USD","in_stock":true},{"title":"1 Doorbell(Black) | No SD Card","offer_id":66514372002096,"sku":"P8","price":54.99,"currency_code":"USD","in_stock":true},{"title":"1 Doorbell(Black) | 128G SD Card","offer_id":66514372034864,"sku":"P8+128G","price":85.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/P8_2e51edbb-06bb-4687-8ae1-6e292ccae13d.jpg?v=1774246323","url":"https:\/\/www.zumimall.com\/en-mx\/products\/zumimall-video-doorbell-camera-battery-powered-p8","provider":"ZUMIMALL","version":"1.0","type":"link"}