{"product_id":"pack-educatif-premium-livres-magique-ardoise-magique","title":"Pack Éducatif Premium : Livres Magique + Ardoise Magique","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003c!-- Viewport indispensable pour le Mobile First --\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\"\u003e\n    \u003ctitle\u003ePack Éducatif Magique - Offre Spéciale\u003c\/title\u003e\n    \n    \u003c!-- Intégration de Tailwind CSS pour un styling rapide et responsive --\u003e\n    \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n    \n    \u003c!-- Police Google Fonts ludique et lisible (Nunito) --\u003e\n    \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@400;600;800;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n    \n    \u003c!-- Configuration Tailwind et CSS personnalisé --\u003e\n    \u003cscript\u003e\n        tailwind.config = {\n            theme: {\n                extend: {\n                    fontFamily: {\n                        sans: ['Nunito', 'sans-serif'],\n                    },\n                    colors: {\n                        brand: {\n                            cyan: '#00B4D8', \/\/ Inspiré de la tablette bleue\n                            pink: '#FF4D6D', \/\/ Inspiré de la tablette rose\n                            yellow: '#FCA311', \/\/ Pour les étoiles et alertes\n                            dark: '#14213D', \/\/ Texte principal\n                            light: '#F8F9FA'\n                        }\n                    },\n                    boxShadow: {\n                        'soft': '0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.01)',\n                        'floating': '0 20px 25px -5px rgba(0, 180, 216, 0.3)'\n                    }\n                }\n            }\n        }\n    \u003c\/script\u003e\n\n    \u003cstyle\u003e\n        body {\n            font-family: 'Nunito', sans-serif;\n            background-color: #F8F9FA;\n            color: #14213D;\n            \/* Padding retiré car le bouton sticky a été enlevé *\/\n            padding-bottom: 0px; \n        }\n\n        \/* Animation de clignotement pour l'urgence *\/\n        @keyframes blinkFast {\n            0%, 100% { opacity: 1; transform: scale(1); }\n            50% { opacity: 0.7; transform: scale(1.05); color: #FF4D6D; }\n        }\n        .animate-blink {\n            animation: blinkFast 1.5s infinite ease-in-out;\n        }\n\n        \/* Animation de pulsation continue pour le bouton principal *\/\n        @keyframes pulseCTA {\n            0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 77, 109, 0.7); }\n            70% { transform: scale(1.03); box-shadow: 0 0 0 15px rgba(255, 77, 109, 0); }\n            100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 77, 109, 0); }\n        }\n        .btn-pulse {\n            animation: pulseCTA 2s infinite;\n        }\n\n        \/* Forme organique (Wave) pour séparer les sections en douceur *\/\n        .wave-divider {\n            position: relative;\n            background: white;\n            height: 40px;\n            width: 100%;\n            border-radius: 0 0 50% 50% \/ 0 0 100% 100%;\n            box-shadow: 0 5px 10px rgba(0,0,0,0.03);\n            z-index: 10;\n        }\n\n        \/* Bulle d'offre spéciale *\/\n        .offer-badge {\n            background: linear-gradient(135deg, #FF4D6D, #ff758f);\n            clip-path: polygon(10% 0, 100% 0, 90% 100%, 0% 100%);\n        }\n\n        \/* --- NOUVEAUTÉS --- *\/\n        \n        \/* Animation du Carrousel d'images *\/\n        .carousel-container {\n            width: 100%;\n            overflow: hidden;\n            position: relative;\n        }\n        .carousel-track {\n            display: flex;\n            width: 300%; \/* 3 images *\/\n            animation: scrollCarousel 12s infinite ease-in-out;\n        }\n        .carousel-slide {\n            width: 33.333%;\n            flex-shrink: 0;\n            padding: 0 4px;\n        }\n        @keyframes scrollCarousel {\n            0%, 25% { transform: translateX(0); }\n            33%, 58% { transform: translateX(-33.333%); }\n            66%, 91% { transform: translateX(-66.666%); }\n            100% { transform: translateX(0); }\n        }\n\n        \/* Pop-up de fausse commande (Social Proof) - DÉPLACÉ EN HAUT *\/\n        .sales-popup {\n            position: fixed;\n            top: 50px; \/* Affiché en haut, sous la barre d'alerte *\/\n            left: 15px;\n            right: 15px; \/* S'adapte à la largeur mobile *\/\n            max-width: 350px;\n            margin: 0 auto;\n            background: rgba(255, 255, 255, 0.95);\n            backdrop-filter: blur(5px);\n            border-radius: 12px;\n            box-shadow: 0 10px 25px rgba(0,0,0,0.15);\n            padding: 12px;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            transform: translateY(-150%); \/* Animation venant du haut *\/\n            opacity: 0;\n            transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.5s;\n            z-index: 100;\n            border-left: 4px solid #00B4D8;\n        }\n        .sales-popup.show {\n            transform: translateY(0);\n            opacity: 1;\n        }\n\n        \/* Animations du bouton WhatsApp *\/\n        @keyframes pulse-whatsapp {\n            0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); transform: scale(1); }\n            50% { transform: scale(1.02); }\n            70% { box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); transform: scale(1); }\n            100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); transform: scale(1); }\n        }\n        .btn-whatsapp {\n            background-color: #25D366;\n            animation: pulse-whatsapp 2s infinite;\n        }\n        \n        \/* FAQ Accordion Styles - Masquer la flèche par défaut *\/\n        details \u003e summary {\n            list-style: none;\n        }\n        details \u003e summary::-webkit-details-marker {\n            display: none;\n        }\n    \u003c\/style\u003e\n\n\n\n    \u003cdiv class=\"bg-brand-dark text-white text-center py-2 px-4 text-sm font-bold tracking-wider relative z-20\"\u003e\n        ⚠️ \u003cspan class=\"animate-blink inline-block text-brand-yellow\"\u003eSTOCK LIMITÉ AU GABON ET MALI\u003c\/span\u003e ⚠️\n    \u003c\/div\u003e\n\n    \u003c!-- NOUVEAU HÉRO : Focus sur le produit principal (Les 4 Cahiers) --\u003e\n    \u003cheader class=\"bg-gradient-to-b from-brand-cyan\/10 to-white pt-6 pb-2 px-4 text-center\"\u003e\n        \n        \u003cspan class=\"inline-block bg-brand-cyan text-white text-xs font-bold px-3 py-1 rounded-full uppercase tracking-wider mb-3 shadow-sm\"\u003eN°1 de l'éducation en Afrique\u003c\/span\u003e\n        \n        \u003ch1 class=\"text-3xl font-black text-brand-dark leading-tight mb-3\"\u003e\n            Le Secret pour que votre Enfant excelle à l'école !\n        \u003c\/h1\u003e\n        \n        \u003cp class=\"text-base text-gray-600 font-semibold mb-5\"\u003e\n            Le fameux pack de \u003cspan class=\"text-brand-pink font-bold\"\u003e4 Cahiers Magiques\u003c\/span\u003e. L'encre s'efface toute seule !\n        \u003c\/p\u003e\n\n        \u003c!-- Héro Visuel Cahiers --\u003e\n        \u003cdiv class=\"relative rounded-2xl overflow-hidden mb-6 shadow-soft border-2 border-brand-cyan\/20\"\u003e\n            \u003cimg src=\"https:\/\/bienetreautiste.com\/cdn\/shop\/files\/lot-de-cahiers-ecriture-montessori-ensemble-complet-accessoires_1024x1024.jpg?v=1738074687\" alt=\"Les 4 cahiers d'écriture magique\" class=\"w-full h-auto object-cover\"\u003e\n            \u003cdiv class=\"absolute bottom-2 right-2 bg-white\/95 px-2 py-1 rounded-lg text-xs font-black text-brand-dark shadow-sm\"\u003e\n                ✍️ Réutilisable à l'infini !\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n    \u003c\/header\u003e\n\n    \u003c!-- NOUVEAU : CARROUSEL D'IMAGES AUTOMATIQUE --\u003e\n    \u003csection class=\"pb-4 pt-1 bg-gradient-to-b from-white to-gray-50 relative z-10\"\u003e\n        \u003cdiv class=\"carousel-container px-2\"\u003e\n            \u003cdiv class=\"carousel-track\"\u003e\n                \u003c!-- Slide 1 --\u003e\n                \u003cdiv class=\"carousel-slide relative rounded-xl overflow-hidden shadow-sm\"\u003e\n                    \u003cimg src=\"https:\/\/bienetreautiste.com\/cdn\/shop\/files\/lot-de-cahiers-ecriture-montessori-ensemble-complet-accessoires_1024x1024.jpg?v=1738074687\" alt=\"Pack de cahiers\" class=\"w-full h-48 object-cover border border-gray-100 rounded-xl\"\u003e\n                    \u003cdiv class=\"absolute bottom-2 left-2 bg-brand-pink text-white text-[10px] font-black px-2 py-1 rounded shadow\"\u003e1. Les 4 Cahiers\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003c!-- Slide 2 --\u003e\n                \u003cdiv class=\"carousel-slide relative rounded-xl overflow-hidden shadow-sm\"\u003e\n                    \u003cimg src=\"https:\/\/market-zone.shop\/cdn\/shop\/files\/img_v3_0214f_a31fddb3-7fee-4370-8462-35f3c67c18hu.jpg?v=1786460143\u0026amp;width=493\" alt=\"Tablette Magique\" class=\"w-full h-48 object-cover border border-gray-100 rounded-xl bg-white\"\u003e\n                    \u003cdiv class=\"absolute bottom-2 left-2 bg-brand-cyan text-white text-[10px] font-black px-2 py-1 rounded shadow\"\u003e2. La Tablette\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003c!-- Slide 3 --\u003e\n                \u003cdiv class=\"carousel-slide relative rounded-xl overflow-hidden shadow-sm\"\u003e\n                    \u003cimg src=\"https:\/\/market-zone.shop\/cdn\/shop\/files\/img_v3_0214f_3bfa2a9d-25d2-4468-bec8-9114439abehu.jpg?v=1786460131\u0026amp;width=493\" alt=\"Enfant utilisant le produit\" class=\"w-full h-48 object-cover border border-gray-100 rounded-xl\"\u003e\n                    \u003cdiv class=\"absolute bottom-2 left-2 bg-brand-yellow text-brand-dark text-[10px] font-black px-2 py-1 rounded shadow\"\u003e3. Apprentissage\u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- NOUVEAU : BLOC DE PRESSION \/ URGENCE D'ACHAT --\u003e\n    \u003csection class=\"px-4 py-4 bg-red-50 border-y-2 border-red-100 text-center relative z-10 mb-4 shadow-inner\"\u003e\n        \u003cdiv class=\"flex items-center justify-center space-x-2 text-red-600 mb-2\"\u003e\n            \u003csvg class=\"w-5 h-5 animate-pulse\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n            \u003cspan class=\"font-black text-sm uppercase tracking-wider text-red-700\"\u003eLa promotion se termine dans :\u003c\/span\u003e\n        \u003c\/div\u003e\n        \n        \u003c!-- Compte à rebours --\u003e\n        \u003cdiv class=\"flex justify-center space-x-2 text-2xl font-black text-brand-dark\"\u003e\n            \u003cdiv class=\"bg-white px-3 py-1.5 rounded-lg shadow-sm border border-red-200 min-w-[50px]\"\u003e\n\u003cspan id=\"hours\"\u003e02\u003c\/span\u003e\u003cspan class=\"block text-[9px] text-gray-400 font-bold mt-[-2px]\"\u003eHEURES\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"text-red-500 flex items-center mb-4\"\u003e:\u003c\/div\u003e\n            \u003cdiv class=\"bg-white px-3 py-1.5 rounded-lg shadow-sm border border-red-200 min-w-[50px]\"\u003e\n\u003cspan id=\"minutes\"\u003e45\u003c\/span\u003e\u003cspan class=\"block text-[9px] text-gray-400 font-bold mt-[-2px]\"\u003eMINUTES\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"text-red-500 flex items-center mb-4\"\u003e:\u003c\/div\u003e\n            \u003cdiv class=\"bg-white px-3 py-1.5 rounded-lg shadow-sm border border-red-200 min-w-[50px]\"\u003e\n\u003cspan id=\"seconds\"\u003e30\u003c\/span\u003e\u003cspan class=\"block text-[9px] text-gray-400 font-bold mt-[-2px]\"\u003eSECONDES\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003c!-- Preuve sociale en temps réel --\u003e\n        \u003cdiv class=\"mt-3 inline-flex items-center bg-white px-3 py-1 rounded-full border border-red-100 shadow-sm\"\u003e\n            \u003cspan class=\"relative flex h-2.5 w-2.5 mr-2\"\u003e\n              \u003cspan class=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-red-400 opacity-75\"\u003e\u003c\/span\u003e\n              \u003cspan class=\"relative inline-flex rounded-full h-2.5 w-2.5 bg-red-600\"\u003e\u003c\/span\u003e\n            \u003c\/span\u003e\n            \u003cspan class=\"text-xs font-bold text-gray-700\"\u003e\u003cspan class=\"text-red-600\"\u003e17 personnes\u003c\/span\u003e regardent cette offre\u003c\/span\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- ZONE D'OFFRE AMÉLIORÉE AVEC BOUTON WHATSAPP --\u003e\n    \u003csection class=\"px-4 pb-6 relative z-10\"\u003e\n        \u003cdiv class=\"relative bg-gradient-to-br from-brand-dark to-gray-900 rounded-3xl p-5 border-4 border-brand-pink shadow-floating mb-2 overflow-hidden\"\u003e\n            \u003c!-- Décoration fond abstrait --\u003e\n            \u003cdiv class=\"absolute top-0 right-0 w-32 h-32 bg-white opacity-5 rounded-full -mr-10 -mt-10\"\u003e\u003c\/div\u003e\n            \n            \u003cdiv class=\"absolute -top-4 left-1\/2 transform -translate-x-1\/2 w-max z-20\"\u003e\n                \u003cspan class=\"bg-brand-yellow text-brand-dark font-black px-5 py-1.5 rounded-full shadow-lg text-sm border-2 border-white animate-pulse\"\u003e\n                    🔥 OFFRE SPÉCIALE 48H 🔥\n                \u003c\/span\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"text-center mt-3 mb-4 relative z-10\"\u003e\n                \u003cp class=\"text-white text-sm font-semibold mb-1\"\u003ePour tout achat d'1 Set de 4 Cahiers\u003c\/p\u003e\n                \u003ch2 class=\"text-2xl font-black text-white leading-tight\"\u003e\n                    \u003cspan class=\"text-brand-cyan text-3xl\"\u003e1 TABLETTE OFFERTE\u003c\/span\u003e 🎁\n                \u003c\/h2\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Visuel de la combinaison --\u003e\n            \u003cdiv class=\"bg-white rounded-xl p-3 flex justify-between items-center relative z-10 shadow-inner\"\u003e\n                \u003cdiv class=\"w-5\/12 flex flex-col items-center\"\u003e\n                    \u003cimg src=\"https:\/\/bienetreautiste.com\/cdn\/shop\/files\/lot-de-cahiers-ecriture-montessori-ensemble-complet-accessoires_1024x1024.jpg?v=1738074687\" alt=\"Cahiers\" class=\"w-full h-auto object-contain\"\u003e\n                    \u003cspan class=\"bg-gray-800 text-white text-[10px] font-bold px-2 py-0.5 rounded mt-1\"\u003eACHETÉ\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"w-2\/12 flex justify-center\"\u003e\n                    \u003cdiv class=\"bg-brand-pink text-white w-8 h-8 rounded-full flex items-center justify-center font-black text-xl shadow-md\"\u003e+\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"w-5\/12 flex flex-col items-center relative\"\u003e\n                    \u003cimg src=\"https:\/\/scontent.fcoo5-1.fna.fbcdn.net\/v\/t39.84726-6\/735564244_980774578326750_8021151534293566963_n.jpg?stp=dst-jpg_s960x960_tt6\u0026amp;_nc_cat=101\u0026amp;ccb=1-7\u0026amp;_nc_sid=92e707\u0026amp;_nc_ohc=CcOqfRN9UHwQ7kNvwHdfRPM\u0026amp;_nc_oc=AdqzSdG5nbd7nhbkWS04o6AKcL6VRvuzefU_KJ1PquLP2GkcUV49lfVmO5JD_pf0IVF7GGc7s_9D-XP_myIuxzW7\u0026amp;_nc_zt=14\u0026amp;_nc_ht=scontent.fcoo5-1.fna\u0026amp;_nc_gid=s62cDknrCCtlz6DrCh7x7Q\u0026amp;_nc_ss=7b2a8\u0026amp;oh=00_AQGs7HMXwNGrP8OLYTaXDrf-eltBRxrEdFw3_hxzqGFgFw\u0026amp;oe=6A8103EF\" alt=\"Tablette\" class=\"w-full h-auto object-contain scale-110 rounded-lg\"\u003e\n                    \u003cspan class=\"bg-brand-pink text-white text-[10px] font-bold px-2 py-0.5 rounded mt-1 animate-blink\"\u003eOFFERTE\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Prix et Appel à l'action WhatsApp --\u003e\n            \u003cdiv class=\"mt-5 text-center relative z-10\"\u003e\n                \u003cdiv class=\"flex justify-center items-center space-x-3 mb-4 bg-black\/30 py-2 rounded-lg\"\u003e\n                    \u003cspan class=\"text-gray-400 line-through text-lg decoration-red-500 decoration-2\"\u003e25 000 FCFA\u003c\/span\u003e\n                    \u003cspan class=\"text-4xl font-black text-brand-yellow\"\u003e14 900 FCFA\u003c\/span\u003e\n                \u003c\/div\u003e\n                \n                \u003c!-- Bouton WhatsApp --\u003e\n                \u003ca href=\"https:\/\/wa.me\/24177780865?text=Bonjour,%20je%20souhaite%20commander%20le%20Pack%20Magique%20(4%20Cahiers%20+%20Tablette%20Offerte)%20%C3%A0%2014900%20FCFA%20avec%20paiement%20%C3%A0%20la%20livraison.\" class=\"btn-whatsapp w-full flex items-center justify-center text-white font-black text-base py-4 px-3 rounded-2xl shadow-lg border-b-4 border-green-700 active:border-b-0 active:translate-y-1 transition-all\"\u003e\n                    \u003csvg class=\"w-6 h-6 mr-2 flex-shrink-0\" fill=\"currentColor\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                        \u003cpath d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51a12.8 12.8 0 0 0-.57-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413Z\"\u003e\u003c\/path\u003e\n                    \u003c\/svg\u003e\n                    COMMANDER SUR WHATSAPP\n                \u003c\/a\u003e\n                \u003cp class=\"text-[11px] text-gray-300 mt-2 tracking-wide uppercase\"\u003e📍 Expédition depuis nos dépôts locaux\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003c!-- Jauge d'Urgence (Stock) --\u003e\n        \u003cdiv class=\"bg-gray-200 rounded-full h-3 mt-4 overflow-hidden border border-gray-300\"\u003e\n            \u003cdiv class=\"bg-brand-pink h-full rounded-full w-[85%] relative\"\u003e\n                \u003cdiv class=\"absolute inset-0 bg-white\/20 w-full h-full animate-pulse\"\u003e\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"text-xs text-center text-brand-dark font-bold mt-2\"\u003eDépêchez-vous, il ne reste que \u003cspan class=\"text-brand-pink animate-blink\"\u003e12 packs\u003c\/span\u003e en stock !\u003c\/p\u003e\n    \u003c\/section\u003e\n\n    \u003cdiv class=\"wave-divider\"\u003e\u003c\/div\u003e\n\n    \u003csection class=\"px-4 py-6 bg-white\"\u003e\n        \u003cdiv class=\"bg-green-50 border border-green-200 rounded-2xl p-4 flex items-center space-x-4 mb-6 shadow-sm\"\u003e\n            \u003cdiv class=\"bg-green-500 rounded-full p-3 text-white\"\u003e\n                \u003c!-- Icône Camion SVG --\u003e\n                \u003csvg class=\"w-8 h-8\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 14H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3m-1 4a2 2 0 11-4 0 2 2 0 014 0zm-8 0a2 2 0 11-4 0 2 2 0 014 0zm9-10h.01\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n            \u003c\/div\u003e\n            \u003cdiv\u003e\n                \u003ch3 class=\"font-black text-green-800 text-lg\"\u003ePaiement à la Livraison\u003c\/h3\u003e\n                \u003cp class=\"text-green-700 text-sm leading-tight\"\u003eVous ne payez que lorsque vous recevez le colis entre vos mains. 100% Sécurisé.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"px-5 py-6 bg-brand-light\"\u003e\n        \u003ch3 class=\"text-2xl font-black text-center mb-6 text-brand-dark\"\u003ePourquoi ce pack est indispensable ?\u003c\/h3\u003e\n        \n        \u003cdiv class=\"space-y-4\"\u003e\n            \u003c!-- Bénéfice 1 --\u003e\n            \u003cdiv class=\"flex items-start bg-white p-4 rounded-2xl shadow-soft\"\u003e\n                \u003cdiv class=\"flex-shrink-0 bg-brand-cyan\/20 text-brand-cyan rounded-full p-2 mr-4 mt-1\"\u003e\n                    \u003csvg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                \u003c\/div\u003e\n                \u003cdiv\u003e\n                    \u003ch4 class=\"font-bold text-lg text-brand-dark\"\u003eApprentissage Magique\u003c\/h4\u003e\n                    \u003cp class=\"text-gray-600 text-sm mt-1\"\u003eLe cahier guide l'enfant pour écrire parfaitement, et l'encre disparaît pour recommencer !\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Bénéfice 2 --\u003e\n            \u003cdiv class=\"flex items-start bg-white p-4 rounded-2xl shadow-soft\"\u003e\n                \u003cdiv class=\"flex-shrink-0 bg-brand-pink\/20 text-brand-pink rounded-full p-2 mr-4 mt-1\"\u003e\n                    \u003csvg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                \u003c\/div\u003e\n                \u003cdiv\u003e\n                    \u003ch4 class=\"font-bold text-lg text-brand-dark\"\u003eZéro Écran Nocif\u003c\/h4\u003e\n                    \u003cp class=\"text-gray-600 text-sm mt-1\"\u003eLa tablette LCD protège les yeux. Fini les smartphones, place à l'imagination !\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Bénéfice 3 --\u003e\n            \u003cdiv class=\"flex items-start bg-white p-4 rounded-2xl shadow-soft\"\u003e\n                \u003cdiv class=\"flex-shrink-0 bg-brand-yellow\/20 text-yellow-600 rounded-full p-2 mr-4 mt-1\"\u003e\n                    \u003csvg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                \u003c\/div\u003e\n                \u003cdiv\u003e\n                    \u003ch4 class=\"font-bold text-lg text-brand-dark\"\u003eSuper Économique\u003c\/h4\u003e\n                    \u003cp class=\"text-gray-600 text-sm mt-1\"\u003eRéutilisables des milliers de fois. Plus besoin d'acheter des tonnes de feuilles.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"px-4 py-8 bg-white\"\u003e\n        \u003ch3 class=\"text-2xl font-black text-center mb-6 text-brand-dark\"\u003eIls l'ont adopté !\u003c\/h3\u003e\n        \n        \u003c!-- Instructions pour l'utilisateur: Remplacez les liens \"via.placeholder.com\" par de vraies photos d'enfants utilisant les produits --\u003e\n        \u003cdiv class=\"grid grid-cols-2 gap-3\"\u003e\n            \u003cdiv class=\"rounded-xl overflow-hidden shadow-sm border-2 border-gray-100\"\u003e\n                \u003c!-- IMAGE 1 : Enfant utilisant le cahier --\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0569\/8781\/2037\/files\/Cahierecriture_480x480.gif?v=1680268785\" alt=\"Enfant utilisant le cahier\" class=\"w-full h-full object-cover\"\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"rounded-xl overflow-hidden shadow-sm border-2 border-gray-100\"\u003e\n                \u003c!-- IMAGE 2 : Gros plan sur l'encre qui s'efface --\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0569\/8781\/2037\/files\/video-concours-apprendre-ecriture_30289f0e-9909-45d6-9bab-101ba5445c05_480x480.gif?v=1680273891\" alt=\"Stylo magique\" class=\"w-full h-full object-cover\"\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"rounded-xl overflow-hidden shadow-sm border-2 border-gray-100\"\u003e\n                \u003c!-- IMAGE 3 : Enfant dessinant sur la tablette --\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0602\/9846\/1281\/files\/WhatsApp_Image_2025-09-01_a_23.39.32_227e3e1b-removebg-preview_87c392ea-a427-481c-8d72-6b95a4f1cb5c.png?v=1760444846\" alt=\"Dessin sur tablette\" class=\"w-full h-full object-cover\"\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"rounded-xl overflow-hidden shadow-sm border-2 border-gray-100 bg-brand-cyan flex flex-col justify-center items-center text-white p-4\"\u003e\n                \u003cspan class=\"text-3xl font-black\"\u003e+1000\u003c\/span\u003e\n                \u003cspan class=\"text-xs font-bold text-center mt-1 uppercase\"\u003eParents\u003cbr\u003eSatisfaits\u003c\/span\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"px-4 py-8 bg-gray-50 border-t border-gray-200\"\u003e\n        \u003ch3 class=\"text-xl font-black text-center mb-6 text-brand-dark\"\u003eL'avis des parents\u003c\/h3\u003e\n        \n        \u003cdiv class=\"space-y-4\"\u003e\n            \u003c!-- Avis 1 (Libreville) --\u003e\n            \u003cdiv class=\"bg-white p-4 rounded-2xl shadow-sm border border-gray-100\"\u003e\n                \u003cdiv class=\"flex justify-between items-center mb-2\"\u003e\n                    \u003cdiv class=\"flex items-center space-x-2\"\u003e\n                        \u003cdiv class=\"w-10 h-10 bg-brand-pink text-white rounded-full flex items-center justify-center font-bold text-lg\"\u003eM\u003c\/div\u003e\n                        \u003cdiv\u003e\n                            \u003ch5 class=\"font-bold text-sm text-brand-dark\"\u003eMarie C.\u003c\/h5\u003e\n                            \u003cspan class=\"text-xs text-gray-400\"\u003e📍 Libreville, Gabon\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"flex text-brand-yellow text-sm\"\u003e⭐⭐⭐⭐⭐\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cp class=\"text-gray-600 text-sm italic\"\u003e\"Vraiment pratique ! Ma fille de 4 ans ne lâche plus sa tablette pour dessiner, et le cahier l'aide beaucoup pour l'alphabet. Le fait de payer à la livraison m'a rassuré.\"\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Avis 2 (Bamako) --\u003e\n            \u003cdiv class=\"bg-white p-4 rounded-2xl shadow-sm border border-gray-100\"\u003e\n                \u003cdiv class=\"flex justify-between items-center mb-2\"\u003e\n                    \u003cdiv class=\"flex items-center space-x-2\"\u003e\n                        \u003cdiv class=\"w-10 h-10 bg-brand-cyan text-white rounded-full flex items-center justify-center font-bold text-lg\"\u003eA\u003c\/div\u003e\n                        \u003cdiv\u003e\n                            \u003ch5 class=\"font-bold text-sm text-brand-dark\"\u003eAminata T.\u003c\/h5\u003e\n                            \u003cspan class=\"text-xs text-gray-400\"\u003e📍 Bamako, Mali\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"flex text-brand-yellow text-sm\"\u003e⭐⭐⭐⭐⭐\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cp class=\"text-gray-600 text-sm italic\"\u003e\"C'est la magie même ! L'encre du cahier disparait vraiment après quelques minutes. C'est l'investissement parfait pour préparer la rentrée. Livreur très gentil.\"\u003c\/p\u003e\n            \u003c\/div\u003e\n            \n            \u003c!-- Avis 3 (Port-Gentil) --\u003e\n            \u003cdiv class=\"bg-white p-4 rounded-2xl shadow-sm border border-gray-100\"\u003e\n                \u003cdiv class=\"flex justify-between items-center mb-2\"\u003e\n                    \u003cdiv class=\"flex items-center space-x-2\"\u003e\n                        \u003cdiv class=\"w-10 h-10 bg-brand-yellow text-white rounded-full flex items-center justify-center font-bold text-lg\"\u003eS\u003c\/div\u003e\n                        \u003cdiv\u003e\n                            \u003ch5 class=\"font-bold text-sm text-brand-dark\"\u003eSylvain M.\u003c\/h5\u003e\n                            \u003cspan class=\"text-xs text-gray-400\"\u003e📍 Port-Gentil, Gabon\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"flex text-brand-yellow text-sm\"\u003e⭐⭐⭐⭐⭐\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cp class=\"text-gray-600 text-sm italic\"\u003e\"Offre incroyable. J'ai eu la tablette gratuite avec le cahier. Mes deux enfants sont occupés et loin de la télé. Je recommande à 100%.\"\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- NOUVEAU : Section FAQ (Foire Aux Questions) --\u003e\n    \u003csection class=\"px-4 py-8 bg-brand-light border-t border-gray-200\"\u003e\n        \u003ch3 class=\"text-2xl font-black text-center mb-6 text-brand-dark\"\u003eVos questions fréquentes\u003c\/h3\u003e\n        \n        \u003cdiv class=\"space-y-3\"\u003e\n            \u003cdetails class=\"bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden group\"\u003e\n                \u003csummary class=\"font-bold text-brand-dark p-4 cursor-pointer flex justify-between items-center group-open:text-brand-cyan select-none\"\u003e\n                    L'encre s'efface-t-elle vraiment ?\n                    \u003cspan class=\"text-brand-cyan group-open:rotate-180 transition-transform\"\u003e▼\u003c\/span\u003e\n                \u003c\/summary\u003e\n                \u003cdiv class=\"p-4 pt-0 text-sm text-gray-600 border-t border-gray-50\"\u003e\n                    Oui ! Grâce à notre technologie de stylo magique, l'encre disparaît d'elle-même après 15 à 30 minutes. Les cahiers redeviennent comme neufs.\n                \u003c\/div\u003e\n            \u003c\/details\u003e\n\n            \u003cdetails class=\"bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden group\"\u003e\n                \u003csummary class=\"font-bold text-brand-dark p-4 cursor-pointer flex justify-between items-center group-open:text-brand-cyan select-none\"\u003e\n                    Comment se passe le paiement ?\n                    \u003cspan class=\"text-brand-cyan group-open:rotate-180 transition-transform\"\u003e▼\u003c\/span\u003e\n                \u003c\/summary\u003e\n                \u003cdiv class=\"p-4 pt-0 text-sm text-gray-600 border-t border-gray-50\"\u003e\n                    Aucun risque pour vous ! Le paiement se fait uniquement à la livraison, c'est-à-dire que vous payez le livreur une fois que vous avez le colis entre vos mains (Gabon et Mali).\n                \u003c\/div\u003e\n            \u003c\/details\u003e\n\n            \u003cdetails class=\"bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden group\"\u003e\n                \u003csummary class=\"font-bold text-brand-dark p-4 cursor-pointer flex justify-between items-center group-open:text-brand-cyan select-none\"\u003e\n                    Que contient exactement ce pack ?\n                    \u003cspan class=\"text-brand-cyan group-open:rotate-180 transition-transform\"\u003e▼\u003c\/span\u003e\n                \u003c\/summary\u003e\n                \u003cdiv class=\"p-4 pt-0 text-sm text-gray-600 border-t border-gray-50\"\u003e\n                    Vous recevez : 1 Set de 4 Cahiers (Alphabet, Chiffres, Mathématiques, Dessin) + 1 Stylo avec ses recharges d'encre + 1 Tablette LCD Magique offerte en cadeau.\n                \u003c\/div\u003e\n            \u003c\/details\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- Informations complémentaires minimalistes (Bouton collant retiré) --\u003e\n    \u003csection class=\"px-4 pt-8 pb-12 text-center bg-white border-t border-gray-100\"\u003e\n        \u003cp class=\"text-xs text-gray-400 mb-2 font-bold uppercase tracking-wider\"\u003eGarantie 100% Sécurisé\u003c\/p\u003e\n        \u003cdiv class=\"flex justify-center space-x-6 mb-4\"\u003e\n            \u003cspan class=\"text-2xl drop-shadow-sm\"\u003e🛡️\u003c\/span\u003e\n            \u003cspan class=\"text-2xl drop-shadow-sm\"\u003e🚚\u003c\/span\u003e\n            \u003cspan class=\"text-2xl drop-shadow-sm\"\u003e💰\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"text-[10px] text-gray-300\"\u003e© 2024 - Tous droits réservés.\u003c\/p\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- NOUVEAU : POP-UP FAUSSE COMMANDE (Social Proof) --\u003e\n    \u003cdiv id=\"sales-popup\" class=\"sales-popup\"\u003e\n        \u003cimg src=\"https:\/\/bienetreautiste.com\/cdn\/shop\/files\/lot-de-cahiers-ecriture-montessori-ensemble-complet-accessoires_1024x1024.jpg?v=1738074687\" alt=\"Pack acheté\" class=\"w-12 h-12 rounded bg-gray-100 object-cover shadow-sm border border-gray-200\"\u003e\n        \u003cdiv class=\"flex-1\"\u003e\n            \u003cp class=\"text-[10px] text-gray-500 mb-0.5\"\u003eIl y a \u003cspan id=\"popup-time\"\u003e2\u003c\/span\u003e minutes\u003c\/p\u003e\n            \u003cp class=\"text-sm font-bold text-brand-dark leading-tight\"\u003e\u003cspan id=\"popup-name\"\u003eMamadou\u003c\/span\u003e de \u003cspan id=\"popup-city\"\u003eBamako\u003c\/span\u003e\u003c\/p\u003e\n            \u003cp class=\"text-xs text-brand-pink font-bold\"\u003ea acheté le Pack Magique\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- SCRIPT POUR L'ANIMATION DES POPUPS DE VENTE --\u003e\n    \u003cscript\u003e\n        const buyers = [\n            { name: \"Aminata T.\", city: \"Bamako\" },\n            { name: \"Sylvain M.\", city: \"Libreville\" },\n            { name: \"Fatoumata D.\", city: \"Bamako\" },\n            { name: \"Marc O.\", city: \"Port-Gentil\" },\n            { name: \"Awa K.\", city: \"Bamako\" },\n            { name: \"Christelle B.\", city: \"Moanda\" },\n            { name: \"Oumar C.\", city: \"Bamako\" }\n        ];\n\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        function showRandomPopup() {\n            \/\/ Choix aléatoire\n            const buyer = buyers[Math.floor(Math.random() * buyers.length)];\n            const time = Math.floor(Math.random() * 12) + 1; \/\/ Temps aléatoire entre 1 et 12 mins\n\n            \/\/ Remplissage des données\n            nameEl.textContent = buyer.name;\n            cityEl.textContent = buyer.city;\n            timeEl.textContent = time;\n\n            \/\/ Affichage\n            popup.classList.add('show');\n\n            \/\/ Disparition après 5 secondes\n            setTimeout(() =\u003e {\n                popup.classList.remove('show');\n            }, 5000);\n        }\n\n        \/\/ Lancement du premier pop-up après 4 secondes de visite\n        setTimeout(() =\u003e {\n            showRandomPopup();\n            \/\/ Répétition toutes les 20 secondes\n            setInterval(showRandomPopup, 20000);\n        }, 4000);\n\n        \/\/ === NOUVEAU : SCRIPT POUR LE COMPTE À REBOURS ===\n        function startCountdown() {\n            let hours = 2;\n            let minutes = 45;\n            let seconds = 30;\n\n            const hoursEl = document.getElementById('hours');\n            const minutesEl = document.getElementById('minutes');\n            const secondsEl = document.getElementById('seconds');\n\n            if(!hoursEl) return; \n\n            setInterval(() =\u003e {\n                seconds--;\n                if (seconds \u003c 0) {\n                    seconds = 59;\n                    minutes--;\n                    if (minutes \u003c 0) {\n                        minutes = 59;\n                        hours--;\n                        if (hours \u003c 0) {\n                            hours = 2; \/\/ Réinitialise la boucle pour simuler la rareté continue\n                        }\n                    }\n                }\n                hoursEl.textContent = hours.toString().padStart(2, '0');\n                minutesEl.textContent = minutes.toString().padStart(2, '0');\n                secondsEl.textContent = seconds.toString().padStart(2, '0');\n            }, 1000);\n        }\n        \n        \/\/ Démarrer le compte à rebours\n        startCountdown();\n    \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"Shop 2","offers":[{"title":"Default Title","offer_id":50967348773116,"sku":null,"price":14900.0,"currency_code":"XOF","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0793\/7543\/3980\/files\/H4add601a85184a3f8d411ff4506b4bd1Q.webp?v=1786458701","url":"https:\/\/market-zone.shop\/products\/pack-educatif-premium-livres-magique-ardoise-magique","provider":"Shop 2","version":"1.0","type":"link"}