{"product_id":"cam360-camera-ampoule-360-securiser-ce-qui-compte-des-aujourdhui","title":"CAM360™ : Caméra Ampoule 4K 360°, SECURISER CE QUI COMPTE DES AUJOURD'HUI","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\"\u003e\n    \u003ctitle\u003eCaméra WiFi 360° - Sécurité Totale\u003c\/title\u003e\n    \n    \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;800;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n    \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"\u003e\n    \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n\n    \u003cscript\u003e\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        'brand': '#38B2AC',\n                        'brand-dark': '#2C7A7B',\n                        'urgent': '#E53E3E',\n                        'money': '#38A169',\n                        'wa-green': '#25D366', \/\/ Vrai vert WhatsApp\n                    },\n                    fontFamily: {\n                        'sans': ['Montserrat', 'sans-serif'],\n                    },\n                    boxShadow: {\n                        'neon': '0 0 15px rgba(229, 62, 62, 0.5)',\n                        'float': '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',\n                        'glass': '0 8px 32px 0 rgba(31, 38, 135, 0.07)',\n                    }\n                }\n            }\n        }\n    \u003c\/script\u003e\n\n    \u003cstyle\u003e\n        body {\n            background-color: #f4f7f6;\n            padding-bottom: 160px; \/* Espace ajusté pour le bouton fixe Shopify *\/\n            overflow-x: hidden;\n        }\n\n        \/* Animations existantes *\/\n        @keyframes marquee {\n            0% { transform: translateX(100%); }\n            100% { transform: translateX(-100%); }\n        }\n        .animate-marquee { display: inline-block; white-space: nowrap; animation: marquee 15s linear infinite; }\n\n        @keyframes heartbeat {\n            0%, 100% { transform: scale(1); }\n            15% { transform: scale(1.03); }\n            30% { transform: scale(1); }\n            45% { transform: scale(1.03); }\n            60% { transform: scale(1); }\n        }\n        .btn-heartbeat { animation: heartbeat 2.5s infinite; }\n\n        @keyframes float-heavy {\n            0% { transform: translateY(0px) rotate(0deg); }\n            50% { transform: translateY(-12px) rotate(2deg); }\n            100% { transform: translateY(0px) rotate(0deg); }\n        }\n        .img-float { animation: float-heavy 4s ease-in-out infinite; }\n\n        @keyframes shine {\n            0% { left: -100%; }\n            20% { left: 100%; }\n            100% { left: 100%; }\n        }\n        .shine-effect::after {\n            content: ''; position: absolute; top: 0; left: -100%; width: 50%; height: 100%;\n            background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 100%);\n            transform: skewX(-25deg); animation: shine 3s infinite;\n        }\n\n        @keyframes smooth-slide {\n            0% { transform: translateX(0); }\n            100% { transform: translateX(-50%); }\n        }\n        .carousel-track {\n            display: flex;\n            width: 600%; \/* 6 images (3 originales + 3 clones) pour boucle infinie *\/\n            animation: smooth-slide 20s linear infinite;\n        }\n        .carousel-slide { width: 16.666%; flex-shrink: 0; padding: 0 4px; }\n\n        .sales-popup {\n            transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.6s ease;\n            transform: translateX(-150%);\n            opacity: 0;\n            pointer-events: none;\n            z-index: 60;\n        }\n        .sales-popup.show {\n            transform: translateX(0);\n            opacity: 1;\n        }\n\n        \/* Styles décoratifs *\/\n        .glass-card {\n            background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px);\n            border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: var(--tw-shadow-glass);\n        }\n        .blob-bg {\n            position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);\n            width: 120%; height: 120%; background: radial-gradient(circle, rgba(56,178,172,0.2) 0%, rgba(255,255,255,0) 70%); z-index: -1;\n        }\n        .clip-slant { clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%); }\n        \n        \/* Personnalisation de l'accordéon FAQ *\/\n        details \u003e summary { list-style: none; }\n        details \u003e summary::-webkit-details-marker { display: none; }\n    \u003c\/style\u003e\n\n\n\n    \u003cdiv class=\"bg-urgent text-white text-xs font-black py-2 overflow-hidden relative shadow-md z-50\"\u003e\n        \u003cdiv class=\"animate-marquee tracking-wider\"\u003e\n            🚨 RUPTURE DE STOCK IMMINENTE - PLUS QUE 7 PIÈCES DISPONIBLES DANS VOTRE VILLE 🚨 PAIEMENT À LA LIVRAISON 100% SÉCURISÉ 🚚 🚨\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cheader class=\"bg-white clip-slant pb-12 shadow-sm relative\"\u003e\n        \u003cdiv class=\"pt-6 px-4 text-center\"\u003e\n            \u003cdiv class=\"inline-block bg-black text-white text-[10px] font-bold px-3 py-1 rounded-full mb-3 uppercase tracking-widest border border-gray-700\"\u003e\n                \u003ci class=\"fa-solid fa-star text-yellow-400\"\u003e\u003c\/i\u003e Produit de l'année 2024\n            \u003c\/div\u003e\n            \u003ch1 class=\"text-3xl font-black leading-none mb-3 text-gray-900 tracking-tight\"\u003e\n                LA CAMÉRA QUI REND LES VOLEURS \u003cspan class=\"text-brand block mt-1 text-4xl\"\u003eFOUS !\u003c\/span\u003e\n            \u003c\/h1\u003e\n            \u003cp class=\"text-gray-600 font-semibold text-sm px-2\"\u003eVisser, Connecter, Sécuriser. Aussi simple que de changer une ampoule.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"relative mt-6 px-4 flex justify-center items-center\"\u003e\n            \u003cdiv class=\"blob-bg\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"absolute -top-4 -left-2 bg-urgent text-white font-black text-xl rounded-full w-20 h-20 flex items-center justify-center border-4 border-white shadow-xl z-20 transform -rotate-12\"\u003e\n                -50%\n            \u003c\/div\u003e\n            \n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0661\/8782\/1143\/files\/b38cda542dad43dab2b8301b85d231c2.gif?v=1775622640\" alt=\"Caméra Ampoule\" class=\"w-full max-w-[320px] h-auto object-contain rounded-3xl img-float shadow-[0_20px_50px_rgba(56,178,172,0.4)] border-4 border-white relative z-10\" onerror=\"this.src='https:\/\/placehold.co\/600x600\/38B2AC\/ffffff?text=Image+Principale'\"\u003e\n            \n            \u003cdiv class=\"absolute bottom-4 right-4 bg-black bg-opacity-80 text-white text-[10px] font-bold px-3 py-1.5 rounded-full z-20 flex items-center gap-2 backdrop-blur-sm border border-gray-600 shadow-lg\"\u003e\n                \u003cdiv class=\"w-2 h-2 bg-red-500 rounded-full animate-pulse\"\u003e\u003c\/div\u003e VISION 360°\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/header\u003e\n\n    \u003cmain class=\"px-4 mt-6\"\u003e\n        \n        \u003cdiv class=\"mb-8 overflow-hidden rounded-2xl shadow-lg border border-gray-200 bg-white\"\u003e\n            \u003cdiv class=\"bg-wa-green text-white text-[11px] font-black text-center py-2 uppercase tracking-widest flex items-center justify-center gap-2\"\u003e\n                \u003ci class=\"fa-brands fa-whatsapp text-base\"\u003e\u003c\/i\u003e Ils en parlent sur WhatsApp !\n            \u003c\/div\u003e\n            \u003c!-- Utilisation d'un ratio carré et de object-contain pour que rien ne soit coupé --\u003e\n            \u003cdiv class=\"overflow-hidden w-full relative aspect-square bg-white\"\u003e\n                \u003cdiv class=\"carousel-track h-full\"\u003e\n                    \u003c!-- IMAGE 1 --\u003e\n                    \u003cdiv class=\"carousel-slide h-full flex items-center justify-center p-1\"\u003e\n                        \u003cimg src=\"https:\/\/p4hn1y-13.myshopify.com\/cdn\/shop\/files\/img_v3_0213c_ced33034-2dd5-4667-aceb-1162f336fahu.jpg?v=1783390793\u0026amp;width=3840\" alt=\"Contenu de la boite\" class=\"w-full h-full object-contain rounded-xl shadow-sm\"\u003e\n                    \u003c\/div\u003e\n                    \u003c!-- IMAGE 2 --\u003e\n                    \u003cdiv class=\"carousel-slide h-full flex items-center justify-center p-1\"\u003e\n                        \u003cimg src=\"https:\/\/p4hn1y-13.myshopify.com\/cdn\/shop\/files\/img_v3_0213c_ed5fd161-3c36-4549-b2ac-3f21aae3d8hu.jpg?v=1783390790\u0026amp;width=3840\" alt=\"Vue sur téléphone\" class=\"w-full h-full object-contain rounded-xl\"\u003e\n                    \u003c\/div\u003e\n                    \u003c!-- IMAGE 3 --\u003e\n                    \u003cdiv class=\"carousel-slide h-full flex items-center justify-center p-1\"\u003e\n                        \u003cimg src=\"https:\/\/p4hn1y-13.myshopify.com\/cdn\/shop\/files\/img_v3_0213c_a234f1df-e9e5-4319-8ed0-cada27ec39hu.jpg?v=1783390796\u0026amp;width=3840\" alt=\"Installation Facile\" class=\"w-full h-full object-contain rounded-xl\"\u003e\n                    \u003c\/div\u003e\n                    \u003c!-- CLONES POUR LA BOUCLE PARFAITE --\u003e\n                    \u003cdiv class=\"carousel-slide h-full flex items-center justify-center p-1\"\u003e\n                        \u003cimg src=\"https:\/\/p4hn1y-13.myshopify.com\/cdn\/shop\/files\/img_v3_0213c_ced33034-2dd5-4667-aceb-1162f336fahu.jpg?v=1783390793\u0026amp;width=3840\" alt=\"Contenu de la boite\" class=\"w-full h-full object-contain rounded-xl\"\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"carousel-slide h-full flex items-center justify-center p-1\"\u003e\n                        \u003cimg src=\"https:\/\/p4hn1y-13.myshopify.com\/cdn\/shop\/files\/img_v3_0213c_ed5fd161-3c36-4549-b2ac-3f21aae3d8hu.jpg?v=1783390790\u0026amp;width=3840\" alt=\"Vue sur téléphone\" class=\"w-full h-full object-contain rounded-xl\"\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"carousel-slide h-full flex items-center justify-center p-1\"\u003e\n                        \u003cimg src=\"https:\/\/p4hn1y-13.myshopify.com\/cdn\/shop\/files\/img_v3_0213c_a234f1df-e9e5-4319-8ed0-cada27ec39hu.jpg?v=1783390796\u0026amp;width=3840\" alt=\"Installation Facile\" class=\"w-full h-full object-contain rounded-xl\"\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"mb-6 bg-red-50 border border-red-200 rounded-2xl p-4 text-center\"\u003e\n            \u003ch3 class=\"text-urgent font-black text-sm uppercase mb-3\"\u003e\n\u003ci class=\"fa-solid fa-clock\"\u003e\u003c\/i\u003e L'offre expire dans :\u003c\/h3\u003e\n            \u003cdiv class=\"flex justify-center gap-3\"\u003e\n                \u003cdiv class=\"bg-white shadow-md rounded-lg w-16 py-2 border-b-4 border-red-500\"\u003e\n                    \u003cspan id=\"countdown-hours\" class=\"text-2xl font-black text-gray-900\"\u003e02\u003c\/span\u003e\n                    \u003cspan class=\"block text-[8px] font-bold text-gray-500 mt-1 uppercase\"\u003eHeures\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"text-2xl font-black text-gray-400 mt-1\"\u003e:\u003c\/div\u003e\n                \u003cdiv class=\"bg-white shadow-md rounded-lg w-16 py-2 border-b-4 border-red-500\"\u003e\n                    \u003cspan id=\"countdown-minutes\" class=\"text-2xl font-black text-gray-900\"\u003e45\u003c\/span\u003e\n                    \u003cspan class=\"block text-[8px] font-bold text-gray-500 mt-1 uppercase\"\u003eMin\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"text-2xl font-black text-gray-400 mt-1\"\u003e:\u003c\/div\u003e\n                \u003cdiv class=\"bg-white shadow-md rounded-lg w-16 py-2 border-b-4 border-red-500 bg-alert-flash transition-colors duration-300\"\u003e\n                    \u003cspan id=\"countdown-seconds\" class=\"text-2xl font-black text-gray-900 transition-colors duration-300\"\u003e12\u003c\/span\u003e\n                    \u003cspan class=\"block text-[8px] font-bold text-gray-500 mt-1 uppercase\"\u003eSec\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"glass-card rounded-3xl p-5 mb-8 text-center relative overflow-hidden\"\u003e\n            \u003cdiv class=\"absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-brand to-urgent\"\u003e\u003c\/div\u003e\n            \n            \u003cp class=\"text-gray-400 font-bold uppercase text-xs mb-1\"\u003ePrix Normal : \u003cspan class=\"line-through\"\u003e39 980 FCFA\u003c\/span\u003e\u003c\/p\u003e\n            \u003cdiv class=\"flex justify-center items-end gap-1 mb-4\"\u003e\n                \u003cspan class=\"text-5xl font-black text-gray-900 tracking-tighter\"\u003e19 990\u003c\/span\u003e\n                \u003cspan class=\"text-xl font-black text-urgent mb-1\"\u003eFCFA\u003c\/span\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"bg-money text-white rounded-xl p-3 flex items-center justify-center gap-3 shadow-lg border-2 border-green-400 shine-effect relative overflow-hidden\"\u003e\n                \u003ci class=\"fa-solid fa-hand-holding-dollar text-3xl\"\u003e\u003c\/i\u003e\n                \u003cdiv class=\"text-left\"\u003e\n                    \u003ch3 class=\"font-black text-sm uppercase\"\u003ePaiement à la livraison\u003c\/h3\u003e\n                    \u003cp class=\"text-[10px] font-medium opacity-90\"\u003eRecevez, Vérifiez, Payez ! 0 Risque.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"bg-gradient-to-br from-yellow-400 to-orange-500 p-1 rounded-3xl shadow-xl mb-10 transform rotate-1\"\u003e\n            \u003cdiv class=\"bg-white rounded-[22px] p-5 border-2 border-dashed border-orange-400 relative\"\u003e\n                \u003cdiv class=\"absolute -top-5 right-4 text-5xl img-float\"\u003e🎁\u003c\/div\u003e\n                \u003cdiv class=\"bg-orange-100 text-orange-600 text-[10px] font-black px-2 py-1 rounded inline-block mb-2 uppercase border border-orange-200\"\u003e\n                    Offre Spéciale Aujourd'hui\n                \u003c\/div\u003e\n                \u003ch2 class=\"text-xl font-black text-gray-900 leading-tight mb-2\"\u003e1 CAMÉRA ACHETÉE = \u003cbr\u003e\u003cspan class=\"text-urgent\"\u003e1 CADEAU OFFERT !\u003c\/span\u003e\n\u003c\/h2\u003e\n                \u003cp class=\"text-sm font-semibold text-gray-600 mb-3\"\u003eChoisissez votre cadeau lors de la confirmation :\u003c\/p\u003e\n                \n                \u003cdiv class=\"grid grid-cols-2 gap-2 mt-3 mb-5\"\u003e\n                    \u003cdiv class=\"bg-orange-50 border border-orange-200 rounded-lg p-2 text-center shadow-sm\"\u003e\n                        \u003ci class=\"fa-solid fa-sd-card text-brand text-xl mb-1 block\"\u003e\u003c\/i\u003e\n                        \u003cspan class=\"text-[10px] font-bold text-gray-800\"\u003eCarte Mémoire 8GB\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"bg-orange-50 border border-orange-200 rounded-lg p-2 text-center shadow-sm\"\u003e\n                        \u003ci class=\"fa-solid fa-bell text-brand text-xl mb-1 block\"\u003e\u003c\/i\u003e\n                        \u003cspan class=\"text-[10px] font-bold text-gray-800\"\u003eMini Alarme\u003c\/span\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- Bouton d'achat direct WhatsApp --\u003e\n                \u003ca href=\"https:\/\/wa.me\/22776938569?text=Bonjour,%20je%20souhaite%20commander%20la%20cam%C3%A9ra%20avec%20l'offre%20sp%C3%A9ciale%20et%20le%20cadeau.\" target=\"_blank\" class=\"block w-full bg-wa-green text-white text-center rounded-xl py-3 px-4 shadow-lg font-black uppercase flex items-center justify-center gap-2 transform active:scale-95 transition-transform\"\u003e\n                    \u003ci class=\"fa-brands fa-whatsapp text-2xl\"\u003e\u003c\/i\u003e\n                    Commander par WhatsApp\n                \u003c\/a\u003e\n                \u003cp class=\"text-[9px] text-center text-gray-500 mt-2 font-bold\"\u003eRéponse instantanée au +227 76 93 85 69\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003csection class=\"mb-10\"\u003e\n            \u003cdiv class=\"flex items-center gap-3 mb-6\"\u003e\n                \u003cdiv class=\"h-px bg-gray-300 flex-1\"\u003e\u003c\/div\u003e\n                \u003ch3 class=\"font-black text-lg text-gray-800 uppercase tracking-wide\"\u003eLa Caméra en Action\u003c\/h3\u003e\n                \u003cdiv class=\"h-px bg-gray-300 flex-1\"\u003e\u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"grid grid-cols-2 gap-4\"\u003e\n                \n                \u003c!-- Vue Extérieure GIF (Pleine largeur, Ratio 16:9, Non rogné) --\u003e\n                \u003cdiv class=\"col-span-2 rounded-2xl overflow-hidden shadow-lg border-2 border-white bg-black relative group flex items-center justify-center aspect-video\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0661\/8782\/1143\/files\/0ccbbaaef3bf40468f2409045cb4c203.gif?v=1775622622\" alt=\"Vue Extérieure\" class=\"w-full h-full object-contain\"\u003e\n                    \u003cdiv class=\"absolute top-3 left-3 bg-black\/80 backdrop-blur-md text-white text-[10px] font-bold px-3 py-1.5 rounded-full border border-gray-600 flex items-center gap-2 shadow-lg\"\u003e\n                        \u003cdiv class=\"w-2 h-2 bg-red-500 rounded-full animate-pulse\"\u003e\u003c\/div\u003e EN DIRECT\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \n                \u003c!-- Mode Nuit (Format Carré) --\u003e\n                \u003cdiv class=\"col-span-1 rounded-2xl overflow-hidden shadow-lg border-2 border-white bg-gray-900 relative aspect-square\"\u003e\n                    \u003cimg src=\"https:\/\/capsahome.com\/wp-content\/uploads\/2024\/12\/6541180cbb1b0-1698764812.png\" alt=\"Mode Nuit\" class=\"w-full h-full object-cover\"\u003e\n                    \u003cdiv class=\"absolute bottom-2 left-2 right-2 text-center bg-black\/70 backdrop-blur-md text-white text-[10px] font-bold py-1.5 rounded-lg border border-gray-600 shadow-md\"\u003e\n                        \u003ci class=\"fa-solid fa-moon text-yellow-400 mr-1\"\u003e\u003c\/i\u003e Mode Nuit\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \n                \u003c!-- Application (Format Carré) --\u003e\n                \u003cdiv class=\"col-span-1 rounded-2xl overflow-hidden shadow-lg border-2 border-white bg-gray-900 relative aspect-square\"\u003e\n                    \u003cimg src=\"https:\/\/afrozone-shop-2.myshopify.com\/cdn\/shop\/files\/61HfeUI5-BL._AC_SL1500.jpg?v=1773412331\u0026amp;width=800\" alt=\"Application\" class=\"w-full h-full object-cover\"\u003e\n                    \u003cdiv class=\"absolute bottom-2 left-2 right-2 text-center bg-brand\/90 backdrop-blur-md text-white text-[10px] font-bold py-1.5 rounded-lg border border-brand-dark shadow-md\"\u003e\n                        \u003ci class=\"fa-solid fa-mobile-screen mr-1\"\u003e\u003c\/i\u003e Sur Téléphone\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \n                \u003c!-- Détection de Mouvement (Pleine largeur, Ratio 16:9) --\u003e\n                \u003cdiv class=\"col-span-2 rounded-2xl overflow-hidden shadow-lg border-2 border-white bg-black relative aspect-video flex items-center justify-center\"\u003e\n                    \u003cimg src=\"https:\/\/shipper-network-server-production-bucket.s3.eu-west-3.amazonaws.com\/storage\/shipper-network-service-tunisia\/uploads\/products\/2722301\/67caed212e69b-1741352225.jpg\" alt=\"Détection de Mouvement\" class=\"w-full h-full object-contain\"\u003e\n                    \u003cdiv class=\"absolute inset-0 bg-gradient-to-t from-urgent\/90 via-black\/40 to-transparent flex items-end justify-center pb-4\"\u003e\n                        \u003cspan class=\"text-white font-black text-sm uppercase tracking-wide drop-shadow-md\"\u003e\n                            \u003ci class=\"fa-solid fa-person-running mr-2\"\u003e\u003c\/i\u003eAlerte Anti-Intrusion\n                        \u003c\/span\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \n            \u003c\/div\u003e\n        \u003c\/section\u003e\n\n        \u003csection class=\"mb-12\"\u003e\n            \u003cdiv class=\"flex items-center justify-center gap-3 mb-6\"\u003e\n                \u003ci class=\"fa-brands fa-whatsapp text-3xl text-wa-green animate-pulse\"\u003e\u003c\/i\u003e\n                \u003ch3 class=\"font-black text-center text-xl text-gray-800\"\u003eAvis Clients WhatsApp\u003c\/h3\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"bg-[url('https:\/\/placehold.co\/400x400\/e5ddd5\/e5ddd5')] bg-cover rounded-3xl p-4 shadow-inner border border-gray-200 space-y-4\"\u003e\n                \u003cdiv class=\"flex gap-2\"\u003e\n                    \u003cdiv class=\"w-8 h-8 rounded-full bg-gray-300 flex-shrink-0 flex items-center justify-center overflow-hidden border border-white shadow-sm\"\u003e\n                        \u003cimg src=\"https:\/\/placehold.co\/100x100\/38B2AC\/ffffff?text=A\" alt=\"Avatar\"\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"bg-white p-2.5 rounded-tr-xl rounded-b-xl shadow-sm relative max-w-[85%]\"\u003e\n                        \u003cp class=\"text-xs font-bold text-red-500 mb-0.5\"\u003eAli (Niamey) \u003cspan class=\"text-yellow-400 ml-1\"\u003e⭐⭐⭐⭐⭐\u003c\/span\u003e\u003c\/p\u003e\n                        \u003cp class=\"text-sm text-gray-800 leading-snug\"\u003ePatron, bien reçu au grand marché. J'ai installé ça dans ma boutique. Je vois mes employés depuis mon salon. C'est propre ! Et merci pour la carte mémoire.\u003c\/p\u003e\n                        \u003cspan class=\"text-[9px] text-gray-400 absolute bottom-1 right-2\"\u003e14:22 \u003ci class=\"fa-solid fa-check-double text-blue-500\"\u003e\u003c\/i\u003e\u003c\/span\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"flex gap-2 justify-end\"\u003e\n                    \u003cdiv class=\"bg-[#DCF8C6] p-2.5 rounded-tl-xl rounded-b-xl shadow-sm relative max-w-[85%] border border-green-200\"\u003e\n                        \u003cp class=\"text-xs font-bold text-green-700 mb-0.5\"\u003eZeinabou (Zinder) \u003cspan class=\"text-yellow-400 ml-1\"\u003e⭐⭐⭐⭐⭐\u003c\/span\u003e\u003c\/p\u003e\n                        \u003cp class=\"text-sm text-gray-800 leading-snug\"\u003eLe livreur vient de partir. Installation super facile, même pour moi. L'image est très claire, même la nuit devant ma cour.\u003c\/p\u003e\n                        \u003cspan class=\"text-[9px] text-gray-500 absolute bottom-1 right-2\"\u003e16:45 \u003ci class=\"fa-solid fa-check-double text-blue-500\"\u003e\u003c\/i\u003e\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"w-8 h-8 rounded-full bg-gray-300 flex-shrink-0 flex items-center justify-center overflow-hidden border border-white shadow-sm\"\u003e\n                        \u003cimg src=\"https:\/\/placehold.co\/100x100\/E53E3E\/ffffff?text=Z\" alt=\"Avatar\"\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n\n        \u003csection class=\"mb-10\"\u003e\n            \u003ch3 class=\"font-black text-center text-xl mb-4 text-gray-800\"\u003eQuestions Fréquentes (FAQ)\u003c\/h3\u003e\n            \u003cdiv class=\"space-y-3\"\u003e\n                \n                \u003cdetails class=\"group bg-white border border-gray-200 rounded-xl shadow-sm [\u0026amp;_summary::-webkit-details-marker]:hidden\"\u003e\n                    \u003csummary class=\"flex cursor-pointer items-center justify-between gap-1.5 p-4 text-gray-900 font-bold\"\u003e\n                        \u003ch2 class=\"text-sm\"\u003eFaut-il payer avant la livraison ?\u003c\/h2\u003e\n                        \u003cspan class=\"relative size-5 shrink-0\"\u003e\n                            \u003ci class=\"fa-solid fa-plus absolute inset-0 opacity-100 transition duration-300 group-open:opacity-0\"\u003e\u003c\/i\u003e\n                            \u003ci class=\"fa-solid fa-minus absolute inset-0 opacity-0 transition duration-300 group-open:opacity-100\"\u003e\u003c\/i\u003e\n                        \u003c\/span\u003e\n                    \u003c\/summary\u003e\n                    \u003cp class=\"px-4 pb-4 text-xs text-gray-600 leading-relaxed\"\u003e\n                        Non, absolument pas ! Vous ne payez que lorsque le livreur vous remet le produit en main propre. C'est 100% sécurisé et sans risque pour vous.\n                    \u003c\/p\u003e\n                \u003c\/details\u003e\n\n                \u003cdetails class=\"group bg-white border border-gray-200 rounded-xl shadow-sm [\u0026amp;_summary::-webkit-details-marker]:hidden\"\u003e\n                    \u003csummary class=\"flex cursor-pointer items-center justify-between gap-1.5 p-4 text-gray-900 font-bold\"\u003e\n                        \u003ch2 class=\"text-sm\"\u003eEst-ce difficile à installer ?\u003c\/h2\u003e\n                        \u003cspan class=\"relative size-5 shrink-0\"\u003e\n                            \u003ci class=\"fa-solid fa-plus absolute inset-0 opacity-100 transition duration-300 group-open:opacity-0\"\u003e\u003c\/i\u003e\n                            \u003ci class=\"fa-solid fa-minus absolute inset-0 opacity-0 transition duration-300 group-open:opacity-100\"\u003e\u003c\/i\u003e\n                        \u003c\/span\u003e\n                    \u003c\/summary\u003e\n                    \u003cp class=\"px-4 pb-4 text-xs text-gray-600 leading-relaxed\"\u003e\n                        C'est aussi simple que de changer une ampoule ! Vous la vissez sur une douille classique, vous téléchargez l'application, vous la connectez au Wifi et c'est prêt.\n                    \u003c\/p\u003e\n                \u003c\/details\u003e\n\n                \u003cdetails class=\"group bg-white border border-gray-200 rounded-xl shadow-sm [\u0026amp;_summary::-webkit-details-marker]:hidden\"\u003e\n                    \u003csummary class=\"flex cursor-pointer items-center justify-between gap-1.5 p-4 text-gray-900 font-bold\"\u003e\n                        \u003ch2 class=\"text-sm\"\u003ePuis-je voir l'image si je voyage ?\u003c\/h2\u003e\n                        \u003cspan class=\"relative size-5 shrink-0\"\u003e\n                            \u003ci class=\"fa-solid fa-plus absolute inset-0 opacity-100 transition duration-300 group-open:opacity-0\"\u003e\u003c\/i\u003e\n                            \u003ci class=\"fa-solid fa-minus absolute inset-0 opacity-0 transition duration-300 group-open:opacity-100\"\u003e\u003c\/i\u003e\n                        \u003c\/span\u003e\n                    \u003c\/summary\u003e\n                    \u003cp class=\"px-4 pb-4 text-xs text-gray-600 leading-relaxed\"\u003e\n                        Oui ! Tant que la caméra est connectée au Wifi de votre maison\/boutique, vous pouvez voir les images en direct depuis votre téléphone, n'importe où dans le monde grâce à vos données mobiles.\n                    \u003c\/p\u003e\n                \u003c\/details\u003e\n\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n\n        \u003cdiv class=\"flex justify-center items-center gap-6 mb-4 border-t border-gray-200 pt-6\"\u003e\n            \u003cdiv class=\"text-center\"\u003e\n                \u003cdiv class=\"w-10 h-10 rounded-full bg-gray-100 flex items-center justify-center mx-auto mb-2 text-gray-600\"\u003e\n                    \u003ci class=\"fa-solid fa-shield-halved\"\u003e\u003c\/i\u003e\n                \u003c\/div\u003e\n                \u003cp class=\"text-[9px] font-bold uppercase text-gray-500\"\u003eGarantie 1 An\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"text-center\"\u003e\n                \u003cdiv class=\"w-10 h-10 rounded-full bg-gray-100 flex items-center justify-center mx-auto mb-2 text-gray-600\"\u003e\n                    \u003ci class=\"fa-solid fa-truck-fast\"\u003e\u003c\/i\u003e\n                \u003c\/div\u003e\n                \u003cp class=\"text-[9px] font-bold uppercase text-gray-500\"\u003eLivraison Rapide\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"text-center\"\u003e\n                \u003cdiv class=\"w-10 h-10 rounded-full bg-gray-100 flex items-center justify-center mx-auto mb-2 text-gray-600\"\u003e\n                    \u003ci class=\"fa-solid fa-phone-volume\"\u003e\u003c\/i\u003e\n                \u003c\/div\u003e\n                \u003cp class=\"text-[9px] font-bold uppercase text-gray-500\"\u003eSAV Local\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/main\u003e\n\n    \u003cdiv id=\"salesPopup\" class=\"fixed top-14 left-2 z-50 w-[90%] max-w-[300px] bg-white rounded-xl shadow-2xl p-3 flex items-center gap-3 border-l-4 border-wa-green sales-popup\"\u003e\n        \u003cdiv class=\"w-10 h-10 rounded-full bg-gray-200 flex items-center justify-center flex-shrink-0 text-gray-500 text-lg\"\u003e\n            \u003ci class=\"fa-solid fa-user\"\u003e\u003c\/i\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"flex-1\"\u003e\n            \u003cp class=\"text-xs font-medium text-gray-800\"\u003e\u003cspan id=\"popName\" class=\"font-black text-gray-900\"\u003eOumarou (Maradi)\u003c\/span\u003e vient d'acheter ce produit.\u003c\/p\u003e\n            \u003cp class=\"text-[10px] font-bold text-wa-green mt-0.5\"\u003eVérifié ✔✔ \u003cspan class=\"text-gray-400 font-normal ml-1\"\u003eIl y a \u003cspan id=\"popTime\"\u003e2\u003c\/span\u003e min\u003c\/span\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fixed bottom-28 left-0 w-full z-40 pointer-events-none flex justify-center\"\u003e\n        \u003cdiv class=\"animate-bounce pointer-events-auto\"\u003e\n            \u003cspan class=\"bg-black text-white text-xs font-black px-5 py-2.5 rounded-full shadow-2xl border-2 border-white flex items-center gap-2\"\u003e\n                Cliquer ici pour réserver 👇\n            \u003c\/span\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cscript\u003e\n        \/\/ --- LOGIQUE DU COMPTE À REBOURS ---\n        function startTimer(duration, hoursDisplay, minutesDisplay, secondsDisplay) {\n            let timer = duration, hours, minutes, seconds;\n            setInterval(function () {\n                hours = parseInt(timer \/ 3600, 10);\n                minutes = parseInt((timer % 3600) \/ 60, 10);\n                seconds = parseInt(timer % 60, 10);\n\n                hours = hours \u003c 10 ? \"0\" + hours : hours;\n                minutes = minutes \u003c 10 ? \"0\" + minutes : minutes;\n                seconds = seconds \u003c 10 ? \"0\" + seconds : seconds;\n\n                hoursDisplay.textContent = hours;\n                minutesDisplay.textContent = minutes;\n                secondsDisplay.textContent = seconds;\n\n                \/\/ Fait clignoter les secondes en rouge quand il reste moins d'une minute\n                if(timer \u003c 60) {\n                    secondsDisplay.parentElement.classList.add('text-red-600');\n                }\n\n                if (--timer \u003c 0) {\n                    timer = duration; \/\/ Reset le timer (Astuce e-commerce pour que la promo ne disparaisse jamais vraiment)\n                }\n            }, 1000);\n        }\n\n        window.onload = function () {\n            \/\/ Lancer le timer pour 2h 45m 12s\n            let duration = (2 * 3600) + (45 * 60) + 12;\n            let hDisplay = document.querySelector('#countdown-hours');\n            let mDisplay = document.querySelector('#countdown-minutes');\n            let sDisplay = document.querySelector('#countdown-seconds');\n            startTimer(duration, hDisplay, mDisplay, sDisplay);\n\n            \/\/ --- LOGIQUE DES POPUPS NIGER ---\n            const firstNames = [\"Abdoulaye\", \"Fatima\", \"Issoufou\", \"Mariama\", \"Oumarou\", \"Zeinabou\", \"Salifou\", \"Nourou\", \"Balkissa\", \"Moussa\"];\n            const cities = [\"Niamey\", \"Zinder\", \"Maradi\", \"Tahoua\", \"Agadez\", \"Dosso\"];\n            \n            const popup = document.getElementById('salesPopup');\n            const nameEl = document.getElementById('popName');\n            const timeEl = document.getElementById('popTime');\n\n            function showRandomPopup() {\n                \/\/ Choix aléatoires\n                const randomName = firstNames[Math.floor(Math.random() * firstNames.length)];\n                const randomCity = cities[Math.floor(Math.random() * cities.length)];\n                const randomTime = Math.floor(Math.random() * 12) + 1; \/\/ Entre 1 et 12 minutes\n\n                \/\/ Mise à jour du texte\n                nameEl.textContent = `${randomName} (${randomCity})`;\n                timeEl.textContent = randomTime;\n\n                \/\/ Afficher le popup\n                popup.classList.add('show');\n\n                \/\/ Cacher après 4 secondes\n                setTimeout(() =\u003e {\n                    popup.classList.remove('show');\n                }, 4000);\n            }\n\n            \/\/ Afficher le premier popup après 5 secondes\n            setTimeout(() =\u003e {\n                showRandomPopup();\n                \/\/ Puis afficher un nouveau popup toutes les 15 à 25 secondes\n                setInterval(() =\u003e {\n                    showRandomPopup();\n                }, Math.floor(Math.random() * 8000) + 10000); \n            }, 4000);\n        };\n    \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"EVIKO STORE","offers":[{"title":"Default Title","offer_id":53709711605944,"sku":null,"price":19990.0,"currency_code":"XOF","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0963\/2720\/5048\/files\/Screenshot_20260408_005914_9c70ffad-6e6c-4429-9270-0fe3e1f125dd.webp?v=1783389258","url":"https:\/\/p4hn1y-13.myshopify.com\/products\/cam360-camera-ampoule-360-securiser-ce-qui-compte-des-aujourdhui","provider":"EVIKO STORE","version":"1.0","type":"link"}