{"product_id":"wireless-battery-video-doorbell-p8-black-white","title":"ZUMIMALL Battery Video Doorbell  Camera -P8","description":"\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","brand":"ZUMIMALL","offers":[{"title":"1 Doorbell(White) | No SD Card","offer_id":49247067078960,"sku":"P8W","price":54.99,"currency_code":"USD","in_stock":true},{"title":"1 Doorbell(White) | 64G SD Card","offer_id":49789716169008,"sku":"P8W+64G","price":69.99,"currency_code":"USD","in_stock":true},{"title":"1 Doorbell(White) | 128G SD Card","offer_id":49789716201776,"sku":"P8W+128g","price":85.99,"currency_code":"USD","in_stock":true},{"title":"1 Doorbell(Black) | No SD Card","offer_id":66514200002864,"sku":"P8","price":54.99,"currency_code":"USD","in_stock":true},{"title":"1 Doorbell(Black) | 64G SD Card","offer_id":66514200035632,"sku":"P8+64G","price":69.99,"currency_code":"USD","in_stock":true},{"title":"1 Doorbell(Black) | 128G SD Card","offer_id":66514200068400,"sku":"P8+128g","price":85.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0262\/6227\/4147\/files\/zumimall-battery-doorbell-camera-p8w.webp?v=1776064325","url":"https:\/\/www.zumimall.com\/en-pl\/products\/wireless-battery-video-doorbell-p8-black-white","provider":"ZUMIMALL","version":"1.0","type":"link"}