{"product_id":"green-serum-disaar","title":"GREEN + SERUM DISAAR","description":"\u003c!-- Ne pas inclure de balises HTML, HEAD ou BODY ici, Shopify s'en charge --\u003e\n\u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\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@300;400;500;600;700\u0026amp;family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cscript src=\"https:\/\/unpkg.com\/feather-icons\"\u003e\u003c\/script\u003e\n\n\u003cscript\u003e\n    \/* Configuration spécifique pour le thème Dawn - Palette Light Luxury *\/\n    tailwind.config = {\n        corePlugins: {\n            preflight: false, \/\/ Évite de casser le CSS natif de Shopify Dawn\n        },\n        important: '#nea-lux-landing', \/\/ Force l'application des styles Tailwind uniquement dans notre section\n        theme: {\n            extend: {\n                colors: {\n                    'luxury-bg': '#FDFBF7', \/* Ivoire\/Nude clair, s'intègre parfaitement au fond blanc Shopify *\/\n                    'luxury-surface': '#FFFFFF', \/* Blanc pur pour faire ressortir les cartes *\/\n                    'luxury-text': '#1A1A1A', \/* Noir doux (plus élégant que le noir pur) *\/\n                    'text-muted': '#666666', \/* Gris pour les sous-titres *\/\n                    'luxury-gold': '#C5A059', \/* Or élégant *\/\n                    'luxury-green': '#1A3A22' \/* Vert forêt premium (rappel du thé vert) *\/\n                },\n                fontFamily: {\n                    sans: ['Inter', 'sans-serif'],\n                    serif: ['Playfair Display', 'serif'],\n                },\n                letterSpacing: {\n                    widest: '.25em',\n                    ultra: '.4em'\n                }\n            }\n        }\n    }\n\u003c\/script\u003e\n\n\u003cstyle\u003e\n    \/* Scoping strict au conteneur principal pour protéger Shopify *\/\n    #nea-lux-landing {\n        background-color: #FDFBF7;\n        color: #1A1A1A;\n        -webkit-font-smoothing: antialiased;\n        overflow-x: hidden !important;\n        width: 100% !important;\n        max-width: 100vw !important;\n        box-sizing: border-box;\n        position: relative;\n        font-family: 'Inter', sans-serif;\n    }\n\n    #nea-lux-landing * {\n        box-sizing: border-box;\n    }\n\n    \/* Animations d'apparition douces *\/\n    #nea-lux-landing .fade-in {\n        animation: neaFadeIn 1.5s ease-in-out forwards;\n    }\n    @keyframes neaFadeIn {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    \n    #nea-lux-landing .reveal {\n        opacity: 0;\n        transform: translateY(30px);\n        transition: opacity 0.8s ease-out, transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    }\n    #nea-lux-landing .reveal.active {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\n    \/* Nettoyage du scroll horizontal natif *\/\n    #nea-lux-landing .hide-scrollbar::-webkit-scrollbar { display: none; }\n    #nea-lux-landing .hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }\n\n    \/* Pop-up FOMO (En haut à gauche) *\/\n    #nea-fomo-popup {\n        transition: opacity 0.5s ease, transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n        transform: translateX(-120%);\n        opacity: 0;\n        pointer-events: none;\n    }\n    #nea-fomo-popup.show {\n        transform: translateX(0);\n        opacity: 1;\n    }\n\n    \/* Cartes Carrousel Story *\/\n    #nea-lux-landing .story-card {\n        width: 85%;\n        max-width: 300px;\n        scroll-snap-align: center;\n        flex-shrink: 0;\n    }\n\n    \/* Marquee WhatsApp Infini (Défilement fluide) *\/\n    #nea-lux-landing .marquee-wrapper {\n        display: flex;\n        overflow: hidden;\n        user-select: none;\n        width: 100%;\n        mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);\n        -webkit-mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);\n    }\n    #nea-lux-landing .whatsapp-track {\n        display: flex;\n        flex-shrink: 0;\n        animation: scroll-whatsapp 25s linear infinite;\n    }\n    @keyframes scroll-whatsapp {\n        from { transform: translateX(0); }\n        to { transform: translateX(-100%); }\n    }\n    \n    \/* Animation Bouton FAQ *\/\n    #nea-lux-landing .faq-icon {\n        transition: transform 0.3s ease;\n    }\n\u003c\/style\u003e\n\n\u003c!-- CAPSULE GLOBALE POUR SHOPIFY --\u003e\n\u003cdiv id=\"nea-lux-landing\"\u003e\n\n    \u003c!-- FOMO POP-UP (Haut Gauche) --\u003e\n    \u003cdiv id=\"nea-fomo-popup\" class=\"fixed top-4 left-4 z-[100] bg-white\/95 border border-luxury-gold\/20 p-3 rounded-xl shadow-[0_10px_40px_rgba(0,0,0,0.08)] flex items-center gap-3 w-[260px] md:w-[280px] backdrop-blur-md\"\u003e\n        \u003cdiv class=\"w-8 h-8 rounded-full bg-luxury-green\/10 flex items-center justify-center shrink-0 border border-luxury-green\/20\"\u003e\n            \u003ci data-feather=\"shopping-bag\" class=\"text-luxury-green w-4 h-4\"\u003e\u003c\/i\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"flex-1 min-w-0\"\u003e\n            \u003cp id=\"nea-fomo-text\" class=\"text-[11px] font-sans text-luxury-text truncate leading-tight\"\u003e\u003c\/p\u003e\n            \u003cp class=\"text-[9px] text-luxury-gold mt-1 tracking-wider uppercase font-bold\"\u003eÀ l'instant\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- HERO HEADER --\u003e\n    \u003cheader class=\"relative w-full flex flex-col items-center justify-center pt-12 md:pt-20 pb-10 px-4 overflow-hidden bg-luxury-bg\"\u003e\n        \u003cdiv class=\"z-10 text-center w-full max-w-3xl mx-auto flex flex-col items-center fade-in\"\u003e\n            \u003cdiv class=\"text-[10px] uppercase tracking-ultra font-sans text-text-muted mb-5 font-semibold\"\u003e\n                Néa \u003cspan class=\"text-luxury-gold\"\u003eAfrique\u003c\/span\u003e\n            \u003c\/div\u003e\n            \n            \u003ch1 class=\"font-serif text-4xl md:text-6xl font-normal leading-tight mb-4 text-luxury-text\"\u003e\n                Le Duo Éclat\u003cbr\u003e\n                \u003cspan class=\"italic text-luxury-gold\"\u003eSuprême.\u003c\/span\u003e\n            \u003c\/h1\u003e\n            \u003cp class=\"font-sans font-light text-text-muted text-sm md:text-base max-w-lg mx-auto leading-relaxed mb-8 px-2\"\u003e\n                Le protocole définitif pour des mains impeccables. Détruisez la barrière de cellules mortes, nourrissez en profondeur, révélez votre vraie peau.\n            \u003c\/p\u003e\n            \n            \u003ca href=\"#nea-commander\" class=\"group relative w-full md:w-auto inline-flex items-center justify-center px-8 py-4 font-sans text-xs tracking-widest text-white uppercase bg-luxury-green hover:bg-black transition-all duration-300 shadow-[0_10px_30px_rgba(26,58,34,0.2)] rounded-sm font-semibold\"\u003e\n                Découvrir L'Offre\n                \u003ci data-feather=\"arrow-down\" class=\"ml-3 w-4 h-4 group-hover:translate-y-1 transition-transform\"\u003e\u003c\/i\u003e\n            \u003c\/a\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"z-10 mt-10 w-full max-w-md mx-auto relative fade-in reveal px-4\"\u003e\n            \u003c!-- IMAGE PRINCIPALE DU PRODUIT (Remplacer par ton image détourée ou élégante) --\u003e\n            \u003cimg src=\"https:\/\/market-zone.shop\/cdn\/shop\/files\/AUJOURD_HUI.png?v=1783858623\u0026amp;width=600\" alt=\"Le Duo Éclat Suprême\" class=\"w-full h-auto object-cover rounded-2xl shadow-[0_30px_60px_rgba(0,0,0,0.1)] border border-black\/5\"\u003e\n        \u003c\/div\u003e\n    \u003c\/header\u003e\n\n    \u003c!-- L'EXPÉRIENCE VISUELLE (CARROUSEL STORY) --\u003e\n    \u003csection class=\"py-12 bg-luxury-surface border-y border-black\/5 overflow-hidden w-full\"\u003e\n        \u003cdiv class=\"w-full\"\u003e\n            \u003cdiv class=\"text-center mb-6 reveal px-4\"\u003e\n                \u003cspan class=\"text-luxury-gold text-[9px] uppercase tracking-widest mb-2 block font-bold\"\u003eL'Immersion\u003c\/span\u003e\n                \u003ch2 class=\"font-serif text-2xl md:text-3xl italic text-luxury-text\"\u003eL'Expérience Visuelle\u003c\/h2\u003e\n            \u003c\/div\u003e\n            \n            \u003c!-- Conteneur Carrousel --\u003e\n            \u003cdiv id=\"nea-story-container\" class=\"flex gap-4 overflow-x-auto px-4 md:px-8 pb-6 snap-x snap-mandatory hide-scrollbar cursor-grab w-full\"\u003e\n                \u003c!-- Story 1 --\u003e\n                \u003cdiv class=\"story-card relative h-[400px] md:h-[450px] rounded-2xl overflow-hidden group reveal shadow-[0_15px_35px_rgba(0,0,0,0.08)]\"\u003e\n                    \u003cvideo autoplay loop muted playsinline class=\"w-full h-full object-cover\"\u003e\n                        \u003csource src=\"https:\/\/market-zone.shop\/cdn\/shop\/videos\/c\/vp\/b8a68e3aa40344fe84d2f48cd1bafa2d\/b8a68e3aa40344fe84d2f48cd1bafa2d.HD-1080p-7.2Mbps-88745127.mp4?v=0\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n                    \u003cdiv class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-black\/20 to-transparent flex flex-col justify-end p-5\"\u003e\n                        \u003cspan class=\"text-[10px] uppercase tracking-widest font-sans text-luxury-gold mb-1 font-bold\"\u003eÉtape 1\u003c\/span\u003e\n                        \u003ch3 class=\"text-white font-serif text-xl\"\u003ePurification Instantanée\u003c\/h3\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003c!-- Story 2 --\u003e\n                \u003cdiv class=\"story-card relative h-[400px] md:h-[450px] rounded-2xl overflow-hidden group reveal shadow-[0_15px_35px_rgba(0,0,0,0.08)] delay-100\"\u003e\n                    \u003cvideo autoplay loop muted playsinline class=\"w-full h-full object-cover\"\u003e\n                        \u003csource src=\"https:\/\/market-zone.shop\/cdn\/shop\/videos\/c\/vp\/0bb72117036c4e2a8744476326e1c40e\/0bb72117036c4e2a8744476326e1c40e.HD-1080p-7.2Mbps-88745128.mp4?v=0\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n                    \u003cdiv class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-black\/20 to-transparent flex flex-col justify-end p-5\"\u003e\n                        \u003cspan class=\"text-[10px] uppercase tracking-widest font-sans text-luxury-gold mb-1 font-bold\"\u003eLe Constat\u003c\/span\u003e\n                        \u003ch3 class=\"text-white font-serif text-xl\"\u003eAdieu Peaux Mortes\u003c\/h3\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003c!-- Story 3 --\u003e\n                \u003cdiv class=\"story-card relative h-[400px] md:h-[450px] rounded-2xl overflow-hidden group reveal shadow-[0_15px_35px_rgba(0,0,0,0.08)] delay-200\"\u003e\n                    \u003cvideo autoplay loop muted playsinline class=\"w-full h-full object-cover\"\u003e\n                        \u003csource src=\"https:\/\/market-zone.shop\/cdn\/shop\/videos\/c\/vp\/00cbc854cec449cd96723315c663adac\/00cbc854cec449cd96723315c663adac.HD-1080p-7.2Mbps-88745129.mp4?v=0\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n                    \u003cdiv class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-black\/20 to-transparent flex flex-col justify-end p-5\"\u003e\n                        \u003cspan class=\"text-[10px] uppercase tracking-widest font-sans text-luxury-gold mb-1 font-bold\"\u003eÉtape 2\u003c\/span\u003e\n                        \u003ch3 class=\"text-white font-serif text-xl\"\u003eLe Bouclier Lumineux\u003c\/h3\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"flex justify-center mt-2\"\u003e\n                \u003cdiv class=\"flex items-center gap-2 text-text-muted text-[9px] tracking-widest uppercase font-medium bg-luxury-bg py-2 px-4 rounded-full border border-black\/5\"\u003e\n                    Glisser pour explorer \u003ci data-feather=\"arrow-right\" class=\"w-3 h-3\"\u003e\u003c\/i\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- OFFRE BUNDLE (REMONTÉE POUR MAX DE CONVERSION) --\u003e\n    \u003csection id=\"nea-commander\" class=\"py-16 bg-luxury-bg relative flex flex-col items-center justify-center overflow-hidden px-4\"\u003e\n        \u003cdiv class=\"z-10 w-full max-w-2xl reveal\"\u003e\n            \u003cdiv class=\"text-center mb-8\"\u003e\n                \u003ch2 class=\"font-serif text-3xl md:text-4xl mb-3 text-luxury-text\"\u003eL'Offre Suprême.\u003c\/h2\u003e\n                \u003cp class=\"font-sans font-light text-text-muted text-sm px-2\"\u003e\n                    Le protocole incontournable, réuni dans un coffret exclusif.\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n            \n            \u003c!-- Carte Produit Lumineuse --\u003e\n            \u003cdiv class=\"bg-luxury-surface border border-black\/5 p-6 md:p-8 rounded-[24px] relative overflow-hidden shadow-[0_20px_50px_rgba(0,0,0,0.04)]\"\u003e\n                \u003c!-- Badge Urgence --\u003e\n                \u003cdiv class=\"absolute top-0 right-0 bg-red-600 text-white text-[9px] font-bold uppercase tracking-widest py-2 px-4 rounded-bl-xl shadow-md flex items-center gap-2\"\u003e\n                    \u003cspan class=\"w-1.5 h-1.5 rounded-full bg-white animate-pulse\"\u003e\u003c\/span\u003e\n                    Rupture Imminente\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"text-center mb-6 pt-6\"\u003e\n                    \u003cdiv class=\"inline-block bg-luxury-gold\/10 text-luxury-gold font-sans text-[11px] tracking-widest uppercase font-bold py-1.5 px-4 rounded-full mb-4 border border-luxury-gold\/20\"\u003e\n                        1 Gel Acheté = 1 Sérum Offert\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"flex items-center justify-center\"\u003e\n                        \u003cspan class=\"text-4xl md:text-5xl font-serif text-luxury-text\"\u003e14 990\u003cspan class=\"text-lg text-luxury-gold ml-1 font-sans\"\u003eFCFA\u003c\/span\u003e\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"text-[11px] font-sans text-text-muted mt-2\"\u003e\n                        \u003cspan class=\"line-through\"\u003eValeur totale : 25 000 FCFA\u003c\/span\u003e \n                        \u003cspan class=\"text-luxury-green font-semibold ml-1\"\u003e(Vous économisez 10 010 FCFA)\u003c\/span\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- Détail du Bundle --\u003e\n                \u003cdiv class=\"w-full bg-[#FDFDFD] border border-black\/5 rounded-2xl p-5 md:p-6 mb-6 shadow-inner\"\u003e\n                    \u003cul class=\"space-y-5\"\u003e\n                        \u003cli class=\"flex items-start gap-4\"\u003e\n                            \u003cdiv class=\"w-7 h-7 rounded-full bg-luxury-green\/10 flex items-center justify-center shrink-0 border border-luxury-green\/20 mt-0.5\"\u003e\n                                \u003ci data-feather=\"check\" class=\"text-luxury-green w-3.5 h-3.5\"\u003e\u003c\/i\u003e\n                            \u003c\/div\u003e\n                            \u003cdiv\u003e\n                                \u003cspan class=\"text-luxury-text text-sm font-semibold block\"\u003e1x Gel Exfoliant Purifiant\u003c\/span\u003e\n                                \u003cspan class=\"text-text-muted text-[11px] font-light mt-1.5 block leading-relaxed\"\u003eLe bulldozer doux. Détruit les peaux mortes tenaces et désobstrue les pores en profondeur. \u003cbr\u003e\u003cspan class=\"text-luxury-text\/50 italic\"\u003e(Valeur unitaire : 10 000F)\u003c\/span\u003e\u003c\/span\u003e\n                            \u003c\/div\u003e\n                        \u003c\/li\u003e\n                        \u003cli class=\"flex items-start gap-4 relative\"\u003e\n                            \u003c!-- Connecteur visuel --\u003e\n                            \u003cdiv class=\"absolute left-3.5 top-[-18px] bottom-[28px] w-px bg-gradient-to-b from-luxury-green\/20 to-transparent\"\u003e\u003c\/div\u003e\n                            \n                            \u003cdiv class=\"w-7 h-7 rounded-full bg-luxury-gold flex items-center justify-center shrink-0 mt-0.5 shadow-[0_0_15px_rgba(197,160,89,0.4)] relative z-10\"\u003e\n                                \u003ci data-feather=\"gift\" class=\"text-white w-3.5 h-3.5\"\u003e\u003c\/i\u003e\n                            \u003c\/div\u003e\n                            \u003cdiv\u003e\n                                \u003cspan class=\"text-luxury-text text-sm font-semibold flex items-center flex-wrap gap-2\"\u003e\n                                    1x Sérum Vitamine C Disaar \n                                    \u003cspan class=\"bg-luxury-gold text-white font-bold text-[9px] uppercase tracking-wider py-0.5 px-2 rounded-sm\"\u003eOffert\u003c\/span\u003e\n                                \u003c\/span\u003e\n                                \u003cspan class=\"text-text-muted text-[11px] font-light mt-1.5 block leading-relaxed\"\u003eLe bouclier protecteur. Nourrit la peau mise à nu, verrouille l'hydratation et bloque l'hyperpigmentation. \u003cbr\u003e\u003cspan class=\"text-luxury-text\/50 italic\"\u003e(Valeur unitaire : 15 000F)\u003c\/span\u003e\u003c\/span\u003e\n                            \u003c\/div\u003e\n                        \u003c\/li\u003e\n                    \u003c\/ul\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- Réassurance Classe \u0026 Livraison --\u003e\n                \u003cdiv class=\"flex flex-col gap-2.5 mb-8\"\u003e\n                    \u003cdiv class=\"flex items-center gap-3 bg-luxury-green\/5 py-3 px-4 rounded-xl border border-luxury-green\/10\"\u003e\n                        \u003cdiv class=\"w-6 h-6 rounded-full bg-luxury-green text-white flex items-center justify-center shrink-0\"\u003e\n                            \u003ci data-feather=\"truck\" class=\"w-3 h-3\"\u003e\u003c\/i\u003e\n                        \u003c\/div\u003e\n                        \u003cp class=\"text-luxury-text text-[11px] md:text-xs font-medium\"\u003eLivraison Express \u003cstrong class=\"text-luxury-green font-bold\"\u003eGratuite\u003c\/strong\u003e (Libreville \u0026amp; Owendo)\u003c\/p\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"flex items-center gap-3 bg-luxury-green\/5 py-3 px-4 rounded-xl border border-luxury-green\/10\"\u003e\n                        \u003cdiv class=\"w-6 h-6 rounded-full bg-luxury-green text-white flex items-center justify-center shrink-0\"\u003e\n                            \u003ci data-feather=\"shield\" class=\"w-3 h-3\"\u003e\u003c\/i\u003e\n                        \u003c\/div\u003e\n                        \u003cp class=\"text-luxury-text text-[11px] md:text-xs font-medium\"\u003eService Prestige : \u003cstrong class=\"text-luxury-green font-bold\"\u003eRèglement à la réception du colis.\u003c\/strong\u003e\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \n                \u003c!-- BOUTON D'ACHAT --\u003e\n                \u003c!-- Note: Remplacer le '#\/cart' par le vrai lien vers le checkout ou le bouton d'ajout au panier Shopify --\u003e\n                \u003cbutton onclick=\"window.location.href='#\/cart'\" class=\"group w-full px-4 py-5 bg-luxury-text hover:bg-luxury-green text-white transition-all duration-300 font-sans text-xs tracking-widest uppercase rounded-md font-bold flex justify-center items-center gap-3 shadow-[0_15px_30px_rgba(26,26,26,0.2)]\"\u003e\n                    Sécuriser Mon Duo\n                    \u003ci data-feather=\"arrow-right\" class=\"w-4 h-4 group-hover:translate-x-1 transition-transform\"\u003e\u003c\/i\u003e\n                \u003c\/button\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- AVIS WHATSAPP (DÉFILEMENT INFINI FLUIDE) --\u003e\n    \u003csection class=\"py-12 bg-luxury-surface overflow-hidden w-full relative z-0\"\u003e\n        \u003c!-- Légère ombre portée du bloc du dessus pour la profondeur --\u003e\n        \u003cdiv class=\"absolute top-0 inset-x-0 h-4 bg-gradient-to-b from-black\/5 to-transparent\"\u003e\u003c\/div\u003e\n        \n        \u003cdiv class=\"text-center mb-8 reveal px-4\"\u003e\n            \u003cspan class=\"text-luxury-gold text-[9px] uppercase tracking-widest mb-2 block font-bold\"\u003ePreuves irréfutables\u003c\/span\u003e\n            \u003ch2 class=\"font-serif text-2xl md:text-3xl italic text-luxury-text\"\u003eCe qu'elles disent en privé.\u003c\/h2\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"marquee-wrapper\"\u003e\n            \u003c!-- Piste 1 --\u003e\n            \u003cdiv class=\"whatsapp-track gap-4 pr-4\"\u003e\n                \u003c!-- Remplacer par de vraies captures WhatsApp propres --\u003e\n                \u003cdiv class=\"w-[240px] md:w-[280px] shrink-0 bg-white p-2 rounded-2xl border border-black\/5 shadow-[0_10px_20px_rgba(0,0,0,0.03)]\"\u003e\n                    \u003cimg src=\"https:\/\/market-zone.shop\/cdn\/shop\/files\/img_v3_0213i_aa5ec8a0-b713-42f4-bdee-d77726a393hu.jpg?v=1783877881\u0026amp;width=600\" class=\"w-full h-auto rounded-xl\" alt=\"Avis Client WhatsApp 1\"\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"w-[240px] md:w-[280px] shrink-0 bg-white p-2 rounded-2xl border border-black\/5 shadow-[0_10px_20px_rgba(0,0,0,0.03)] translate-y-3\"\u003e\n                    \u003cimg src=\"https:\/\/market-zone.shop\/cdn\/shop\/files\/img_v3_0213i_629c2207-0c5b-4193-8650-9f44344a26hu.jpg?v=1783877885\u0026amp;width=600\" class=\"w-full h-auto rounded-xl\" alt=\"Avis Client WhatsApp 2\"\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"w-[240px] md:w-[280px] shrink-0 bg-white p-2 rounded-2xl border border-black\/5 shadow-[0_10px_20px_rgba(0,0,0,0.03)]\"\u003e\n                    \u003cimg src=\"https:\/\/market-zone.shop\/cdn\/shop\/files\/img_v3_0213i_6bf66c7c-18ed-45dd-b05d-83bf7daa9ehu.jpg?v=1783877889\u0026amp;width=600\" class=\"w-full h-auto rounded-xl\" alt=\"Avis Client WhatsApp 3\"\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"w-[240px] md:w-[280px] shrink-0 bg-white p-2 rounded-2xl border border-black\/5 shadow-[0_10px_20px_rgba(0,0,0,0.03)] translate-y-3\"\u003e\n                    \u003cimg src=\"https:\/\/market-zone.shop\/cdn\/shop\/files\/740461973_122216207774526041_1726326253230266755_n_1.jpg?v=1783858623\u0026amp;width=600\" class=\"w-full h-auto rounded-xl\" alt=\"Avis Client WhatsApp 4\"\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003c!-- Piste 2 (Copie exacte pour boucle fluide) --\u003e\n            \u003cdiv class=\"whatsapp-track gap-4 pr-4\"\u003e\n                \u003cdiv class=\"w-[240px] md:w-[280px] shrink-0 bg-white p-2 rounded-2xl border border-black\/5 shadow-[0_10px_20px_rgba(0,0,0,0.03)]\"\u003e\n                    \u003cimg src=\"https:\/\/market-zone.shop\/cdn\/shop\/files\/img_v3_0213i_aa5ec8a0-b713-42f4-bdee-d77726a393hu.jpg?v=1783877881\u0026amp;width=600\" class=\"w-full h-auto rounded-xl\" alt=\"Avis Client WhatsApp 1\"\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"w-[240px] md:w-[280px] shrink-0 bg-white p-2 rounded-2xl border border-black\/5 shadow-[0_10px_20px_rgba(0,0,0,0.03)] translate-y-3\"\u003e\n                    \u003cimg src=\"https:\/\/market-zone.shop\/cdn\/shop\/files\/img_v3_0213i_629c2207-0c5b-4193-8650-9f44344a26hu.jpg?v=1783877885\u0026amp;width=600\" class=\"w-full h-auto rounded-xl\" alt=\"Avis Client WhatsApp 2\"\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"w-[240px] md:w-[280px] shrink-0 bg-white p-2 rounded-2xl border border-black\/5 shadow-[0_10px_20px_rgba(0,0,0,0.03)]\"\u003e\n                    \u003cimg src=\"https:\/\/market-zone.shop\/cdn\/shop\/files\/img_v3_0213i_6bf66c7c-18ed-45dd-b05d-83bf7daa9ehu.jpg?v=1783877889\u0026amp;width=600\" class=\"w-full h-auto rounded-xl\" alt=\"Avis Client WhatsApp 3\"\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"w-[240px] md:w-[280px] shrink-0 bg-white p-2 rounded-2xl border border-black\/5 shadow-[0_10px_20px_rgba(0,0,0,0.03)] translate-y-3\"\u003e\n                    \u003cimg src=\"https:\/\/market-zone.shop\/cdn\/shop\/files\/740461973_122216207774526041_1726326253230266755_n_1.jpg?v=1783858623\u0026amp;width=600\" class=\"w-full h-auto rounded-xl\" alt=\"Avis Client WhatsApp 4\"\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- L'ART DE LA RENAISSANCE (Z-LAYOUT EXPLICATIF) --\u003e\n    \u003cmain class=\"py-16 md:py-24 bg-luxury-bg w-full overflow-hidden\"\u003e\n        \u003cdiv class=\"w-full px-5 max-w-5xl mx-auto\"\u003e\n            \n            \u003c!-- Problème (Focus sur le complexe) --\u003e\n            \u003cdiv class=\"flex flex-col md:flex-row items-center gap-8 md:gap-16 mb-20 md:mb-32 reveal\"\u003e\n                \u003cdiv class=\"w-full md:w-1\/2\"\u003e\n                    \u003cimg src=\"https:\/\/market-zone.shop\/cdn\/shop\/files\/Designsanstitre_5.png?v=1783864266\u0026amp;width=600\" alt=\"Avant : Phalanges Sombres\" class=\"w-full h-[380px] md:h-[500px] object-cover rounded-2xl shadow-[0_20px_40px_rgba(0,0,0,0.08)] border border-black\/5\"\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"w-full md:w-1\/2 text-left\"\u003e\n                    \u003cspan class=\"text-[10px] text-red-800 bg-red-100 px-3 py-1 rounded-full uppercase tracking-widest font-bold mb-4 inline-block\"\u003eLe Problème\u003c\/span\u003e\n                    \u003ch2 class=\"font-serif text-3xl md:text-4xl lg:text-5xl mb-5 leading-tight text-luxury-text\"\u003eL'Art de la\u003cbr\u003e\u003cspan class=\"italic text-luxury-gold\"\u003eRenaissance.\u003c\/span\u003e\n\u003c\/h2\u003e\n                    \u003cp class=\"font-sans font-light text-text-muted text-sm md:text-base leading-relaxed mb-4\"\u003e\n                        Oubliez les crèmes onéreuses qui promettent des miracles. Si vos phalanges et articulations restent sombres, c'est parce que ces crèmes restent \u003cstrong\u003ebloquées en surface\u003c\/strong\u003e par un voile tenace de cellules mortes. \n                    \u003c\/p\u003e\n                    \u003cp class=\"font-sans font-light text-text-muted text-sm md:text-base leading-relaxed\"\u003e\n                        Sans purification préalable, l'hydratation est inutile. Il est temps de changer d'approche.\n                    \u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Étape 1 : Exfoliant --\u003e\n            \u003cdiv class=\"flex flex-col md:flex-row items-center gap-8 md:gap-16 mb-20 md:mb-32 reveal\"\u003e\n                \u003cdiv class=\"w-full md:w-1\/2 md:order-2\"\u003e\n                    \u003cimg src=\"https:\/\/market-zone.shop\/cdn\/shop\/files\/Gemini_Generated_Image_jjq009jjq009jjq0.webp?v=1783858622\u0026amp;width=600\" alt=\"Étape 1 : Gel Purifiant\" class=\"w-full h-[380px] md:h-[500px] object-cover rounded-2xl shadow-[0_20px_40px_rgba(26,58,34,0.1)] border border-black\/5\"\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"w-full md:w-1\/2 md:order-1 text-left\"\u003e\n                    \u003ch3 class=\"font-sans text-luxury-green text-[10px] uppercase tracking-widest mb-3 font-bold\"\u003eÉtape 1\u003c\/h3\u003e\n                    \u003ch2 class=\"font-serif text-3xl md:text-4xl lg:text-5xl mb-5 leading-tight text-luxury-text\"\u003eLa Purification\u003cbr\u003e\u003cspan class=\"italic\"\u003eAbsolue.\u003c\/span\u003e\n\u003c\/h2\u003e\n                    \u003cp class=\"font-sans font-light text-text-muted text-sm md:text-base leading-relaxed mb-4\"\u003e\n                        Le Gel Exfoliant au thé vert et à l'aloe vera agit comme un architecte. Dès la première friction, il désintègre fermement la barrière d'impuretés qui ternit votre peau et désobstrue les pores rebelles.\n                    \u003c\/p\u003e\n                    \u003cul class=\"space-y-2 mt-6\"\u003e\n                        \u003cli class=\"flex items-center gap-3 text-sm text-luxury-text font-medium\"\u003e\n\u003ci data-feather=\"check\" class=\"text-luxury-green w-4 h-4\"\u003e\u003c\/i\u003e Élimine les peaux mortes\u003c\/li\u003e\n                        \u003cli class=\"flex items-center gap-3 text-sm text-luxury-text font-medium\"\u003e\n\u003ci data-feather=\"check\" class=\"text-luxury-green w-4 h-4\"\u003e\u003c\/i\u003e Lisse la texture de la peau\u003c\/li\u003e\n                    \u003c\/ul\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Étape 2 : Sérum --\u003e\n            \u003cdiv class=\"flex flex-col md:flex-row items-center gap-8 md:gap-16 reveal\"\u003e\n                \u003cdiv class=\"w-full md:w-1\/2\"\u003e\n                    \u003cimg src=\"https:\/\/market-zone.shop\/cdn\/shop\/files\/s-l16004.webp?v=1783858623\u0026amp;width=600\" alt=\"Étape 2 : Sérum Bouclier\" class=\"w-full h-[380px] md:h-[500px] object-cover rounded-2xl shadow-[0_20px_40px_rgba(197,160,89,0.15)] border border-black\/5\"\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"w-full md:w-1\/2 text-left\"\u003e\n                    \u003ch3 class=\"font-sans text-luxury-gold text-[10px] uppercase tracking-widest mb-3 font-bold bg-luxury-gold\/10 inline-block px-3 py-1 rounded-full\"\u003eÉtape 2 (Offert)\u003c\/h3\u003e\n                    \u003ch2 class=\"font-serif text-3xl md:text-4xl lg:text-5xl mb-5 leading-tight text-luxury-text\"\u003eLe Bouclier\u003cbr\u003e\u003cspan class=\"italic\"\u003eLumineux.\u003c\/span\u003e\n\u003c\/h2\u003e\n                    \u003cp class=\"font-sans font-light text-text-muted text-sm md:text-base leading-relaxed mb-4\"\u003e\n                        Sur une peau enfin vierge et réceptive, la Vitamine C (Sérum Disaar) déploie sa puissance maximale. Elle pénètre au cœur de l'épiderme, verrouille l'hydratation et bloque le retour de l'hyperpigmentation.\n                    \u003c\/p\u003e\n                    \u003cul class=\"space-y-2 mt-6\"\u003e\n                        \u003cli class=\"flex items-center gap-3 text-sm text-luxury-text font-medium\"\u003e\n\u003ci data-feather=\"check\" class=\"text-luxury-gold w-4 h-4\"\u003e\u003c\/i\u003e Uniformise le teint profond\u003c\/li\u003e\n                        \u003cli class=\"flex items-center gap-3 text-sm text-luxury-text font-medium\"\u003e\n\u003ci data-feather=\"check\" class=\"text-luxury-gold w-4 h-4\"\u003e\u003c\/i\u003e Apporte un \"Glow\" immédiat\u003c\/li\u003e\n                    \u003c\/ul\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \n        \u003c\/div\u003e\n    \u003c\/main\u003e\n\n    \u003c!-- FAQ (FOIRE AUX QUESTIONS) --\u003e\n    \u003csection class=\"py-16 md:py-24 bg-luxury-surface w-full border-t border-black\/5\"\u003e\n        \u003cdiv class=\"px-5 max-w-3xl mx-auto reveal\"\u003e\n            \u003ch2 class=\"text-center font-serif text-3xl md:text-4xl mb-10 text-luxury-text\"\u003eQuestions Fréquentes.\u003c\/h2\u003e\n            \n            \u003cdiv class=\"space-y-4\"\u003e\n                \u003cdiv class=\"border border-black\/5 rounded-2xl overflow-hidden bg-luxury-bg hover:shadow-md transition-shadow\"\u003e\n                    \u003cbutton class=\"nea-faq-button w-full px-6 py-5 text-left flex justify-between items-center bg-transparent cursor-pointer\"\u003e\n                        \u003cspan class=\"font-sans text-sm md:text-base text-luxury-text font-semibold pr-4\"\u003eQuand verrai-je les premiers résultats ?\u003c\/span\u003e\n                        \u003ci data-feather=\"plus\" class=\"faq-icon text-luxury-gold w-5 h-5 shrink-0\"\u003e\u003c\/i\u003e\n                    \u003c\/button\u003e\n                    \u003cdiv class=\"nea-faq-content max-h-0 overflow-hidden transition-all duration-300\"\u003e\n                        \u003cdiv class=\"px-6 pb-6 text-text-muted font-light text-sm md:text-base leading-relaxed\"\u003e\n                            L'effet exfoliant est \u003cstrong\u003eimmédiat\u003c\/strong\u003e : les peaux mortes se détachent sous vos doigts dès la 1ère application du gel. L'uniformisation profonde et l'éclat apporté par le sérum Vitamine C s'observent au bout de 7 à 14 jours d'utilisation régulière de ce protocole.\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \n                \u003cdiv class=\"border border-black\/5 rounded-2xl overflow-hidden bg-luxury-bg hover:shadow-md transition-shadow\"\u003e\n                    \u003cbutton class=\"nea-faq-button w-full px-6 py-5 text-left flex justify-between items-center bg-transparent cursor-pointer\"\u003e\n                        \u003cspan class=\"font-sans text-sm md:text-base text-luxury-text font-semibold pr-4\"\u003eComment se passe la livraison et le paiement ?\u003c\/span\u003e\n                        \u003ci data-feather=\"plus\" class=\"faq-icon text-luxury-gold w-5 h-5 shrink-0\"\u003e\u003c\/i\u003e\n                    \u003c\/button\u003e\n                    \u003cdiv class=\"nea-faq-content max-h-0 overflow-hidden transition-all duration-300\"\u003e\n                        \u003cdiv class=\"px-6 pb-6 text-text-muted font-light text-sm md:text-base leading-relaxed\"\u003e\n                            La livraison est \u003cstrong\u003etotalement gratuite\u003c\/strong\u003e sur Libreville et Owendo. Vous bénéficiez de notre Service Prestige : aucune avance n'est requise. Vous payez le livreur uniquement après avoir reçu et validé votre coffret en mains propres.\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \n                \u003cdiv class=\"border border-black\/5 rounded-2xl overflow-hidden bg-luxury-bg hover:shadow-md transition-shadow\"\u003e\n                    \u003cbutton class=\"nea-faq-button w-full px-6 py-5 text-left flex justify-between items-center bg-transparent cursor-pointer\"\u003e\n                        \u003cspan class=\"font-sans text-sm md:text-base text-luxury-text font-semibold pr-4\"\u003eCe duo convient-il aux peaux sensibles ?\u003c\/span\u003e\n                        \u003ci data-feather=\"plus\" class=\"faq-icon text-luxury-gold w-5 h-5 shrink-0\"\u003e\u003c\/i\u003e\n                    \u003c\/button\u003e\n                    \u003cdiv class=\"nea-faq-content max-h-0 overflow-hidden transition-all duration-300\"\u003e\n                        \u003cdiv class=\"px-6 pb-6 text-text-muted font-light text-sm md:text-base leading-relaxed\"\u003e\n                            Absolument. Contrairement aux gommages à grains (sucre\/sel) qui créent des micro-déchirures, notre gel utilise une formulation douce qui \"roule\" sur la peau. Le sérum à la Vitamine C est formulé pour être toléré par tous les types de peau.\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        \/\/ Initialisation des icônes Feather\n        if(typeof feather !== 'undefined') {\n            feather.replace();\n        }\n\n        \/\/ Animation d'apparition au scroll (Reveal)\n        const observerOptions = { root: null, rootMargin: '0px', threshold: 0.15 };\n        const observer = new IntersectionObserver((entries, observer) =\u003e {\n            entries.forEach(entry =\u003e {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('active');\n                    observer.unobserve(entry.target);\n                }\n            });\n        }, observerOptions);\n        \n        document.querySelectorAll('#nea-lux-landing .reveal').forEach(el =\u003e {\n            observer.observe(el);\n        });\n\n        \/\/ Logique du Pop-up FOMO (Noms gabonais)\n        const fomoNames = [\"Amina (Akanda)\", \"Sarah (Louis)\", \"Grace (Owendo)\", \"Marielle (Centre-Ville)\", \"Vanessa (Nzeng-Ayong)\", \"Jessica (PK8)\", \"Chloé (Oloumi)\"];\n        const fomoPopup = document.getElementById('nea-fomo-popup');\n        const fomoText = document.getElementById('nea-fomo-text');\n\n        function triggerFomo() {\n            if(!fomoPopup || !fomoText) return;\n            const randomName = fomoNames[Math.floor(Math.random() * fomoNames.length)];\n            fomoText.innerHTML = `\u003cspan class=\"font-bold text-luxury-text\"\u003e${randomName}\u003c\/span\u003e a sécurisé son Duo`;\n            fomoPopup.classList.add('show');\n            \n            setTimeout(() =\u003e { \n                fomoPopup.classList.remove('show'); \n            }, 5000); \/\/ Reste affiché 5 secondes\n        }\n\n        \/\/ Déclenche le premier pop-up après 4 secondes, puis aléatoirement\n        setTimeout(() =\u003e {\n            triggerFomo();\n            setInterval(triggerFomo, Math.random() * 15000 + 15000); \n        }, 4000);\n\n        \/\/ Carrousel Story : Auto-scroll intelligent et Auto-play forcé\n        const carousel = document.getElementById('nea-story-container');\n        let userInteracted = false;\n        let storyIndex = 0;\n        \n        if(carousel) {\n            const storyCards = carousel.querySelectorAll('.story-card');\n            const videos = carousel.querySelectorAll('video');\n            \n            \/\/ 1. FORCER LA LECTURE DES VIDÉOS (Contournement anti-blocage mobile\/Safari)\n            const playVideos = () =\u003e {\n                videos.forEach(video =\u003e {\n                    if (video.paused) {\n                        video.play().catch(e =\u003e console.warn(\"Lecture auto gérée par le navigateur.\"));\n                    }\n                });\n            };\n            \n            \/\/ Tenter de lire au chargement\n            playVideos();\n            \/\/ Retenter à la première interaction sur l'écran (débloque les restrictions iOS\/Android)\n            document.body.addEventListener('touchstart', playVideos, { once: true, passive: true });\n            document.body.addEventListener('click', playVideos, { once: true, passive: true });\n\n            \/\/ 2. DÉFILEMENT AUTOMATIQUE DE GAUCHE À DROITE\n            \/\/ Stoppe l'auto-scroll si l'utilisateur interagit manuellement\n            const stopScroll = () =\u003e { userInteracted = true; };\n            carousel.addEventListener('touchstart', stopScroll, {passive: true});\n            carousel.addEventListener('mousedown', stopScroll);\n            carousel.addEventListener('wheel', stopScroll, {passive: true});\n\n            setInterval(() =\u003e {\n                \/\/ Si l'utilisateur n'a pas touché le carrousel, on fait défiler\n                if(!userInteracted \u0026\u0026 storyCards.length \u003e 0) {\n                    storyIndex++;\n                    if(storyIndex \u003e= storyCards.length) {\n                        storyIndex = 0; \/\/ Boucle : Retour au début\n                    }\n                    \n                    const card = storyCards[storyIndex];\n                    \/\/ Calcule la position exacte pour centrer la carte suivante\n                    const scrollPos = card.offsetLeft - (carousel.offsetWidth \/ 2) + (card.offsetWidth \/ 2);\n                    carousel.scrollTo({ left: scrollPos, behavior: 'smooth' });\n                }\n            }, 3500); \/\/ Défilement automatique toutes les 3.5 secondes\n        }\n\n        \/\/ Logique de l'accordéon FAQ\n        document.querySelectorAll('#nea-lux-landing .nea-faq-button').forEach(button =\u003e {\n            button.addEventListener('click', (e) =\u003e {\n                e.preventDefault(); \/\/ Empêche le comportement par défaut si c'est dans un formulaire\n                const content = button.nextElementSibling;\n                const icon = button.querySelector('.faq-icon');\n                const isOpen = content.style.maxHeight;\n\n                \/\/ Ferme toutes les autres FAQ ouvertes\n                document.querySelectorAll('#nea-lux-landing .nea-faq-content').forEach(c =\u003e {\n                    c.style.maxHeight = null;\n                    if(c.previousElementSibling) {\n                        c.previousElementSibling.querySelector('.faq-icon').style.transform = 'rotate(0deg)';\n                    }\n                });\n\n                \/\/ Ouvre celle cliquée si elle était fermée\n                if (!isOpen) {\n                    content.style.maxHeight = content.scrollHeight + \"px\";\n                    icon.style.transform = 'rotate(45deg)'; \/\/ Transforme le + en x\n                }\n            });\n        });\n    });\n\u003c\/script\u003e","brand":"NÉA Afrique","offers":[{"title":"Default Title","offer_id":49387692261628,"sku":null,"price":14990.0,"currency_code":"XOF","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0793\/7543\/3980\/files\/AUJOURD_HUI.png?v=1783858623","url":"https:\/\/market-zone.shop\/products\/green-serum-disaar","provider":"Shop 2","version":"1.0","type":"link"}