{"product_id":"air-fresh-180","title":"Air-Fresh 180","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\u003eVentilateur Portable Pro - Édition Premium\u003c\/title\u003e\n    \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n    \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\"\u003e\n\n    \u003cstyle\u003e\n        \/* --- NOUVELLE PALETTE \"PREMIUM\" --- *\/\n        :root {\n            \/* On part sur les couleurs probables du produit : Vert Nuit chic et touches dorées *\/\n            --primary-color: #0F3D3E; \/* Vert Nuit Profond (Très classe) *\/\n            --secondary-color: #E2D0B4; \/* Beige Doré \/ Crème (Luxe) *\/\n            --accent-color: #D62828; \/* Rouge Vif pour l'urgence (Reste nécessaire pour convertir) *\/\n            --bg-color: #F9F9F9;\n            --text-dark: #1A1A1A;\n            --text-light: #ffffff;\n            --radius: 20px;\n            --shadow: 0 10px 30px rgba(15, 61, 62, 0.15);\n        }\n\n        * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        body {\n            font-family: 'Poppins', sans-serif;\n            background-color: #eef2f3;\n            color: var(--text-dark);\n            line-height: 1.6;\n        }\n\n        .mobile-container {\n            max-width: 480px;\n            margin: 0 auto;\n            background: #fff;\n            min-height: 100vh;\n            box-shadow: 0 0 30px rgba(0,0,0,0.1);\n            position: relative;\n            padding-bottom: 50px;\n        }\n\n        \/* --- NOTIFICATIONS --- *\/\n        #notification-bar {\n            position: fixed;\n            top: 20px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 90%;\n            max-width: 420px;\n            background: rgba(15, 61, 62, 0.95);\n            backdrop-filter: blur(5px);\n            color: #fff;\n            padding: 12px 20px;\n            border-radius: 50px;\n            font-size: 0.85rem;\n            z-index: 1000;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            opacity: 0;\n            pointer-events: none;\n            transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            box-shadow: 0 5px 15px rgba(0,0,0,0.2);\n        }\n        #notification-bar img {\n            width: 28px;\n            height: 28px;\n            border-radius: 50%;\n            border: 2px solid var(--secondary-color);\n        }\n\n        \/* --- HEADER \u0026 HÉRO --- *\/\n        .header-section {\n            text-align: center;\n            padding: 25px 20px 10px;\n            background: linear-gradient(180deg, #fff 0%, #f4f4f4 100%);\n        }\n\n        .stock-badge {\n            background-color: var(--accent-color);\n            color: #fff;\n            padding: 6px 15px;\n            border-radius: 30px;\n            font-weight: 700;\n            font-size: 0.75rem;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            display: inline-block;\n            margin-bottom: 15px;\n            box-shadow: 0 4px 10px rgba(214, 40, 40, 0.3);\n            animation: pulse 2s infinite;\n        }\n\n        h1 {\n            font-size: 1.8rem;\n            color: var(--primary-color);\n            line-height: 1.2;\n            margin-bottom: 8px;\n            font-weight: 700;\n        }\n\n        .subtitle {\n            font-size: 1rem;\n            color: #666;\n            font-weight: 400;\n        }\n\n        .hero-image-container {\n            width: 100%;\n            height: 380px;\n            background: radial-gradient(circle at center, var(--secondary-color) 0%, #fff 65%);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-top: 10px;\n        }\n\n        .hero-image {\n            width: 85%;\n            max-width: 320px;\n            height: auto;\n            filter: drop-shadow(0 20px 30px rgba(0,0,0,0.25));\n            animation: float 5s ease-in-out infinite;\n        }\n\n        \/* --- OFFRE URGENTE --- *\/\n        .promo-banner {\n            background: var(--primary-color);\n            color: white;\n            padding: 20px;\n            margin: -20px 15px 20px 15px; \/* Chevauchement visuel *\/\n            border-radius: var(--radius);\n            position: relative;\n            z-index: 10;\n            box-shadow: var(--shadow);\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            border: 1px solid rgba(255,255,255,0.1);\n        }\n        .promo-content h3 {\n            color: var(--secondary-color);\n            font-size: 1.1rem;\n            margin-bottom: 5px;\n            text-transform: uppercase;\n        }\n        .promo-content p {\n            font-size: 0.9rem;\n            opacity: 0.9;\n        }\n        .promo-icon {\n            font-size: 2.2rem;\n            color: var(--secondary-color);\n        }\n\n        \/* --- GALERIE FORMAT STORY (9:16) --- *\/\n        .gallery-section {\n            padding: 30px 20px;\n        }\n        .section-title {\n            text-align: center;\n            font-size: 1.4rem;\n            margin-bottom: 20px;\n            color: var(--primary-color);\n            font-weight: 700;\n        }\n        \n        \/* Layout Scroll Horizontal style \"Story\" *\/\n        .gallery-scroll {\n            display: flex;\n            gap: 15px;\n            overflow-x: auto;\n            padding-bottom: 15px;\n            scroll-snap-type: x mandatory;\n            -webkit-overflow-scrolling: touch; \/* Smooth scroll iOS *\/\n        }\n        \n        \/* Masquer la scrollbar tout en gardant le scroll *\/\n        .gallery-scroll::-webkit-scrollbar {\n            height: 6px;\n        }\n        .gallery-scroll::-webkit-scrollbar-thumb {\n            background: #ccc;\n            border-radius: 10px;\n        }\n\n        .story-item {\n            min-width: 140px; \/* Largeur fixe type smartphone *\/\n            flex: 0 0 40%; \/* Prend 40% de la largeur *\/\n            aspect-ratio: 9\/16; \/* Format Story Instagram *\/\n            background: #000;\n            border-radius: 15px;\n            overflow: hidden;\n            position: relative;\n            scroll-snap-align: center;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n            border: 2px solid #fff;\n        }\n        \n        .story-item img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.3s;\n        }\n        \n        .story-overlay {\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);\n            color: #fff;\n            padding: 15px 10px 10px;\n            font-size: 0.8rem;\n            font-weight: 600;\n            text-align: center;\n        }\n\n        \/* --- ARGUMENTS \u0026 BÉNÉFICES --- *\/\n        .features-container {\n            padding: 10px 20px;\n        }\n\n        .feature-item {\n            display: flex;\n            gap: 20px;\n            margin-bottom: 25px;\n            align-items: flex-start;\n        }\n        .feat-icon-box {\n            background: var(--secondary-color);\n            color: var(--primary-color);\n            min-width: 60px;\n            height: 60px;\n            border-radius: 18px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.5rem;\n            box-shadow: 0 5px 15px rgba(226, 208, 180, 0.5);\n        }\n        .feat-text h3 {\n            font-size: 1.1rem;\n            color: var(--primary-color);\n            margin-bottom: 5px;\n        }\n        .feat-text p {\n            font-size: 0.9rem;\n            color: #555;\n        }\n\n        \/* --- FAQ (ACCORDÉON) --- *\/\n        .faq-section {\n            padding: 30px 20px;\n            background: #fff;\n            margin-top: 20px;\n            border-top: 10px solid var(--bg-color);\n        }\n        \n        details {\n            margin-bottom: 15px;\n            border: 1px solid #eee;\n            border-radius: 12px;\n            overflow: hidden;\n            transition: all 0.3s;\n        }\n        \n        details[open] {\n            border-color: var(--primary-color);\n            background: #fafafa;\n        }\n\n        summary {\n            padding: 15px;\n            cursor: pointer;\n            font-weight: 600;\n            color: var(--text-dark);\n            list-style: none;\n            position: relative;\n            padding-right: 40px;\n        }\n        \n        summary::-webkit-details-marker {\n            display: none;\n        }\n\n        summary::after {\n            content: '+';\n            position: absolute;\n            right: 15px;\n            top: 50%;\n            transform: translateY(-50%);\n            font-size: 1.5rem;\n            color: var(--primary-color);\n            font-weight: 300;\n        }\n        \n        details[open] summary::after {\n            content: '-';\n        }\n\n        .faq-answer {\n            padding: 0 15px 15px 15px;\n            color: #555;\n            font-size: 0.9rem;\n        }\n\n        \/* --- PREUVE SOCIALE --- *\/\n        .social-proof {\n            text-align: center;\n            padding: 40px 20px;\n            background: var(--bg-color);\n        }\n        .review-box {\n            background: white;\n            padding: 20px;\n            border-radius: 15px;\n            margin-bottom: 15px;\n            text-align: left;\n            box-shadow: 0 5px 20px rgba(0,0,0,0.05);\n        }\n        .stars { color: #FFB703; letter-spacing: 2px; }\n\n        \/* --- ANIMATIONS --- *\/\n        @keyframes pulse {\n            0% { transform: scale(1); }\n            50% { transform: scale(1.05); box-shadow: 0 0 15px rgba(214, 40, 40, 0.5); }\n            100% { transform: scale(1); }\n        }\n        @keyframes float {\n            0%, 100% { transform: translateY(0); }\n            50% { transform: translateY(-12px); }\n        }\n    \u003c\/style\u003e\n\n\n\n\u003cdiv class=\"mobile-container\"\u003e\n\n    \u003c!-- Notification Flottante --\u003e\n    \u003cdiv id=\"notification-bar\"\u003e\n        \u003cimg src=\"https:\/\/sc04.alicdn.com\/kf\/Hcba690fc7e784cc193d7abbfbe011702l.jpg\" alt=\"Produit\"\u003e\n        \u003cspan id=\"notif-text\"\u003e...\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- HEADER --\u003e\n    \u003cheader class=\"header-section\"\u003e\n        \u003cdiv class=\"stock-badge\"\u003e\n            \u003ci class=\"fas fa-exclamation-circle\"\u003e\u003c\/i\u003e Stock Très Limité\n        \u003c\/div\u003e\n        \u003ch1\u003eFraîcheur \u0026amp; Élégance.\u003c\/h1\u003e\n        \u003cp class=\"subtitle\"\u003eLe ventilateur portable qui allie design premium et puissance.\u003c\/p\u003e\n    \u003c\/header\u003e\n\n    \u003c!-- HÉRO VISUEL --\u003e\n    \u003cdiv class=\"hero-image-container\"\u003e\n        \u003c!-- IMAGE PRODUIT: Mise à jour avec le visuel Alibaba --\u003e\n        \u003cimg src=\"https:\/\/sc04.alicdn.com\/kf\/Hcba690fc7e784cc193d7abbfbe011702l.jpg\" alt=\"Ventilateur Design\" class=\"hero-image\"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- OFFRE PROMO --\u003e\n    \u003cdiv class=\"promo-banner\"\u003e\n        \u003cdiv class=\"promo-content\"\u003e\n            \u003ch3\u003eOffre Spéciale\u003c\/h3\u003e\n            \u003cp\u003ePaiement à la livraison \u003cbr\u003e\u003cstrong\u003e0 Risque. 100% Satisfaction.\u003c\/strong\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"promo-icon\"\u003e\n            \u003ci class=\"fas fa-hand-holding-usd\"\u003e\u003c\/i\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- GALERIE STORY INSTAGRAM (Scrollable) --\u003e\n    \u003csection class=\"gallery-section\"\u003e\n        \u003ch2 class=\"section-title\"\u003eEn Action 📸\u003c\/h2\u003e\n        \u003cdiv class=\"gallery-scroll\"\u003e\n            \u003c!-- Story 1 : Puissance --\u003e\n            \u003cdiv class=\"story-item\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0602\/9846\/1281\/files\/Design_sans_titre_45.gif?v=1769549714\" alt=\"Puissance\"\u003e\n                \u003cdiv class=\"story-overlay\"\u003ePuissance\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003c!-- Story 2 : Portable --\u003e\n            \u003cdiv class=\"story-item\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0602\/9846\/1281\/files\/WhatsApp_Video_2026-01-24_at_14.43.45.gif?v=1769549753\" alt=\"Portable\"\u003e\n                \u003cdiv class=\"story-overlay\"\u003ePortable\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003c!-- Story 3 : Écran LED --\u003e\n            \u003cdiv class=\"story-item\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0602\/9846\/1281\/files\/WhatsApp_Video_2026-01-24_at_14.43.45_1.gif?v=1769549735\" alt=\"Ecran LED\"\u003e\n                \u003cdiv class=\"story-overlay\"\u003eÉcran LED\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003c!-- Story 4 : Autonomie --\u003e\n            \u003cdiv class=\"story-item\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0602\/9846\/1281\/files\/WhatsApp_Video_2026-01-24_at_14.43.35.gif?v=1769549729\" alt=\"Autonomie\"\u003e\n                \u003cdiv class=\"story-overlay\"\u003e180mn Autonomie\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- BÉNÉFICES CLÉS --\u003e\n    \u003csection class=\"features-container\"\u003e\n        \u003cdiv class=\"feature-item\"\u003e\n            \u003cdiv class=\"feat-icon-box\"\u003e\u003ci class=\"fas fa-wind\"\u003e\u003c\/i\u003e\u003c\/div\u003e\n            \u003cdiv class=\"feat-text\"\u003e\n                \u003ch3\u003ePuissance Silencieuse\u003c\/h3\u003e\n                \u003cp\u003eUn flux d'air puissant sans le bruit. Idéal pour dormir ou travailler sans dérangement.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-item\"\u003e\n            \u003c!-- CORRECTION ICÔNE ICI --\u003e\n            \u003cdiv class=\"feat-icon-box\"\u003e\u003ci class=\"fas fa-battery-full\"\u003e\u003c\/i\u003e\u003c\/div\u003e\n            \u003cdiv class=\"feat-text\"\u003e\n                \u003ch3\u003eAutonomie Longue Durée\u003c\/h3\u003e\n                \u003cp\u003ePlus de 3h d'utilisation continue. Rechargez-le facilement comme votre téléphone.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-item\"\u003e\n            \u003cdiv class=\"feat-icon-box\"\u003e\u003ci class=\"fas fa-medal\"\u003e\u003c\/i\u003e\u003c\/div\u003e\n            \u003cdiv class=\"feat-text\"\u003e\n                \u003ch3\u003eDesign Premium\u003c\/h3\u003e\n                \u003cp\u003eFinitions soignées, écran digital et matériaux robustes. Un bijou technologique.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- NOUVELLE SECTION FAQ --\u003e\n    \u003csection class=\"faq-section\"\u003e\n        \u003ch2 class=\"section-title\"\u003eQuestions Fréquentes\u003c\/h2\u003e\n        \n        \u003cdetails\u003e\n            \u003csummary\u003eEst-ce que ça marche sans électricité ?\u003c\/summary\u003e\n            \u003cdiv class=\"faq-answer\"\u003e\n                Oui ! Il possède une batterie rechargeable intégrée. Une fois chargé, vous pouvez l'utiliser partout, même pendant les coupures de courant.\n            \u003c\/div\u003e\n        \u003c\/details\u003e\n\n        \u003cdetails\u003e\n            \u003csummary\u003eComment se passe le paiement ?\u003c\/summary\u003e\n            \u003cdiv class=\"faq-answer\"\u003e\n                C'est très simple. Vous commandez maintenant sans rien payer. Vous ne payez qu'en espèces (Cash) lorsque le livreur vous remet le produit en main propre.\n            \u003c\/div\u003e\n        \u003c\/details\u003e\n\n        \u003cdetails\u003e\n            \u003csummary\u003eQuelle est la durée de la garantie ?\u003c\/summary\u003e\n            \u003cdiv class=\"faq-answer\"\u003e\n                Nous offrons une garantie de satisfaction. Si le produit a un défaut à l'arrivée, nous l'échangeons immédiatement.\n            \u003c\/div\u003e\n        \u003c\/details\u003e\n        \n        \u003cdetails\u003e\n            \u003csummary\u003eCombien de temps pour la livraison ?\u003c\/summary\u003e\n            \u003cdiv class=\"faq-answer\"\u003e\n                Nous livrons généralement en 24h à 48h dans les grandes villes (Abidjan, Dakar, etc.).\n            \u003c\/div\u003e\n        \u003c\/details\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- PREUVE SOCIALE --\u003e\n    \u003csection class=\"social-proof\"\u003e\n        \u003ch2 class=\"section-title\"\u003eClients Satisfaits ⭐\u003c\/h2\u003e\n        \n        \u003cdiv class=\"review-box\"\u003e\n            \u003cdiv style=\"display:flex; justify-content:space-between; margin-bottom:10px;\"\u003e\n                \u003cstrong\u003eMoussa D.\u003c\/strong\u003e\n                \u003cspan class=\"stars\"\u003e★★★★★\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cp style=\"font-size:0.9rem; color:#555;\"\u003e\"Je suis impressionné par la qualité. Il est lourd (bon signe) et souffle vraiment fort. Le design vert est magnifique.\"\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"review-box\"\u003e\n            \u003cdiv style=\"display:flex; justify-content:space-between; margin-bottom:10px;\"\u003e\n                \u003cstrong\u003eAïcha K.\u003c\/strong\u003e\n                \u003cspan class=\"stars\"\u003e★★★★★\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cp style=\"font-size:0.9rem; color:#555;\"\u003e\"Parfait pour ma cuisine quand il fait chaud. Je l'accroche partout avec la pince. Je recommande !\"\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003cdiv style=\"text-align:center; padding: 30px 20px; font-size: 0.8rem; color: #aaa;\"\u003e\n        \u003ci class=\"fas fa-lock\"\u003e\u003c\/i\u003e Paiement Sécurisé à la Livraison\n    \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n    \/* Script Notifications *\/\n    const notifs = [\n        {name: \"Koffi (Cotonou)\", action: \"a commandé 1 Ventilateur Vert\"},\n        {name: \"Fatou (Dakar)\", action: \"a commandé 2 Ventilateurs\"},\n        {name: \"Eric (Abidjan)\", action: \"vient de recevoir sa commande\"},\n        {name: \"Aminata (Lomé)\", action: \"a laissé un avis 5 étoiles\"}\n    ];\n    \n    const bar = document.getElementById('notification-bar');\n    const txt = document.getElementById('notif-text');\n\n    function triggerNotif() {\n        const item = notifs[Math.floor(Math.random() * notifs.length)];\n        txt.innerHTML = `\u003cstrong\u003e${item.name}\u003c\/strong\u003e ${item.action}`;\n        \n        bar.style.opacity = '1';\n        bar.style.top = '20px';\n        \n        setTimeout(() =\u003e {\n            bar.style.opacity = '0';\n            bar.style.top = '-50px';\n        }, 4000);\n    }\n\n    setTimeout(triggerNotif, 2500);\n    setInterval(triggerNotif, 12000);\n\u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"Market-Zone","offers":[{"title":"Default Title","offer_id":48807321993468,"sku":null,"price":11900.0,"currency_code":"XOF","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0793\/7543\/3980\/files\/Hdbbf138b30f546f29b1036d782475e45C.jpg_960x960q80.jpg?v=1772029404","url":"https:\/\/market-zone.shop\/products\/air-fresh-180","provider":"Shop 2","version":"1.0","type":"link"}