{"product_id":"le-veritable-fufumix-6l-1000w","title":"Le Véritable FufuMix 6L - 1000W","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eLe Puissant FufuMix 6L - Spécial Ramadan\u003c\/title\u003e\n    \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;800\u0026amp;family=Poppins:wght@400;500;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n    \u003cstyle\u003e\n        :root {\n            --primary-red: #D32F2F;\n            --dark-red: #B71C1C;\n            --black: #212121;\n            --gray-light: #F5F5F5;\n            --white: #FFFFFF;\n            --gold: #FFD700;\n            --dark-gold: #FFB300;\n            --green-success: #2E7D32;\n        }\n\n        * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n            font-family: 'Poppins', sans-serif;\n        }\n\n        body {\n            background-color: #E0E0E0; \/* Gris clair pour faire ressortir le conteneur mobile sur PC *\/\n            color: var(--black);\n            line-height: 1.6;\n        }\n\n        \/* Conteneur Mobile-First *\/\n        .mobile-container {\n            max-width: 500px;\n            margin: 0 auto;\n            background-color: var(--white);\n            min-height: 100vh;\n            position: relative;\n            box-shadow: 0 0 20px rgba(0,0,0,0.2);\n            padding-bottom: 20px; \/* Espace réduit suite au retrait du bouton sticky *\/\n            overflow-x: hidden;\n        }\n\n        \/* --- A. TITRE \u0026 URGENCE --- *\/\n        .urgency-bar {\n            background-color: var(--primary-red);\n            color: var(--white);\n            text-align: center;\n            padding: 10px;\n            font-size: 0.9rem;\n            font-weight: 700;\n            text-transform: uppercase;\n            animation: bgPulse 2s infinite;\n        }\n\n        .header-section {\n            padding: 20px;\n            text-align: center;\n            background: linear-gradient(135deg, #111 0%, #333 100%);\n            color: var(--white);\n            position: relative;\n        }\n\n        .ramadan-badge {\n            display: inline-block;\n            background-color: var(--gold);\n            color: var(--black);\n            padding: 5px 15px;\n            border-radius: 20px;\n            font-size: 0.85rem;\n            font-weight: 700;\n            margin-bottom: 10px;\n            box-shadow: 0 4px 6px rgba(0,0,0,0.3);\n        }\n\n        h1 {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 1.8rem;\n            font-weight: 800;\n            line-height: 1.2;\n            margin-bottom: 10px;\n        }\n\n        h1 span {\n            color: var(--primary-red);\n        }\n\n        \/* --- B. HÉRO VISUEL --- *\/\n        .hero-image-container {\n            width: 100%;\n            background-color: var(--white);\n            padding: 20px 0;\n            text-align: center;\n            border-bottom: 5px solid var(--gray-light);\n        }\n\n        .hero-image {\n            max-width: 90%;\n            height: auto;\n            border-radius: 12px;\n            box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n        }\n\n        \/* --- C. OFFRE SPÉCIALE (URGENCE \u0026 CONFIANCE) --- *\/\n        .offer-section {\n            padding: 20px;\n            background-color: #FFFDE7; \/* Jaune très pâle *\/\n            border: 2px dashed var(--dark-gold);\n            margin: 20px;\n            border-radius: 12px;\n            text-align: center;\n        }\n\n        .offer-title {\n            color: var(--dark-red);\n            font-size: 1.4rem;\n            font-weight: 800;\n            margin-bottom: 10px;\n        }\n\n        .gift-highlight {\n            background-color: var(--primary-red);\n            color: var(--white);\n            padding: 8px;\n            border-radius: 8px;\n            font-weight: 700;\n            display: inline-block;\n            margin: 10px 0;\n            font-size: 1.1rem;\n        }\n\n        .trust-badge {\n            background-color: var(--green-success);\n            color: var(--white);\n            padding: 12px;\n            border-radius: 8px;\n            font-weight: 700;\n            font-size: 1.1rem;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 10px;\n            margin-top: 15px;\n            box-shadow: 0 4px 10px rgba(46, 125, 50, 0.3);\n        }\n\n        \/* --- D. GALERIE VISUELLE --- *\/\n        .section-title {\n            text-align: center;\n            font-family: 'Montserrat', sans-serif;\n            font-size: 1.4rem;\n            font-weight: 800;\n            margin: 30px 20px 15px;\n            color: var(--black);\n        }\n\n        .gallery-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 10px;\n            padding: 0 20px;\n        }\n\n        .gallery-grid img {\n            width: 100%;\n            height: 150px;\n            object-fit: cover;\n            border-radius: 8px;\n            border: 1px solid #ddd;\n        }\n\n        .gallery-grid img:first-child {\n            grid-column: span 2;\n            height: 200px;\n        }\n\n        \/* --- D2. CAROUSEL 9:16 --- *\/\n        .vertical-carousel-container {\n            width: 100%;\n            margin-top: 25px;\n            position: relative;\n        }\n\n        .carousel-track {\n            display: flex;\n            overflow-x: auto;\n            scroll-snap-type: x mandatory;\n            scroll-behavior: smooth;\n            -webkit-overflow-scrolling: touch;\n            gap: 15px;\n            padding: 10px 20px;\n        }\n\n        \/* Masquer la barre de défilement pour un look plus propre *\/\n        .carousel-track::-webkit-scrollbar {\n            display: none;\n        }\n        .carousel-track {\n            -ms-overflow-style: none;\n            scrollbar-width: none;\n        }\n\n        .carousel-slide {\n            flex: 0 0 82%; \/* 82% permet de laisser dépasser la carte suivante pour inciter au swipe *\/\n            scroll-snap-align: center;\n            border-radius: 16px;\n            overflow: hidden;\n            box-shadow: 0 6px 15px rgba(0,0,0,0.15);\n            position: relative;\n            background-color: var(--black);\n        }\n\n        .carousel-slide img {\n            width: 100%;\n            aspect-ratio: 9 \/ 16;\n            object-fit: cover;\n            display: block;\n            opacity: 0.95;\n        }\n\n        .carousel-dots {\n            display: flex;\n            justify-content: center;\n            gap: 8px;\n            margin-top: 10px;\n        }\n\n        .carousel-dots .dot {\n            width: 10px;\n            height: 10px;\n            background-color: #ccc;\n            border-radius: 50%;\n            transition: background-color 0.3s, transform 0.3s;\n        }\n\n        .carousel-dots .dot.active {\n            background-color: var(--primary-red);\n            transform: scale(1.2);\n        }\n\n        \/* --- E. ARGUMENTS (BÉNÉFICES) --- *\/\n        .benefits-list {\n            padding: 0 20px;\n            margin-top: 20px;\n        }\n\n        .benefit-item {\n            display: flex;\n            align-items: flex-start;\n            gap: 15px;\n            background: var(--gray-light);\n            padding: 15px;\n            border-radius: 12px;\n            margin-bottom: 15px;\n            border-left: 5px solid var(--primary-red);\n        }\n\n        .benefit-icon {\n            font-size: 2rem;\n            background: var(--white);\n            width: 50px;\n            height: 50px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border-radius: 50%;\n            box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n            flex-shrink: 0;\n        }\n\n        .benefit-text h3 {\n            font-size: 1.1rem;\n            color: var(--black);\n            margin-bottom: 3px;\n        }\n\n        .benefit-text p {\n            font-size: 0.9rem;\n            color: #555;\n        }\n\n        \/* --- F. PREUVE SOCIALE LOCALE --- *\/\n        .reviews-container {\n            padding: 0 20px 30px;\n        }\n\n        .review-card {\n            background: var(--white);\n            border: 1px solid #eee;\n            padding: 15px;\n            border-radius: 12px;\n            margin-bottom: 15px;\n            box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n            position: relative;\n        }\n\n        .stars {\n            color: var(--dark-gold);\n            font-size: 1.2rem;\n            margin-bottom: 5px;\n        }\n\n        .review-text {\n            font-size: 0.95rem;\n            font-style: italic;\n            color: #444;\n            margin-bottom: 10px;\n        }\n\n        .review-author {\n            font-weight: 700;\n            font-size: 0.9rem;\n            display: flex;\n            align-items: center;\n            gap: 5px;\n        }\n\n        .verified-badge {\n            color: var(--green-success);\n            font-size: 1rem;\n        }\n\n        \/* --- NOTIFICATIONS DE VENTES --- *\/\n        .sales-notification {\n            position: fixed;\n            top: 20px;\n            left: 50%;\n            transform: translateX(-50%) translateY(-150%); \/* Caché par défaut en haut *\/\n            width: 90%;\n            max-width: 400px;\n            background-color: var(--white);\n            border-radius: 50px;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.2);\n            display: flex;\n            align-items: center;\n            padding: 8px 15px;\n            z-index: 9999;\n            transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            border: 1px solid var(--green-success); \/* Cadre discret inspirant confiance *\/\n        }\n\n        .sales-notification.show {\n            transform: translateX(-50%) translateY(0); \/* Glisse vers le bas *\/\n        }\n\n        .notification-img {\n            width: 45px;\n            height: 45px;\n            border-radius: 50%;\n            object-fit: cover;\n            margin-right: 12px;\n        }\n\n        .notification-content {\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            line-height: 1.2;\n        }\n\n        .notification-text {\n            font-size: 0.85rem;\n            color: #555;\n        }\n\n        .notification-text span {\n            font-weight: 700;\n            color: var(--black);\n        }\n\n        .notification-product {\n            font-size: 0.85rem;\n            font-weight: 700;\n            color: var(--primary-red);\n        }\n\n        .notification-time {\n            font-size: 0.75rem;\n            color: #888;\n            margin-top: 2px;\n        }\n\n        \/* --- ANIMATIONS CSS --- *\/\n        @keyframes bgPulse {\n            0% { background-color: var(--primary-red); }\n            50% { background-color: var(--black); }\n            100% { background-color: var(--primary-red); }\n        }\n\n        @keyframes pulseBtn {\n            0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(211, 47, 47, 0.7); }\n            70% { transform: scale(1.03); box-shadow: 0 0 0 15px rgba(211, 47, 47, 0); }\n            100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(211, 47, 47, 0); }\n        }\n\n        @keyframes slideUp {\n            from { bottom: -100px; }\n            to { bottom: 0; }\n        }\n\n    \u003c\/style\u003e\n\n\n\n\u003c!-- NOTIFICATION POPUP --\u003e\n\u003cdiv id=\"sales-notification\" class=\"sales-notification\"\u003e\n    \u003c!-- Remplacez par une mini image de votre FufuMix --\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0602\/9846\/1281\/files\/Gemini_Generated_Image_qo3018qo3018qo30.png?v=1771563831\" alt=\"FufuMix\" class=\"notification-img\"\u003e\n    \u003cdiv class=\"notification-content\"\u003e\n        \u003cp class=\"notification-text\"\u003e\u003cspan id=\"notify-name\"\u003eQuelqu'un\u003c\/span\u003e de \u003cspan id=\"notify-city\"\u003equelque part\u003c\/span\u003e vient d'acheter\u003c\/p\u003e\n        \u003cp class=\"notification-product\"\u003ePack FufuMix 6L\u003c\/p\u003e\n        \u003cp class=\"notification-time\"\u003e\u003csmall id=\"notify-time\"\u003eIl y a quelques minutes\u003c\/small\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"mobile-container\"\u003e\n\n    \u003c!-- A. TITRE \u0026 URGENCE --\u003e\n    \u003cdiv class=\"urgency-bar\"\u003e\n        ⏳ Stock Limité - Plus que 14 pièces ! ⏳\n    \u003c\/div\u003e\n\n    \u003cheader class=\"header-section\"\u003e\n        \u003cdiv class=\"ramadan-badge\"\u003e🌙 Spécial Fêtes de Ramadan\u003c\/div\u003e\n        \u003ch1\u003eLe Véritable \u003cspan\u003eFufuMix 6L\u003c\/span\u003e - 1000W\u003c\/h1\u003e\n        \u003cp\u003eLe secret pour des repas rapides et parfaits sans se fatiguer.\u003c\/p\u003e\n    \u003c\/header\u003e\n\n    \u003c!-- B. HÉRO VISUEL --\u003e\n    \u003cdiv class=\"hero-image-container\"\u003e\n        \u003c!-- REMPLACEZ CE LIEN PAR L'IMAGE PRINCIPALE DE VOTRE PRODUIT (Fufumix avec les lames) --\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0602\/9846\/1281\/files\/Gemini_Generated_Image_qo3018qo3018qo30.png?v=1771563831\" alt=\"FufuMix 6L 1000W\" class=\"hero-image\"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- C. OFFRE SPÉCIALE (URGENCE \u0026 CONFIANCE) --\u003e\n    \u003cdiv class=\"offer-section\"\u003e\n        \u003cdiv class=\"offer-title\"\u003e🎁 SUPER PACK RAMADAN\u003c\/div\u003e\n        \u003cp\u003eCommandez votre FufuMix 6L aujourd'hui et recevez en cadeau exclusif :\u003c\/p\u003e\n        \u003cdiv class=\"gift-highlight\"\u003e\n            + 1 Chauffe-Eau Électrique Pliable OFFERT ! ☕\n        \u003c\/div\u003e\n        \u003cp\u003e\u003cem\u003e(Idéal pour l'eau chaude du thé à la rupture du jeûne)\u003c\/em\u003e\u003c\/p\u003e\n        \n        \u003cdiv class=\"trust-badge\"\u003e\n            🚚 PAIEMENT À LA LIVRAISON\n        \u003c\/div\u003e\n        \u003cp style=\"font-size: 0.8rem; margin-top: 5px; color: #555;\"\u003eVous ne payez que lorsque le livreur vous remet le colis. 100% Sécurisé.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- D. GALERIE VISUELLE --\u003e\n    \u003ch2 class=\"section-title\"\u003eDécouvrez sa Puissance\u003c\/h2\u003e\n    \u003cdiv class=\"gallery-grid\"\u003e\n        \u003c!-- REMPLACEZ CES LIENS PAR VOS IMAGES DE DÉMONSTRATION --\u003e\n        \u003c!-- Image large : Le produit en action avec du Foutou ou Viande --\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0602\/9846\/1281\/files\/1_Foufou_mixe_de_6L_c_est_pour_toute_la_famille.gif?v=1771563956\" alt=\"Utilisation Fufumix\"\u003e\n        \u003c!-- Image detail 1 : Les doubles lames 4D --\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0602\/9846\/1281\/files\/imgi_339_Hf6d58f436d02440fbee9370e6b47b91dd.webp?v=1771560218\" alt=\"Double lames 4D\"\u003e\n        \u003c!-- Image detail 2 : Le cadeau (Chauffe-eau pliable) --\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0602\/9846\/1281\/files\/Gemini_Generated_Image_1gkvqa1gkvqa1gkv.png?v=1767556488\" alt=\"Cadeau Chauffe Eau\"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- CAROUSEL 9:16 SÉMI-AUTOMATIQUE --\u003e\n    \u003ch2 class=\"section-title\"\u003eLe FufuMix en Action 🎬\u003c\/h2\u003e\n    \u003cdiv class=\"vertical-carousel-container\"\u003e\n        \u003cdiv class=\"carousel-track\" id=\"carousel-track\"\u003e\n            \u003c!-- Carte 1 --\u003e\n            \u003cdiv class=\"carousel-slide\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0602\/9846\/1281\/files\/1_foufou_mix_de_6L_pour_toute_la_famille.gif?v=1771563714\" alt=\"Action 1 - Vos Jus\"\u003e\n            \u003c\/div\u003e\n            \u003c!-- Carte 2 --\u003e\n            \u003cdiv class=\"carousel-slide\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0602\/9846\/1281\/files\/1_foufou_mix_de_6L_pour_toute_la_famille_1.gif?v=1771563708\" alt=\"Action 2 - Rappez légumes\"\u003e\n            \u003c\/div\u003e\n            \u003c!-- Carte 3 --\u003e\n            \u003cdiv class=\"carousel-slide\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0602\/9846\/1281\/files\/1_foufou_mix_de_6L_pour_toute_la_famille_2.gif?v=1771563735\" alt=\"Action 3 - Noix de palme\"\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003c!-- Indicateurs de progression --\u003e\n        \u003cdiv class=\"carousel-dots\" id=\"carousel-dots\"\u003e\n            \u003cspan class=\"dot active\"\u003e\u003c\/span\u003e\n            \u003cspan class=\"dot\"\u003e\u003c\/span\u003e\n            \u003cspan class=\"dot\"\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- E. ARGUMENTS (BÉNÉFICES) --\u003e\n    \u003ch2 class=\"section-title\"\u003ePourquoi les mamans l'adorent ?\u003c\/h2\u003e\n    \u003cdiv class=\"benefits-list\"\u003e\n        \n        \u003cdiv class=\"benefit-item\"\u003e\n            \u003cdiv class=\"benefit-icon\"\u003e⚡\u003c\/div\u003e\n            \u003cdiv class=\"benefit-text\"\u003e\n                \u003ch3\u003eMoteur Surpuissant 1000W\u003c\/h3\u003e\n                \u003cp\u003ePilez le foutou, hachez la viande, les oignons et les épices en moins de 10 secondes. Gain de temps garanti !\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"benefit-item\"\u003e\n            \u003cdiv class=\"benefit-icon\"\u003e🍲\u003c\/div\u003e\n            \u003cdiv class=\"benefit-text\"\u003e\n                \u003ch3\u003eCapacité Géante de 6 Litres\u003c\/h3\u003e\n                \u003cp\u003ePréparez le repas pour toute la famille en une seule fois. Parfait pour les grandes réceptions et le mois de carême.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"benefit-item\"\u003e\n            \u003cdiv class=\"benefit-icon\"\u003e🛡️\u003c\/div\u003e\n            \u003cdiv class=\"benefit-text\"\u003e\n                \u003ch3\u003eAcier Inoxydable (SUS304)\u003c\/h3\u003e\n                \u003cp\u003eBol en fer incassable, ultra-hygiénique, facile à laver et qui ne garde pas les odeurs contraiement au plastique.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"benefit-item\"\u003e\n            \u003cdiv class=\"benefit-icon\"\u003e🔪\u003c\/div\u003e\n            \u003cdiv class=\"benefit-text\"\u003e\n                \u003ch3\u003e2 Têtes de Coupe (Lames 4D)\u003c\/h3\u003e\n                \u003cp\u003eLivré avec des lames de rechange pour une durabilité maximale. Tranchant exceptionnel qui ne s'use pas vite.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- F. PREUVE SOCIALE LOCALE --\u003e\n    \u003ch2 class=\"section-title\"\u003eCe qu'ils en pensent\u003c\/h2\u003e\n    \u003cdiv class=\"reviews-container\"\u003e\n\n        \u003cdiv class=\"review-card\"\u003e\n            \u003cdiv class=\"stars\"\u003e⭐⭐⭐⭐⭐\u003c\/div\u003e\n            \u003cp class=\"review-text\"\u003e\"Vraiment le top ! Fini la fatigue avec le mortier. Le foutou banane sort bien lisse. Le cadeau du chauffe-eau est super pratique pour le thé de mon mari. Merci !\"\u003c\/p\u003e\n            \u003cdiv class=\"review-author\"\u003e\n                👤 Aminata D. (Dakar) \u003cspan class=\"verified-badge\"\u003e✔️ Achat vérifié\u003c\/span\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"review-card\"\u003e\n            \u003cdiv class=\"stars\"\u003e⭐⭐⭐⭐⭐\u003c\/div\u003e\n            \u003cp class=\"review-text\"\u003e\"J'avais peur de commander sur internet, mais le paiement à la livraison m'a rassuré. La machine est très grande (6L c'est énorme) et le moteur est lourd et solide.\"\u003c\/p\u003e\n            \u003cdiv class=\"review-author\"\u003e\n                👤 Koffi A. (Abidjan) \u003cspan class=\"verified-badge\"\u003e✔️ Achat vérifié\u003c\/span\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"review-card\"\u003e\n            \u003cdiv class=\"stars\"\u003e⭐⭐⭐⭐⭐\u003c\/div\u003e\n            \u003cp class=\"review-text\"\u003e\"Livraison rapide à Cotonou. Je l'utilise pour hacher ma viande et faire la pâte d'arachide. Ça marche parfaitement bien. Je recommande à toutes les femmes.\"\u003c\/p\u003e\n            \u003cdiv class=\"review-author\"\u003e\n                👤 Fifamè H. (Cotonou) \u003cspan class=\"verified-badge\"\u003e✔️ Achat vérifié\u003c\/span\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n    \/\/ --- LOGIQUE DES NOTIFICATIONS DE VENTES ---\n    const notifications = [\n        { name: \"Mamadou\", city: \"Dakar\", time: \"Il y a 2 min\" },\n        { name: \"Aminata\", city: \"Abidjan\", time: \"Il y a 5 min\" },\n        { name: \"Koffi\", city: \"Yamoussoukro\", time: \"Il y a 10 min\" },\n        { name: \"Ousmane\", city: \"Bamako\", time: \"Il y a 1 min\" },\n        { name: \"Aïcha\", city: \"Cotonou\", time: \"Il y a 15 min\" },\n        { name: \"Fatou\", city: \"Libreville\", time: \"Il y a 8 min\" },\n        { name: \"Samuel\", city: \"Douala\", time: \"Il y a 3 min\" },\n        { name: \"Chantal\", city: \"Yaoundé\", time: \"Il y a 12 min\" },\n        { name: \"Bintou\", city: \"Ouagadougou\", time: \"Il y a 7 min\" }\n    ];\n\n    const notifElement = document.getElementById('sales-notification');\n    const nameElement = document.getElementById('notify-name');\n    const cityElement = document.getElementById('notify-city');\n    const timeElement = document.getElementById('notify-time');\n\n    function showNotification() {\n        \/\/ Choix aléatoire d'un client\n        const randomNotif = notifications[Math.floor(Math.random() * notifications.length)];\n        \n        \/\/ Mise à jour du texte\n        nameElement.textContent = randomNotif.name;\n        cityElement.textContent = randomNotif.city;\n        timeElement.textContent = randomNotif.time;\n\n        \/\/ Animation d'entrée\n        notifElement.classList.add('show');\n\n        \/\/ Animation de sortie après 4 secondes\n        setTimeout(() =\u003e {\n            notifElement.classList.remove('show');\n        }, 4000);\n    }\n\n    \/\/ Lancement naturel des notifications\n    setTimeout(() =\u003e {\n        showNotification();\n        setInterval(() =\u003e {\n            \/\/ Délai aléatoire (entre 0 et 5s) ajouté à l'intervalle pour faire moins \"robot\"\n            setTimeout(showNotification, Math.random() * 5000);\n        }, 18000); \/\/ Répétition toutes les ~18s\n    }, 3000); \/\/ Première apparition 3 secondes après le chargement\n\n    \/\/ --- LOGIQUE DU CAROUSEL 9:16 SÉMI-AUTOMATIQUE ---\n    const track = document.getElementById('carousel-track');\n    const dots = document.querySelectorAll('#carousel-dots .dot');\n    let autoScrollInterval;\n    let resumeTimeout;\n\n    \/\/ Met à jour les petits points (dots) lors du défilement\n    function updateDots() {\n        \/\/ Calcule l'index de la carte actuellement bien centrée\n        const slideIndex = Math.round(track.scrollLeft \/ track.clientWidth);\n        dots.forEach((dot, index) =\u003e {\n            dot.classList.toggle('active', index === slideIndex);\n        });\n    }\n\n    \/\/ Fonction pour faire défiler automatiquement\n    function startAutoScroll() {\n        autoScrollInterval = setInterval(() =\u003e {\n            let nextScrollPosition = track.scrollLeft + track.clientWidth;\n            \n            \/\/ Si on arrive à la fin, on retourne à la première carte\n            if (nextScrollPosition \u003e= track.scrollWidth - track.clientWidth + 10) {\n                nextScrollPosition = 0;\n            }\n            \n            track.scrollTo({ left: nextScrollPosition, behavior: 'smooth' });\n        }, 3500); \/\/ Défilement toutes les 3.5 secondes\n    }\n\n    \/\/ Écouteur pour mettre à jour les points et gérer l'interaction manuelle\n    track.addEventListener('scroll', () =\u003e {\n        updateDots();\n        \n        \/\/ Si l'utilisateur touche\/scrolle manuellement, on arrête l'auto-scroll\n        clearInterval(autoScrollInterval);\n        clearTimeout(resumeTimeout);\n        \n        \/\/ On relance l'auto-scroll après 5 secondes d'inactivité\n        resumeTimeout = setTimeout(startAutoScroll, 5000);\n    });\n\n    \/\/ Démarrage initial de l'animation du carrousel\n    startAutoScroll();\n\u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"Market-Zone","offers":[{"title":"Default Title","offer_id":48807321436412,"sku":null,"price":39000.0,"currency_code":"XOF","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0793\/7543\/3980\/files\/imgi_324_H5d1b9c91f3a04cc68bdf4cb0c2d13018v.webp?v=1772029384","url":"https:\/\/market-zone.shop\/products\/le-veritable-fufumix-6l-1000w","provider":"Shop 2","version":"1.0","type":"link"}