{"product_id":"trepied-intelligent-c17","title":"TRÉPIED INTELLIGENT C17","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\u003eC17 Trépied IA Intelligent - Offre Spéciale\u003c\/title\u003e\n    \u003c!-- Utilisation de Google Fonts pour un look premium et lisible --\u003e\n    \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;800;900\u0026amp;family=Poppins:wght@300;400;500;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n    \u003c!-- FontAwesome pour les icônes vectorielles --\u003e\n    \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"\u003e\n    \n    \u003cstyle\u003e\n        \/* === VARIABLES \u0026 RESET === *\/\n        :root {\n            --bg-color: #f7f9fc; \/* Blanc cassé pour le fond de page *\/\n            --surface-color: #16161a; \/* Fond Dark pour les cartes *\/\n            --primary-red: #ff2a2a;\n            --primary-red-dark: #b30000;\n            --accent-cyan: #00f0ff;\n            --text-main: #111111; \/* Texte foncé pour le fond clair *\/\n            --text-muted: #555555; \/* Texte gris foncé *\/\n            --card-text: #ffffff; \/* Texte clair pour l'intérieur des cartes *\/\n            --card-text-muted: #a0a0a0;\n            --gold-star: #ffc107;\n            --success-green: #25D366;\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            -webkit-tap-highlight-color: transparent;\n        }\n\n        body {\n            font-family: 'Poppins', sans-serif;\n            background-color: var(--bg-color);\n            color: var(--text-main);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        h1, h2, h3, h4 {\n            font-family: 'Montserrat', sans-serif;\n            text-transform: uppercase;\n        }\n\n        \/* === ANIMATIONS AUTOMATIQUES (Pas de Hover) === *\/\n        @keyframes blink {\n            0% { opacity: 1; }\n            50% { opacity: 0.3; }\n            100% { opacity: 1; }\n        }\n\n        @keyframes pulse-btn {\n            0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 42, 42, 0.7); }\n            50% { transform: scale(1.02); box-shadow: 0 0 15px 5px rgba(255, 42, 42, 0.4); }\n            100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 42, 42, 0); }\n        }\n\n        @keyframes slideInUp {\n            from { transform: translateY(30px); opacity: 0; }\n            to { transform: translateY(0); opacity: 1; }\n        }\n\n        @keyframes float-icon {\n            0% { transform: translateY(0px); }\n            50% { transform: translateY(-5px); }\n            100% { transform: translateY(0px); }\n        }\n\n        \/* === URGENCY BANNER === *\/\n        .urgency-banner {\n            background-color: var(--primary-red);\n            color: white;\n            text-align: center;\n            padding: 8px 10px;\n            font-size: 0.85rem;\n            font-weight: 700;\n            position: relative;\n            z-index: 10;\n        }\n        .blink-dot {\n            display: inline-block;\n            width: 10px;\n            height: 10px;\n            background-color: white;\n            border-radius: 50%;\n            margin-right: 5px;\n            animation: blink 1s infinite;\n        }\n\n        \/* === HERO SECTION === *\/\n        .hero {\n            position: relative;\n            padding: 20px 15px;\n            text-align: center;\n            animation: slideInUp 0.6s ease-out;\n            background: var(--bg-color); \/* Retrait de l'ancien gradient sombre *\/\n        }\n\n        .hero-badge {\n            display: inline-block;\n            background: var(--surface-color);\n            border: 1px solid var(--accent-cyan);\n            color: var(--accent-cyan);\n            padding: 5px 12px;\n            border-radius: 20px;\n            font-size: 0.75rem;\n            font-weight: 600;\n            margin-bottom: 10px;\n            letter-spacing: 1px;\n        }\n\n        .hero-title {\n            font-size: 1.8rem;\n            font-weight: 900;\n            line-height: 1.2;\n            margin-bottom: 15px;\n            background: linear-gradient(to right, #111, #555); \/* Adapté pour fond clair *\/\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n        }\n\n        .hero-title span {\n            color: var(--primary-red);\n            -webkit-background-clip: unset;\n            -webkit-text-fill-color: var(--primary-red);\n        }\n\n        .hero-image-container {\n            position: relative;\n            margin: 0 auto 20px;\n            max-width: 400px;\n            border-radius: 15px;\n            padding: 10px;\n        }\n\n        .hero-image-container::before {\n            content: '';\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 80%;\n            height: 80%;\n            background: radial-gradient(circle, rgba(255, 42, 42, 0.1) 0%, transparent 60%); \/* Glow rouge discret *\/\n            z-index: 0;\n            filter: blur(20px);\n        }\n\n        .hero-image {\n            width: 100%;\n            height: auto;\n            position: relative;\n            z-index: 1;\n            border-radius: 10px;\n        }\n\n        \/* === SPECIAL OFFER (CRUCIAL) === *\/\n        .special-offer {\n            margin: 0 15px 30px;\n            background: linear-gradient(135deg, #1a0000 0%, var(--surface-color) 100%);\n            border: 2px solid var(--primary-red);\n            border-radius: 15px;\n            padding: 20px 15px;\n            text-align: center;\n            position: relative;\n            box-shadow: 0 15px 30px rgba(0,0,0,0.15); \/* Ombre portée plus marquée *\/\n        }\n\n        .offer-tag {\n            position: absolute;\n            top: -15px;\n            left: 50%;\n            transform: translateX(-50%);\n            background: var(--primary-red);\n            color: white;\n            padding: 5px 15px;\n            border-radius: 20px;\n            font-weight: 800;\n            font-size: 0.85rem;\n            white-space: nowrap;\n            letter-spacing: 1px;\n        }\n\n        .offer-title {\n            font-size: 1.2rem;\n            color: white;\n            margin-top: 10px;\n            margin-bottom: 10px;\n        }\n\n        .offer-discount {\n            font-size: 1.1rem;\n            font-weight: 700;\n            color: var(--gold-star);\n            background: rgba(255, 193, 7, 0.1);\n            padding: 15px 10px;\n            border-radius: 8px;\n            margin-bottom: 15px;\n            border: 1px dashed var(--gold-star);\n        }\n\n        .cod-badge {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 10px;\n            background: var(--success-green);\n            color: white;\n            padding: 12px;\n            border-radius: 8px;\n            font-weight: 700;\n            font-size: 1rem;\n            margin-top: 10px;\n        }\n        \n        .cod-badge i {\n            font-size: 1.5rem;\n            animation: float-icon 2s infinite ease-in-out;\n        }\n\n        \/* === VISUAL GALLERY === *\/\n        .section-title {\n            text-align: center;\n            font-size: 1.3rem;\n            margin-bottom: 20px;\n            padding: 0 15px;\n            color: var(--text-main);\n        }\n\n        .section-title span {\n            color: var(--primary-red);\n        }\n\n        .gallery {\n            padding: 0 15px 30px;\n        }\n\n        .gallery-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 10px;\n        }\n\n        .gallery-item {\n            width: 100%;\n            border-radius: 10px;\n            overflow: hidden;\n            background: var(--surface-color);\n            position: relative;\n            padding-top: 100%; \n            box-shadow: 0 8px 15px rgba(0,0,0,0.1);\n        }\n\n        .gallery-item.large {\n            grid-column: span 2;\n            padding-top: 60%; \n        }\n\n        .gallery-item img {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            border-radius: 10px;\n        }\n        \n        .gallery-caption {\n            position: absolute;\n            bottom: 5px;\n            left: 5px;\n            background: rgba(0,0,0,0.8);\n            color: white;\n            font-size: 0.7rem;\n            padding: 3px 8px;\n            border-radius: 4px;\n            font-weight: 600;\n        }\n\n        \/* === ARGUMENTS \/ FEATURES === *\/\n        .features {\n            padding: 0 15px 30px;\n        }\n\n        .feature-card {\n            background: var(--surface-color);\n            border-radius: 12px;\n            padding: 15px;\n            margin-bottom: 15px;\n            display: flex;\n            align-items: flex-start;\n            gap: 15px;\n            border-left: 4px solid var(--accent-cyan);\n            box-shadow: 0 10px 20px rgba(0,0,0,0.08); \/* Ombre pour détacher la carte du fond blanc *\/\n        }\n\n        .feature-card:nth-child(even) {\n            border-left-color: var(--primary-red);\n        }\n\n        .feature-icon {\n            background: rgba(255,255,255,0.05);\n            width: 50px;\n            height: 50px;\n            border-radius: 10px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.5rem;\n            color: var(--card-text);\n            flex-shrink: 0;\n        }\n\n        .feature-text h3 {\n            font-size: 1rem;\n            margin-bottom: 5px;\n            color: var(--card-text);\n        }\n\n        .feature-text p {\n            font-size: 0.85rem;\n            color: var(--card-text-muted);\n            line-height: 1.4;\n        }\n\n        \/* === SOCIAL PROOF (REVIEWS) === *\/\n        .reviews {\n            padding: 0 15px 40px;\n            background: var(--bg-color); \/* Retrait du fond gris sombre *\/\n            padding-top: 10px;\n        }\n\n        .review-card {\n            background: var(--surface-color);\n            border-radius: 12px;\n            padding: 15px;\n            margin-bottom: 15px;\n            position: relative;\n            box-shadow: 0 10px 20px rgba(0,0,0,0.08);\n        }\n\n        .review-header {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 10px;\n        }\n\n        .reviewer-info {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n\n        .avatar {\n            width: 40px;\n            height: 40px;\n            border-radius: 50%;\n            background: #333;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: bold;\n            color: white;\n        }\n\n        .name {\n            font-weight: 700;\n            font-size: 0.95rem;\n            color: var(--card-text);\n        }\n\n        .city {\n            font-size: 0.75rem;\n            color: var(--card-text-muted);\n            display: flex;\n            align-items: center;\n            gap: 3px;\n        }\n\n        .stars {\n            color: var(--gold-star);\n            font-size: 0.8rem;\n        }\n\n        .verified {\n            color: var(--success-green);\n            font-size: 0.7rem;\n            font-weight: 600;\n            display: flex;\n            align-items: center;\n            gap: 3px;\n        }\n\n        .review-text {\n            font-size: 0.9rem;\n            color: #dddddd;\n            font-style: italic;\n        }\n\n        \/* === SALES POPUP NOTIFICATION === *\/\n        .sales-popup {\n            position: fixed;\n            top: 20px;\n            left: 15px;\n            right: 15px;\n            max-width: 350px;\n            margin: 0 auto;\n            background: rgba(255, 255, 255, 0.98);\n            backdrop-filter: blur(5px);\n            border-radius: 50px;\n            padding: 8px 15px 8px 8px;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            box-shadow: 0 5px 20px rgba(0,0,0,0.15);\n            border: 1px solid rgba(0,0,0,0.05);\n            z-index: 9999;\n            transform: translateY(-150%);\n            transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n        }\n\n        .sales-popup.show {\n            transform: translateY(0);\n        }\n\n        .sales-popup img {\n            width: 45px;\n            height: 45px;\n            border-radius: 50%;\n            object-fit: cover;\n            border: 2px solid var(--primary-red);\n        }\n\n        .sales-popup-text {\n            font-size: 0.8rem;\n            color: #333;\n            line-height: 1.2;\n            text-align: left;\n        }\n\n        .sales-popup-text strong {\n            color: var(--primary-red);\n            font-size: 0.85rem;\n            display: block;\n        }\n\n        .sales-popup-text small {\n            display: block;\n            color: #888;\n            font-size: 0.7rem;\n            margin-top: 2px;\n        }\n\n        \/* === PROGRESS BAR (Stock) === *\/\n        .stock-bar-container {\n            margin-top: 15px;\n            background: rgba(255,255,255,0.2);\n            border-radius: 10px;\n            height: 8px;\n            width: 100%;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .stock-bar-fill {\n            position: absolute;\n            top: 0;\n            left: 0;\n            height: 100%;\n            width: 85%; \n            background: var(--primary-red);\n            border-radius: 10px;\n        }\n\n        .stock-text {\n            font-size: 0.8rem;\n            color: rgba(255,255,255,0.8);\n            margin-top: 5px;\n            text-align: right;\n            display: block;\n        }\n\n    \u003c\/style\u003e\n\n\n\n    \u003c!-- POPUP NOTIFICATION DE VENTE --\u003e\n    \u003cdiv id=\"sales-popup\" class=\"sales-popup\"\u003e\n        \u003c!-- Image miniature du produit pour la notif --\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0602\/9846\/1281\/files\/Gemini_Generated_Image_k68i14k68i14k68i.png?v=1771902491\" alt=\"Produit C17\"\u003e\n        \u003cdiv class=\"sales-popup-text\"\u003e\n            \u003cspan id=\"popup-name\"\u003eQuelqu'un\u003c\/span\u003e de \u003cspan id=\"popup-city\"\u003eQuelque part\u003c\/span\u003e\n            \u003cstrong\u003evient d'acheter le C17 !\u003c\/strong\u003e\n            \u003csmall id=\"popup-time\"\u003eIl y a 2 min\u003c\/small\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- URGENCE TOP BANNER --\u003e\n    \u003cdiv class=\"urgency-banner\"\u003e\n        \u003cspan class=\"blink-dot\"\u003e\u003c\/span\u003e ATTENTION : STOCK LIMITÉ - PLUS QUE 14 PIÈCES !\n    \u003c\/div\u003e\n\n    \u003c!-- HERO SECTION --\u003e\n    \u003csection class=\"hero\"\u003e\n        \u003cdiv class=\"hero-badge\"\u003e\n\u003ci class=\"fa-solid fa-robot\"\u003e\u003c\/i\u003e Technologie IA Intégrée\u003c\/div\u003e\n        \u003ch1 class=\"hero-title\"\u003eLE TRÉPIED INTELLIGENT \u003cspan\u003eC17\u003c\/span\u003e\n\u003c\/h1\u003e\n        \u003cp style=\"color: var(--text-muted); font-size: 0.9rem; margin-bottom: 20px;\"\u003eLe caméraman personnel qui vous suit partout à 360°.\u003c\/p\u003e\n        \n        \u003cdiv class=\"hero-image-container\"\u003e\n            \u003c!-- Image principale du produit --\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0602\/9846\/1281\/files\/Gemini_Generated_Image_k68i14k68i14k68i.png?v=1771902491\" alt=\"Trépied AI C17\" class=\"hero-image\"\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- SPECIAL OFFER \u0026 COD --\u003e\n    \u003csection class=\"special-offer\"\u003e\n        \u003cdiv class=\"offer-tag\"\u003ePROMO FIN DE MOIS\u003c\/div\u003e\n        \u003ch2 class=\"offer-title\"\u003eVOTRE CAMÉRAMAN PERSONNEL\u003c\/h2\u003e\n        \n        \u003cdiv class=\"offer-discount\"\u003e\n            \u003ci class=\"fa-solid fa-tags\"\u003e\u003c\/i\u003e RÉDUCTION EXCEPTIONNELLE\u003cbr\u003e \n            \u003cspan style=\"color: white; font-size: 1.3rem;\"\u003e\u003cstrong\u003e-50% AUJOURD'HUI !\u003c\/strong\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"stock-bar-container\"\u003e\n            \u003cdiv class=\"stock-bar-fill\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"stock-text\"\u003e85% du stock promo écoulé\u003c\/span\u003e\n\n        \u003c!-- Bloc Confiance Paiement --\u003e\n        \u003cdiv class=\"cod-badge\"\u003e\n            \u003ci class=\"fa-solid fa-truck-fast\"\u003e\u003c\/i\u003e\n            \u003cdiv\u003e\n                \u003cdiv style=\"font-size: 0.85rem; font-weight: 400; text-transform: uppercase;\"\u003eZéro Risque\u003c\/div\u003e\n                PAIEMENT À LA LIVRAISON\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- VISUAL GALLERY (Le client veut VOIR) --\u003e\n    \u003csection class=\"gallery\"\u003e\n        \u003ch2 class=\"section-title\"\u003eVOTRE NOUVEAU \u003cspan\u003eSTUDIO PORTABLE\u003c\/span\u003e\n\u003c\/h2\u003e\n        \u003cdiv class=\"gallery-grid\"\u003e\n            \n            \u003c!-- Image 1 : Hauteur 1m70 --\u003e\n            \u003cdiv class=\"gallery-item large\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0602\/9846\/1281\/files\/ssstik.io__lectronique.house_1771817380241.gif?v=1771902779\" alt=\"Hauteur 1m70\"\u003e\n                \u003cspan class=\"gallery-caption\"\u003eTaille Max : 1m70 !\u003c\/span\u003e\n            \u003c\/div\u003e\n            \n            \u003c!-- Image 2 : Suivi IA 360 --\u003e\n            \u003cdiv class=\"gallery-item large\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0602\/9846\/1281\/files\/Gemini_Generated_Image_315h6p315h6p315h.png?v=1771902515\" alt=\"Suivi Visage\"\u003e\n                \u003cspan class=\"gallery-caption\"\u003eSuivi Visage 360°\u003c\/span\u003e\n            \u003c\/div\u003e\n            \n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- ARGUMENTS \/ BENEFITS --\u003e\n    \u003csection class=\"features\"\u003e\n        \u003ch2 class=\"section-title\"\u003ePOURQUOI LE \u003cspan\u003eC17\u003c\/span\u003e EST UNIQUE ?\u003c\/h2\u003e\n        \n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cdiv class=\"feature-icon\" style=\"color: var(--accent-cyan);\"\u003e\u003ci class=\"fa-solid fa-expand-arrows-alt\"\u003e\u003c\/i\u003e\u003c\/div\u003e\n            \u003cdiv class=\"feature-text\"\u003e\n                \u003ch3\u003eHauteur Inégalée (1m70)\u003c\/h3\u003e\n                \u003cp\u003eOubliez les mini-trépieds. Le C17 s'élève jusqu'à 1m70 pour des prises de vue parfaites, que vous soyez debout ou assis.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cdiv class=\"feature-icon\" style=\"color: var(--primary-red);\"\u003e\u003ci class=\"fa-solid fa-spider\"\u003e\u003c\/i\u003e\u003c\/div\u003e\n            \u003cdiv class=\"feature-text\"\u003e\n                \u003ch3\u003eQuadrapod (4 Pieds) Ultra-Stable\u003c\/h3\u003e\n                \u003cp\u003eContrairement aux trépieds classiques à 3 pieds, sa base à 4 branches garantit une stabilité absolue, même en extérieur avec du vent.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cdiv class=\"feature-icon\" style=\"color: #a78bfa;\"\u003e\u003ci class=\"fa-solid fa-face-smile\"\u003e\u003c\/i\u003e\u003c\/div\u003e\n            \u003cdiv class=\"feature-text\"\u003e\n                \u003ch3\u003eSuivi IA Automatique sans Appli\u003c\/h3\u003e\n                \u003cp\u003eAllumez, c'est prêt ! La caméra intégrée au manche suit votre visage à 360°. Aucune application compliquée à installer sur votre téléphone.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n    \u003c!-- SOCIAL PROOF (Réassurance locale très importante en Afrique) --\u003e\n    \u003csection class=\"reviews\"\u003e\n        \u003ch2 class=\"section-title\"\u003eILS L'ONT ADOPTÉ\u003c\/h2\u003e\n        \n        \u003c!-- Avis 1 --\u003e\n        \u003cdiv class=\"review-card\"\u003e\n            \u003cdiv class=\"review-header\"\u003e\n                \u003cdiv class=\"reviewer-info\"\u003e\n                    \u003cdiv class=\"avatar\" style=\"background-color: #e63946;\"\u003eA\u003c\/div\u003e\n                    \u003cdiv\u003e\n                        \u003cdiv class=\"name\"\u003eAminata D.\u003c\/div\u003e\n                        \u003cdiv class=\"city\"\u003e\n\u003ci class=\"fa-solid fa-location-dot\"\u003e\u003c\/i\u003e Abidjan, CI\u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"verified\"\u003e\n\u003ci class=\"fa-solid fa-circle-check\"\u003e\u003c\/i\u003e Achat Vérifié\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"stars\"\u003e★★★★★\u003c\/div\u003e\n            \u003cp class=\"review-text\"\u003e\"Incroyable ! Je fais mes vidéos de coiffure toute seule maintenant et le téléphone me suit partout. Le fait de ne payer qu'à l'arrivée m'a rassurée.\"\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Avis 2 --\u003e\n        \u003cdiv class=\"review-card\"\u003e\n            \u003cdiv class=\"review-header\"\u003e\n                \u003cdiv class=\"reviewer-info\"\u003e\n                    \u003cdiv class=\"avatar\" style=\"background-color: #2a9d8f;\"\u003eK\u003c\/div\u003e\n                    \u003cdiv\u003e\n                        \u003cdiv class=\"name\"\u003eKoffi K.\u003c\/div\u003e\n                        \u003cdiv class=\"city\"\u003e\n\u003ci class=\"fa-solid fa-location-dot\"\u003e\u003c\/i\u003e Cotonou, BEN\u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"verified\"\u003e\n\u003ci class=\"fa-solid fa-circle-check\"\u003e\u003c\/i\u003e Achat Vérifié\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"stars\"\u003e★★★★★\u003c\/div\u003e\n            \u003cp class=\"review-text\"\u003e\"Livraison rapide. J'ai payé au livreur directement. Le matériel est très lourd et solide, la hauteur de 1m70 et la base à 4 pieds, ça change tout par rapport à ce qu'on trouve au marché.\"\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Avis 3 --\u003e\n        \u003cdiv class=\"review-card\"\u003e\n            \u003cdiv class=\"review-header\"\u003e\n                \u003cdiv class=\"reviewer-info\"\u003e\n                    \u003cdiv class=\"avatar\" style=\"background-color: #e76f51;\"\u003eM\u003c\/div\u003e\n                    \u003cdiv\u003e\n                        \u003cdiv class=\"name\"\u003eMamadou S.\u003c\/div\u003e\n                        \u003cdiv class=\"city\"\u003e\n\u003ci class=\"fa-solid fa-location-dot\"\u003e\u003c\/i\u003e Dakar, SEN\u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"verified\"\u003e\n\u003ci class=\"fa-solid fa-circle-check\"\u003e\u003c\/i\u003e Achat Vérifié\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"stars\"\u003e★★★★★\u003c\/div\u003e\n            \u003cp class=\"review-text\"\u003e\"Exactement ce qu'il me fallait pour mes vlogs religieux. Le suivi est fluide, la lumière intégrée aide beaucoup le soir. Je recommande à 100% ce vendeur.\"\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- SCRIPT POUR LES NOTIFICATIONS POP-UP --\u003e\n    \u003cscript\u003e\n        \/\/ Base de données fictive locale\n        const buyers = [\n            { name: \"Fatou T.\", city: \"Dakar\" },\n            { name: \"Marc K.\", city: \"Abidjan\" },\n            { name: \"Aïcha D.\", city: \"Bamako\" },\n            { name: \"Ibrahim S.\", city: \"Cotonou\" },\n            { name: \"Kadiatou F.\", city: \"Conakry\" },\n            { name: \"Emmanuel O.\", city: \"Libreville\" },\n            { name: \"Sarah B.\", city: \"Yaoundé\" },\n            { name: \"Koffi A.\", city: \"Bouaké\" }\n        ];\n        \n        const times = [\"À l'instant\", \"Il y a 1 min\", \"Il y a 2 min\", \"Il y a 4 min\", \"Il y a 5 min\"];\n\n        function showSalesPopup() {\n            const popup = document.getElementById('sales-popup');\n            const nameEl = document.getElementById('popup-name');\n            const cityEl = document.getElementById('popup-city');\n            const timeEl = document.getElementById('popup-time');\n\n            \/\/ Tirage aléatoire\n            const buyer = buyers[Math.floor(Math.random() * buyers.length)];\n            const time = times[Math.floor(Math.random() * times.length)];\n\n            \/\/ Mise à jour du texte\n            nameEl.textContent = buyer.name;\n            cityEl.textContent = buyer.city;\n            timeEl.textContent = time;\n\n            \/\/ Afficher la popup\n            popup.classList.add('show');\n\n            \/\/ Cacher la popup après 4 secondes\n            setTimeout(() =\u003e {\n                popup.classList.remove('show');\n            }, 4000);\n        }\n\n        \/\/ Déclencher la première notification après 3 secondes\n        setTimeout(() =\u003e {\n            showSalesPopup();\n            \n            \/\/ Puis lancer la boucle avec un intervalle aléatoire entre 12 et 25 secondes\n            setInterval(() =\u003e {\n                showSalesPopup();\n            }, Math.floor(Math.random() * 13000) + 12000);\n            \n        }, 3000);\n    \u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"Market-Zone","offers":[{"title":"Default Title","offer_id":48807321403644,"sku":null,"price":19900.0,"currency_code":"XOF","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0793\/7543\/3980\/files\/Gemini_Generated_Image_cakakmcakakmcaka.png?v=1772029383","url":"https:\/\/market-zone.shop\/products\/trepied-intelligent-c17","provider":"Shop 2","version":"1.0","type":"link"}