{"product_id":"le-pack-genie-tablette-educative-le-tableau-parlant-offert","title":"Le Pack Génie : Tablette Éducative + Le Tableau Parlant OFFERT !","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"utf-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1\"\u003e\n    \u003ctitle\u003ePack Génie : Tablette + Tableau Parlant OFFERT\u003c\/title\u003e\n    \n    \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n    \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n    \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;700;800\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n    \u003cstyle\u003e\n      :root {\n        --accent: #ff6b35; \/* Orange dynamique *\/\n        --accent-dark: #e85a2a;\n        --secondary: #006D9C; \/* Bleu pour le côté éducatif\/tablette *\/\n        --free-gift: #ef4444; \/* Rouge pour le \"GRATUIT\" *\/\n        --muted: #6b7280;\n        --bg: #ffffff;\n        --bg-alt: #f6f7fb;\n        --text-dark: #111827;\n        --text-light: #4b5563;\n        --shadow: 0 10px 30px rgba(16, 24, 40, 0.08);\n        --shadow-light: 0 4px 15px rgba(16, 24, 40, 0.05);\n      }\n\n      html, body {\n        margin: 0;\n        font-family: 'Inter', system-ui, -apple-system, sans-serif;\n        background: var(--bg);\n        color: var(--text-dark);\n        -webkit-font-smoothing: antialiased;\n        line-height: 1.5;\n      }\n\n      .container {\n        max-width: 960px;\n        margin: 0 auto;\n        padding: 0 16px;\n      }\n\n      \/* --- Structure --- *\/\n      .section { padding: 48px 0; }\n      .section-alt { background-color: var(--bg-alt); }\n      \n      @media(min-width: 768px) {\n        .section { padding: 72px 0; }\n      }\n\n      \/* --- Hero Section --- *\/\n      .hero-header {\n        padding: 40px 0 60px;\n        text-align: center;\n      }\n      \n      .hero-title {\n        font-size: 32px;\n        font-weight: 800;\n        line-height: 1.2;\n        color: var(--text-dark);\n        margin: 0 0 16px;\n      }\n      \n      .hero-title span {\n        color: var(--accent);\n      }\n\n      .hero-subtitle {\n        font-size: 18px;\n        color: var(--text-light);\n        margin: 0 auto 32px;\n        max-width: 650px;\n      }\n      \n      \/* Grid Hero Images *\/\n      .hero-pack-images {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 24px;\n        margin-bottom: 40px;\n      }\n      \n      @media(min-width: 768px) {\n        .hero-title { font-size: 46px; }\n        .hero-subtitle { font-size: 20px; }\n        .hero-pack-images { grid-template-columns: 1.2fr 1fr; align-items: center; }\n      }\n      \n      .pack-card {\n        background: #fff;\n        border-radius: 16px;\n        border: 2px solid #e5e7eb;\n        overflow: hidden;\n        position: relative;\n        transition: transform 0.3s ease;\n      }\n      \n      \/* Mise en avant du cadeau *\/\n      .pack-card.gift {\n        border-color: var(--free-gift);\n        box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.1);\n        transform: rotate(2deg);\n      }\n      @media(min-width: 768px) {\n        .pack-card.gift { transform: rotate(3deg) scale(0.95); }\n      }\n\n      .pack-card img {\n        width: 100%;\n        height: auto;\n        aspect-ratio: 4\/3;\n        object-fit: cover;\n        display: block;\n      }\n      \n      .pack-label {\n        font-weight: 800;\n        text-align: center;\n        padding: 12px;\n        font-size: 15px;\n        background: var(--bg-alt);\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n      }\n      \n      .gift-badge {\n        position: absolute;\n        top: 10px;\n        right: 10px;\n        background: var(--free-gift);\n        color: white;\n        padding: 6px 12px;\n        border-radius: 99px;\n        font-weight: 800;\n        font-size: 13px;\n        box-shadow: 0 4px 10px rgba(0,0,0,0.2);\n        animation: pulse 2s infinite;\n        z-index: 10;\n      }\n\n      \/* --- CTA Box --- *\/\n      .cta-box {\n        background: #fff;\n        border-radius: 16px;\n        box-shadow: var(--shadow);\n        padding: 24px;\n        max-width: 500px;\n        margin: 0 auto;\n        border: 1px solid #e5e7eb;\n        position: relative;\n        z-index: 2;\n      }\n      \n      .price-row {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 12px;\n        margin-bottom: 20px;\n        flex-wrap: wrap;\n      }\n      .price { font-size: 36px; font-weight: 800; color: var(--text-dark); }\n      .old-price { font-size: 20px; color: var(--muted); text-decoration: line-through; }\n      .pill-save {\n        background: #dcfce7; color: #166534;\n        padding: 4px 10px; border-radius: 6px; font-weight: 700; font-size: 14px;\n      }\n      \n      .btn {\n        display: block;\n        width: 100%;\n        padding: 18px;\n        border-radius: 12px;\n        border: 0;\n        font-weight: 800;\n        font-size: 18px;\n        cursor: pointer;\n        transition: all 0.2s ease;\n        text-align: center;\n        box-sizing: border-box;\n        text-decoration: none;\n      }\n      .btn-primary {\n        background: var(--accent);\n        color: #fff;\n        box-shadow: 0 8px 25px rgba(255, 107, 53, 0.3);\n      }\n      .btn-primary:hover {\n        background: var(--accent-dark);\n        transform: translateY(-2px);\n      }\n      \n      .scarcity-bar {\n        margin-top: 16px;\n        background: #fff7ed;\n        border: 1px solid #ffedd5;\n        padding: 10px;\n        border-radius: 8px;\n        font-size: 14px;\n        color: #9a3412;\n        text-align: center;\n      }\n\n      \/* --- Benefits Grid --- *\/\n      .section-title {\n        font-size: 28px;\n        font-weight: 800;\n        text-align: center;\n        margin: 0 0 12px;\n      }\n      .section-subtitle {\n        text-align: center;\n        color: var(--text-light);\n        margin-bottom: 40px;\n      }\n      \n      .benefits-grid {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 20px;\n      }\n      @media(min-width: 768px) {\n        .benefits-grid { grid-template-columns: repeat(3, 1fr); }\n      }\n      \n      .benefit-card {\n        background: #fff;\n        padding: 24px;\n        border-radius: 12px;\n        border: 1px solid #eee;\n        text-align: center;\n      }\n      .benefit-icon { font-size: 32px; margin-bottom: 12px; display: block; }\n      .benefit-card h3 { margin: 0 0 8px; font-size: 18px; font-weight: 700; }\n      .benefit-card p { margin: 0; font-size: 14px; color: var(--text-light); }\n      \n      \/* --- Feature Sections (Alternating) --- *\/\n      .feature-row {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 32px;\n        align-items: center;\n        margin-bottom: 60px; \/* Espace entre les features *\/\n      }\n      .feature-row:last-child { margin-bottom: 0; }\n      \n      @media(min-width: 768px) {\n        .feature-row { grid-template-columns: 1fr 1fr; gap: 60px; }\n        .feature-row.reverse .feature-img-col { order: 2; }\n      }\n      \n      .feature-img-col img {\n        width: 100%;\n        border-radius: 16px;\n        box-shadow: var(--shadow-light);\n      }\n      \n      .feature-tag {\n        display: inline-block;\n        background: var(--bg-alt);\n        color: var(--accent);\n        font-weight: 700;\n        font-size: 12px;\n        padding: 4px 10px;\n        border-radius: 4px;\n        margin-bottom: 12px;\n        text-transform: uppercase;\n      }\n      .feature-tag.free { background: #fee2e2; color: #ef4444; }\n\n      .feature-content h2 {\n        font-size: 26px;\n        font-weight: 800;\n        margin: 0 0 16px;\n        color: var(--text-dark);\n      }\n      .feature-list {\n        list-style: none;\n        padding: 0;\n        display: grid;\n        gap: 12px;\n      }\n      .feature-list li {\n        display: flex;\n        gap: 12px;\n        font-size: 16px;\n        color: var(--text-light);\n      }\n      .feature-list li::before {\n        content: '✓';\n        color: var(--accent);\n        font-weight: 900;\n      }\n\n      \/* --- Reviews \u0026 FAQ --- *\/\n      .review-grid {\n        display: grid;\n        gap: 16px;\n      }\n      .review-card {\n        background: var(--bg-alt);\n        padding: 20px;\n        border-radius: 12px;\n      }\n      .stars { color: #f59e0b; margin-bottom: 8px; }\n      .review-text { font-size: 15px; font-style: italic; color: var(--text-light); margin-bottom: 10px; }\n      .review-author { font-weight: 700; font-size: 14px; }\n\n      .faq-item {\n        border-bottom: 1px solid #eee;\n        padding: 16px 0;\n      }\n      .faq-q {\n        font-weight: 700;\n        cursor: pointer;\n        display: flex;\n        justify-content: space-between;\n      }\n      .faq-a {\n        margin-top: 10px;\n        font-size: 15px;\n        color: var(--text-light);\n        display: none;\n        line-height: 1.6;\n      }\n      .faq-item.open .faq-a { display: block; }\n\n      \/* Animation Pulse pour le GRATUIT *\/\n      @keyframes pulse {\n        0% { transform: scale(1); }\n        50% { transform: scale(1.1); }\n        100% { transform: scale(1); }\n      }\n      \n      .fade-in { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease-out, transform 0.6s ease-out; }\n      .fade-in.visible { opacity: 1; transform: translateY(0); }\n\n    \u003c\/style\u003e\n\n\n\n\u003c!-- HERO SECTION --\u003e\n\u003cheader class=\"section hero-header\"\u003e\n    \u003cdiv class=\"container\"\u003e\n        \u003ch1 class=\"hero-title fade-in\"\u003eLe Pack Génie : Tablette Éducative \u003cbr\u003e\u003cspan\u003e+ Le Tableau Parlant OFFERT !\u003c\/span\u003e\n\u003c\/h1\u003e\n        \u003cp class=\"hero-subtitle fade-in\"\u003eNe choisissez plus. Recevez la machine 2-en-1 pour calculer et dessiner, ET nous vous offrons le tableau interactif bilingue pour apprendre en jouant.\u003c\/p\u003e\n        \n        \u003cdiv class=\"hero-pack-images fade-in\"\u003e\n            \u003c!-- Produit 1 : La Tablette --\u003e\n            \u003cdiv class=\"pack-card\"\u003e\n                \u003c!-- PHOTO DE LA MACHINE\/TABLETTE --\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0649\/0773\/9245\/files\/Gemini_Generated_Image_a4aqcaa4aqcaa4aq_1.png?v=1763166271\" alt=\"Tablette éducative\"\u003e\n                \u003cdiv class=\"pack-label\"\u003e1. Le Produit Star\u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Produit 2 : Le Tableau (CADEAU) --\u003e\n            \u003cdiv class=\"pack-card gift\"\u003e\n                \u003cdiv class=\"gift-badge\"\u003e🎁 CADEAU (Valeur 10.000F)\u003c\/div\u003e\n                \u003c!-- PHOTO DU TABLEAU PARLANT --\u003e\n                \u003cimg src=\"https:\/\/market-zone.shop\/cdn\/shop\/files\/20251001-002353.jpg?v=1760444843\" alt=\"Tableau Éducatif Parlant\"\u003e\n                \u003cdiv class=\"pack-label\" style=\"color:var(--free-gift)\"\u003e2. OFFERT GRATUITEMENT\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"cta-box fade-in\"\u003e\n            \u003cdiv class=\"price-row\"\u003e\n                \u003cspan class=\"old-price\"\u003e35.000 F\u003c\/span\u003e\n                \u003cspan class=\"price\"\u003e14.900 F CFA\u003c\/span\u003e\n                \u003cspan class=\"pill-save\"\u003eÉconomisez 19.000F\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003ca href=\"#achat\" class=\"btn btn-primary\" id=\"buyBtn\"\u003e\n                JE VEUX MON PACK + CADEAU 🎁\n            \u003c\/a\u003e\n            \u003cdiv class=\"scarcity-bar\"\u003e\n                🔥 \u003cstrong\u003eOffre Spéciale :\u003c\/strong\u003e Tableau offert aux 20 prochaines commandes seulement.\n            \u003c\/div\u003e\n            \u003cdiv style=\"margin-top:12px; font-size:13px; color:#666;\"\u003e\n                ✅ Paiement à la livraison  |  🚚 Livraison Gratuite\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/header\u003e\n\n\u003c!-- CE QUE VOUS RECEVEZ --\u003e\n\u003csection class=\"section section-alt\"\u003e\n    \u003cdiv class=\"container\"\u003e\n        \u003ch2 class=\"section-title\"\u003eTout ce que contient votre colis\u003c\/h2\u003e\n        \u003cp class=\"section-subtitle\"\u003eUn ensemble complet pour éloigner les enfants des écrans de téléphone.\u003c\/p\u003e\n        \n        \u003cdiv class=\"benefits-grid fade-in\"\u003e\n            \u003cdiv class=\"benefit-card\"\u003e\n                \u003cspan class=\"benefit-icon\"\u003e🧮\u003c\/span\u003e\n                \u003ch3\u003e1. La Machine 2-en-1\u003c\/h3\u003e\n                \u003cp\u003eCalculatrice intelligente à gauche, ardoise magique pour dessiner à droite.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"benefit-card\" style=\"border-color: var(--accent);\"\u003e\n                \u003cspan class=\"benefit-icon\"\u003e🎁\u003c\/span\u003e\n                \u003ch3 style=\"color:var(--accent)\"\u003e2. Le Tableau Parlant\u003c\/h3\u003e\n                \u003cp\u003e\u003cstrong\u003e(OFFERT)\u003c\/strong\u003e Il parle Anglais \u0026amp; Français quand l'enfant appuie dessus !\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"benefit-card\"\u003e\n                \u003cspan class=\"benefit-icon\"\u003e🖊️\u003c\/span\u003e\n                \u003ch3\u003e3. Stylet Inclus\u003c\/h3\u003e\n                \u003cp\u003eLe stylet ergonomique pour la tablette, adapté aux petites mains.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- DÉTAILS PRODUITS --\u003e\n\u003csection class=\"section\"\u003e\n    \u003cdiv class=\"container\"\u003e\n        \n        \u003c!-- Feature 1: La Tablette (Produit Principal) --\u003e\n        \u003cdiv class=\"feature-row fade-in\"\u003e\n            \u003cdiv class=\"feature-img-col\"\u003e\n                \u003c!-- PHOTO TABLETTE EN ACTION --\u003e\n                \u003cimg src=\"https:\/\/afrozone-shop.myshopify.com\/cdn\/shop\/files\/Gemini_Generated_Image_abaltcabaltcabal_360x.png?v=1765203432\" alt=\"Enfant avec Tablette 2-en-1\"\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"feature-content\"\u003e\n                \u003cspan class=\"feature-tag\"\u003eLe Produit Principal\u003c\/span\u003e\n                \u003ch2\u003eLa Machine 2-en-1 : Logique \u0026amp; Créativité\u003c\/h2\u003e\n                \u003cp\u003eC'est l'outil parfait pour le développement mental. D'un côté, une calculatrice pour s'initier aux maths. De l'autre, une ardoise LCD pour dessiner à l'infini sans gaspiller de papier.\u003c\/p\u003e\n                \u003cul class=\"feature-list\"\u003e\n                    \u003cli\u003ePas de lumière bleue : protège les yeux de votre enfant.\u003c\/li\u003e\n                    \u003cli\u003eBouton \"Effacer\" : l'écran redevient vierge en 1 seconde.\u003c\/li\u003e\n                    \u003cli\u003eLéger et solide : s'emporte partout (voiture, restaurant...).\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003chr style=\"border:0; border-top:1px solid #eee; margin: 40px 0;\"\u003e\n\n        \u003c!-- Feature 2: Le Tableau (Cadeau) --\u003e\n        \u003cdiv class=\"feature-row reverse fade-in\"\u003e\n            \u003cdiv class=\"feature-img-col\"\u003e\n                \u003c!-- PHOTO DU TABLEAU PARLANT (ENFANT APPUYANT) --\u003e\n                \u003cimg src=\"https:\/\/market-zone.shop\/cdn\/shop\/files\/20251001-003027.jpg?v=1760444843\" alt=\"Enfant appuyant sur le Tableau Interactif\"\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"feature-content\"\u003e\n                \u003cspan class=\"feature-tag free\"\u003e🎁 CADEAU OFFERT (Valeur 10.000 F)\u003c\/span\u003e\n                \u003ch2\u003eLe Tableau Magique qui Parle !\u003c\/h2\u003e\n                \u003cp\u003eAccrochez-le au mur et regardez la magie opérer. Votre enfant appuie sur une image (une pomme, un chat, un chiffre) et le tableau \u003cstrong\u003eprononce le mot\u003c\/strong\u003e à voix haute !\u003c\/p\u003e\n                \u003cul class=\"feature-list\"\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eBilingue :\u003c\/strong\u003e Apprend l'Anglais et le Français.\u003c\/li\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eMode Quiz :\u003c\/strong\u003e Le tableau pose une question (\"Où est le chien ?\") et l'enfant doit appuyer sur la bonne image.\u003c\/li\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eChansons incluses :\u003c\/strong\u003e Pour chanter l'alphabet en s'amusant.\u003c\/li\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eAutonome :\u003c\/strong\u003e L'enfant apprend seul grâce à la voix du tableau.\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- AVIS CLIENTS --\u003e\n\u003csection class=\"section section-alt\"\u003e\n    \u003cdiv class=\"container\" style=\"max-width: 800px;\"\u003e\n        \u003ch2 class=\"section-title\"\u003eLes parents valident le Pack ✅\u003c\/h2\u003e\n        \u003cdiv class=\"review-grid fade-in\"\u003e\n            \u003cdiv class=\"review-card\"\u003e\n                \u003cdiv class=\"stars\"\u003e⭐️⭐️⭐️⭐️⭐️\u003c\/div\u003e\n                \u003cdiv class=\"review-text\"\u003e\"J'allais acheter juste la tablette, mais quand j'ai vu que le tableau parlant était offert, j'ai foncé. Mon fils de 4 ans passe sa journée à appuyer sur les animaux pour entendre les noms en anglais !\"\u003c\/div\u003e\n                \u003cdiv class=\"review-author\"\u003e— Sarah T., Libreville\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"review-card\"\u003e\n                \u003cdiv class=\"stars\"\u003e⭐️⭐️⭐️⭐️⭐️\u003c\/div\u003e\n                \u003cdiv class=\"review-text\"\u003e\"Super qualité. La tablette est top pour les devoirs de ma fille (CP) et le petit dernier joue avec le tableau musical. 2 jouets pour le prix d'un, merci !\"\u003c\/div\u003e\n                \u003cdiv class=\"review-author\"\u003e— Marc D., Port-Gentil\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- FAQ --\u003e\n\u003csection class=\"section\"\u003e\n    \u003cdiv class=\"container\" style=\"max-width: 700px;\"\u003e\n        \u003ch2 class=\"section-title\"\u003eQuestions Fréquentes\u003c\/h2\u003e\n        \n        \u003cdiv class=\"faq-list fade-in\"\u003e\n            \u003cdiv class=\"faq-item\"\u003e\n                \u003cdiv class=\"faq-q\"\u003eLe tableau parlant est-il vraiment gratuit ? \u003cspan\u003e+\u003c\/span\u003e\n\u003c\/div\u003e\n                \u003cdiv class=\"faq-a\"\u003eOui, absolument ! Pour toute commande de la tablette éducative aujourd'hui, nous glissons le tableau interactif dans votre colis sans frais supplémentaires.\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"faq-item\"\u003e\n                \u003cdiv class=\"faq-q\"\u003eLe tableau parle-t-il français ? \u003cspan\u003e+\u003c\/span\u003e\n\u003c\/div\u003e\n                \u003cdiv class=\"faq-a\"\u003eOui ! Il est bilingue. Il prononce les mots, les lettres et les chiffres en Français ET en Anglais. C'est idéal pour l'initiation aux langues.\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"faq-item\"\u003e\n                \u003cdiv class=\"faq-q\"\u003eFaut-il des piles ? \u003cspan\u003e+\u003c\/span\u003e\n\u003c\/div\u003e\n                \u003cdiv class=\"faq-a\"\u003eOui. La tablette fonctionne avec une pile bouton (incluse) longue durée. Le tableau parlant nécessite généralement 3 piles AAA (non incluses pour sécurité transport) qui s'insèrent dans le boîtier sonore en haut.\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"faq-item\"\u003e\n                \u003cdiv class=\"faq-q\"\u003eEt si mon enfant casse la tablette ? \u003cspan\u003e+\u003c\/span\u003e\n\u003c\/div\u003e\n                \u003cdiv class=\"faq-a\"\u003eLa tablette est conçue en ABS renforcé, spécialement pour résister aux chocs et aux chutes des enfants. C'est du solide !\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv style=\"text-align:center; margin-top:40px;\"\u003e\n             \u003ca href=\"#achat\" class=\"btn btn-primary\" style=\"max-width:300px; margin:0 auto;\"\u003eCOMMANDER MAINTENANT\u003c\/a\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cscript\u003e\n    \/\/ Animation d'apparition au scroll\n    const observerOptions = {\n        root: null,\n        rootMargin: '0px',\n        threshold: 0.1\n    };\n\n    const observer = new IntersectionObserver((entries, observer) =\u003e {\n        entries.forEach(entry =\u003e {\n            if (entry.isIntersecting) {\n                entry.target.classList.add('visible');\n                observer.unobserve(entry.target);\n            }\n        });\n    }, observerOptions);\n\n    document.querySelectorAll('.fade-in').forEach(el =\u003e {\n        observer.observe(el);\n    });\n\n    \/\/ Accordéon FAQ\n    document.querySelectorAll('.faq-q').forEach(question =\u003e {\n        question.addEventListener('click', () =\u003e {\n            const item = question.parentElement;\n            \/\/ Fermer les autres\n            document.querySelectorAll('.faq-item').forEach(i =\u003e {\n                if(i !== item) i.classList.remove('open');\n            });\n            \/\/ Ouvrir\/Fermer l'actuel\n            item.classList.toggle('open');\n            \n            \/\/ Changer le + en -\n            const span = question.querySelector('span');\n            span.textContent = item.classList.contains('open') ? '-' : '+';\n        });\n    });\n\n    \/\/ Bouton achat (Simulation)\n    document.getElementById('buyBtn').addEventListener('click', (e) =\u003e {\n        \/\/ e.preventDefault(); \/\/ Décommenter si tu veux empêcher le saut d'ancre\n        \/\/ Ici tu peux ajouter ton pixel Facebook ou code de tracking\n        console.log('Clic sur achat - Pack Tablette + Tableau Offert');\n    });\n\u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"MarketZone","offers":[{"title":"Default Title","offer_id":48807323042044,"sku":null,"price":14900.0,"currency_code":"XOF","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0793\/7543\/3980\/files\/imgi_74_H152055d34b194db7865c76ce52a2c7bd8.jpg_300x300_a6645f6e-7d63-4407-b17b-a7438312d900.jpg?v=1772029439","url":"https:\/\/market-zone.shop\/products\/le-pack-genie-tablette-educative-le-tableau-parlant-offert","provider":"Shop 2","version":"1.0","type":"link"}