{"product_id":"jlup-inhalateur-nasal","title":"JLUP Inhalateur Nasal","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\" name=\"viewport\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* --- PALETTE DE COULEURS \u0026 VARIABLES (Basée sur l'image) --- *\/\n        :root {\n            --primary-teal: #00dfc4; \/* Le turquoise vif du logo et du spray *\/\n            --deep-charcoal: #1a1b1f; \/* La couleur sombre du produit *\/\n            --accent-blue: #0056b3; \/* Rappel du côté \"souffrance\" *\/\n            --light-bg: #f0f7f6; \/* Fond clair côté \"libération\" *\/\n            --warm-bg: #f9f4eb; \/* Fond chaud côté \"avant\" *\/\n            --text-dark: #222222;\n            --text-light: #ffffff;\n            --success-green: #28a745;\n        }\n\n        \/* --- RESET \u0026 BASE MOBILE FIRST --- *\/\n        * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        body {\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n            background-color: var(--light-bg);\n            color: var(--text-dark);\n            line-height: 1.5;\n            padding-bottom: 90px; \/* Espace pour le bouton sticky *\/\n        }\n\n        h1, h2, h3 {\n            font-weight: 800;\n            letter-spacing: -0.5px;\n        }\n\n        img {\n            max-width: 100%;\n            height: auto;\n            display: block;\n        }\n\n        .container {\n            width: 92%;\n            margin: 0 auto;\n            max-width: 600px; \/* Optimisé pour mobile\/tablette *\/\n        }\n\n        \/* --- ANIMATIONS AUTOMATIQUES (Pas de hover) --- *\/\n        @keyframes pulseBtn {\n            0% { transform: scale(1); box-shadow: 0 4px 15px rgba(0, 223, 196, 0.3); }\n            50% { transform: scale(1.03); box-shadow: 0 8px 25px rgba(0, 223, 196, 0.5); }\n            100% { transform: scale(1); box-shadow: 0 4px 15px rgba(0, 223, 196, 0.3); }\n        }\n        \n        @keyframes slideInUp {\n            from { transform: translateY(30px); opacity: 0; }\n            to { transform: translateY(0); opacity: 1; }\n        }\n\n        .animate-pop {\n            animation: slideInUp 0.8s ease-out both;\n        }\n\n        \/* --- A. TITRE \u0026 URGENCE --- *\/\n        .urgency-header {\n            background: var(--deep-charcoal);\n            color: var(--text-light);\n            text-align: center;\n            padding: 10px 5px;\n            font-size: 0.9rem;\n            font-weight: 600;\n            position: sticky;\n            top: 0;\n            z-index: 100;\n        }\n        .blink {\n            animation: opacityPulse 1s infinite;\n            color: var(--primary-teal);\n        }\n        @keyframes opacityPulse { 0% {opacity: 1;} 50% {opacity: 0.4;} 100% {opacity: 1;} }\n\n        \/* --- B. HÉRO VISUEL --- *\/\n        .hero-section {\n            \/* Création d'un fond divisé en diagonale pour rappeler le contraste Avant\/Après *\/\n            background: linear-gradient(160deg, var(--warm-bg) 40%, var(--light-bg) 40%);\n            padding: 25px 0 40px 0;\n            text-align: center;\n            border-bottom-left-radius: 40px;\n            border-bottom-right-radius: 40px;\n            overflow: hidden;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n        }\n\n        .hero-title {\n            font-size: 2.2rem;\n            margin-bottom: 10px;\n            line-height: 1.1;\n        }\n        .highlight-teal { color: var(--primary-teal); }\n        \n        .hero-subtitle {\n            font-size: 1.1rem;\n            color: #555;\n            margin-bottom: 25px;\n        }\n\n        .hero-image-container {\n            position: relative;\n            margin-top: -20px;\n            z-index: 10;\n        }\n        .hero-image {\n            border-radius: 20px;\n            box-shadow: 0 15px 35px rgba(0,0,0,0.15);\n            \/* Style \"carte\" pour l'image principale *\/\n            border: 3px solid white;\n        }\n\n        \/* --- C. OFFRE SPÉCIALE (URGENCE + COD) --- *\/\n        .offer-bar {\n            background: var(--primary-teal);\n            color: var(--deep-charcoal);\n            padding: 20px;\n            margin: 30px auto;\n            border-radius: 20px;\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 10px 25px rgba(0, 223, 196, 0.3);\n            transform: rotate(-1deg); \/* Légère rotation pour le dynamisme *\/\n        }\n        .offer-bar h3 {\n            font-size: 1.4rem;\n            margin-bottom: 5px;\n            text-transform: uppercase;\n        }\n        .cod-badge {\n            display: inline-block;\n            background: var(--deep-charcoal);\n            color: var(--primary-teal);\n            padding: 8px 15px;\n            border-radius: 50px;\n            font-weight: 700;\n            margin-top: 10px;\n            font-size: 1rem;\n            box-shadow: 0 4px 10px rgba(0,0,0,0.2);\n        }\n\n        \/* --- D. GALERIE VISUELLE (IMPORTANT) --- *\/\n        .section-title {\n            text-align: center;\n            font-size: 1.5rem;\n            margin: 40px 0 25px 0;\n            color: var(--deep-charcoal);\n        }\n        .gallery-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 12px;\n            margin-bottom: 30px;\n        }\n        .gallery-item {\n            border-radius: 15px;\n            overflow: hidden;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.08);\n            aspect-ratio: 1 \/ 1; \/* Carrés parfaits *\/\n            background-color: #ddd; \/* Couleur de fond pendant le chargement *\/\n        }\n        .gallery-item img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        \/* --- E. ARGUMENTS (BÉNÉFICES) --- *\/\n        .benefits-list {\n            display: flex;\n            flex-direction: column;\n            gap: 15px;\n        }\n        .benefit-card {\n            background: white;\n            padding: 20px;\n            border-radius: 18px;\n            display: flex;\n            align-items: center;\n            text-align: left;\n            border-left: 6px solid var(--primary-teal);\n            box-shadow: 0 5px 20px rgba(0,0,0,0.05);\n        }\n        .benefit-icon {\n            font-size: 2.5rem;\n            margin-right: 20px;\n            color: var(--primary-teal);\n            flex-shrink: 0;\n        }\n        .benefit-content h4 {\n            font-size: 1.2rem;\n            margin-bottom: 5px;\n        }\n        .benefit-content p {\n            font-size: 0.95rem;\n            color: #666;\n        }\n\n        \/* --- F. PREUVE SOCIALE LOCALE --- *\/\n        .testimonials-section {\n            background: var(--deep-charcoal);\n            color: var(--text-light);\n            padding: 40px 0;\n            margin-top: 40px;\n            border-top-left-radius: 40px;\n            border-top-right-radius: 40px;\n        }\n        .testimonial-card {\n            background: rgba(255,255,255,0.1);\n            padding: 20px;\n            border-radius: 15px;\n            margin-bottom: 15px;\n            border: 1px solid rgba(255,255,255,0.15);\n        }\n        .stars { color: #FFD700; letter-spacing: 2px; margin-bottom: 10px; display: block; }\n        .testimonial-text { font-style: italic; opacity: 0.9; margin-bottom: 15px; }\n        .testimonial-author { font-weight: 700; color: var(--primary-teal); }\n        .testimonial-city { font-size: 0.85rem; opacity: 0.7; }\n\n        \/* --- G. BOUTON D'ACTION (STICKY) --- *\/\n        .sticky-cta-container {\n            position: fixed;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            background: white;\n            padding: 12px 20px;\n            box-shadow: 0 -5px 25px rgba(0,0,0,0.1);\n            z-index: 999;\n            border-top-left-radius: 25px;\n            border-top-right-radius: 25px;\n        }\n        .main-button {\n            display: block;\n            width: 100%;\n            padding: 16px;\n            background: var(--deep-charcoal);\n            color: var(--primary-teal);\n            border: none;\n            border-radius: 50px;\n            font-size: 1.2rem;\n            font-weight: 800;\n            text-align: center;\n            text-decoration: none;\n            text-transform: uppercase;\n            animation: pulseBtn 2s infinite; \/* Animation automatique *\/\n        }\n        .button-subtext {\n            display: block;\n            font-size: 0.8rem;\n            font-weight: normal;\n            margin-top: 4px;\n            color: white;\n        }\n    \u003c\/style\u003e\n\u003c!-- A. TITRE \u0026 URGENCE --\u003e\n\u003cdiv class=\"urgency-header\"\u003e🔥 Stock Limité : Forte demande en ce moment ! \u003cspan class=\"blink\"\u003e●\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- B. HÉRO VISUEL --\u003e\u003cheader class=\"hero-section\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003ch1 class=\"hero-title\"\u003eL'AIR LIBRE, \u003cspan class=\"highlight-teal\"\u003eENFIN.\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003eDouble action immédiate dites à dieu à votre sinusite et respirez mieux.\u003c\/p\u003e\n\u003cdiv class=\"hero-image-container animate-pop\" style=\"text-align: center;\"\u003e\n\u003c!-- \n                    PLACEHOLDER IMAGE PRINCIPALE : \n                    Remplacez src=\"...\" par l'URL de votre image produit principale (celle fournie en exemple).\n                    Format recommandé : Carré ou 4:5 vertical.\n                --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0793\/7543\/3980\/files\/Gemini_Generated_Image_on6dw8on6dw8on6d.png?v=1781134159\" alt=\"JLUP Inhalateur Nasal Avant Après\" class=\"hero-image\" style=\"margin-bottom: 16px; float: none;\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/header\u003e\u003cmain class=\"container\"\u003e\u003c!-- C. OFFRE SPÉCIALE (URGENCE + COD) --\u003e\n\u003cdiv class=\"offer-bar animate-pop\" style=\"animation-delay: 0.2s;\"\u003e\n\u003ch3\u003eOffre de Lancement Spéciale\u003c\/h3\u003e\n\u003cp\u003eProfitez du prix réduit avant rupture de stock.\u003c\/p\u003e\n\u003cdiv class=\"cod-badge\"\u003e🚚 Paiement à la Livraison (Cash)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- D. GALERIE VISUELLE --\u003e\n\u003ch2 class=\"section-title\"\u003eLe JLUP en détails\u003c\/h2\u003e\n\u003cdiv class=\"gallery-grid\"\u003e\n\u003c!-- \n                PLACEHOLDERS GALERIE : \n                Remplacez ces 4 images par des photos du produit sous différents angles, \n                ou en situation d'utilisation. Le client veut VOIR ce qu'il achète.\n            --\u003e\n\u003cdiv style=\"text-align: start;\" class=\"gallery-item animate-pop\"\u003e\u003cimg style=\"margin-bottom: 16px; float: none;\" src=\"https:\/\/market-zone.shop\/cdn\/shop\/files\/71M2UIWR1xL._AC_SL1500.jpg?v=1778805852\" alt=\"Vue de face JLUP\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"gallery-item animate-pop\" style=\"text-align: start;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0793\/7543\/3980\/files\/ssstik.io__savviduo_1781132410898.gif?v=1781134830\" alt=\"Utilisation JLUP\" style=\"margin-bottom: 16px; float: none;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: start;\" class=\"gallery-item animate-pop\"\u003e\u003cimg style=\"margin-bottom: 16px; float: none;\" src=\"https:\/\/market-zone.shop\/cdn\/shop\/files\/61TZmVvKpCL._AC_UF1000_1000_QL80.jpg?v=1778805852\u0026amp;width=713\" alt=\"JLUP Portable\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: start;\" class=\"gallery-item animate-pop\"\u003e\u003cimg style=\"margin-bottom: 16px; float: none;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0797\/6802\/7364\/files\/H2f71203c937445e4a61a6002c5881be31.webp?v=1772820541\" alt=\"Ingrédients\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- E. ARGUMENTS (BÉNÉFICES) --\u003e\n\u003ch2 class=\"section-title\"\u003ePourquoi choisir JLUP ?\u003c\/h2\u003e\n\u003cdiv class=\"benefits-list\"\u003e\n\u003cdiv class=\"benefit-card animate-pop\" style=\"animation-delay: 0.3s;\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e👃\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch4\u003eDébouchage Immédiat\u003c\/h4\u003e\n\u003cp\u003eSensation de fraîcheur intense qui libère les sinus instantanément. Finie la sensation de nez bouché.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-pop\" style=\"animation-delay: 0.4s;\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e😴\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch4\u003eStop aux Ronflements\u003c\/h4\u003e\n\u003cp\u003eAméliore le flux d'air nasal pour des nuits plus paisibles et moins de ronflements fatigants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card animate-pop\" style=\"animation-delay: 0.5s;\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e⚡\u003c\/div\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003ch4\u003eBoost d'Énergie Naturel\u003c\/h4\u003e\n\u003cp\u003eL'arôme mentholé procure un coup de fouet immédiat. Idéal pour la concentration et la vitalité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/main\u003e\u003c!-- F. PREUVE SOCIALE LOCALE --\u003e\n\u003csection class=\"testimonials-section\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003ch2 class=\"section-title\" style=\"color: white;\"\u003eIls respirent enfin...\u003c\/h2\u003e\n\u003cdiv class=\"testimonial-card animate-pop\"\u003e\n\u003cspan class=\"stars\"\u003e⭐⭐⭐⭐⭐\u003c\/span\u003e\n\u003cp class=\"testimonial-text\"\u003e\"Je souffre de sinusite chronique à Abidjan avec l'humidité. Ce petit truc a changé mes journées. Je respire direct !\"\u003c\/p\u003e\n\u003cdiv class=\"testimonial-author\"\u003eMamadou K.\u003c\/div\u003e\n\u003cdiv class=\"testimonial-city\"\u003eCocody, Côte d'Ivoire\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"testimonial-card animate-pop\"\u003e\n\u003cspan class=\"stars\"\u003e⭐⭐⭐⭐⭐\u003c\/span\u003e\n\u003cp class=\"testimonial-text\"\u003e\"Vraiment efficace. Je l'utilise avant mes réunions pour me donner un coup de boost. Et j'ai payé à la livraison, très pro.\"\u003c\/p\u003e\n\u003cdiv class=\"testimonial-author\"\u003eAminata D.\u003c\/div\u003e\n\u003cdiv class=\"testimonial-city\"\u003eDakar, Sénégal\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"testimonial-card animate-pop\"\u003e\n\u003cspan class=\"stars\"\u003e⭐⭐⭐⭐⭐\u003c\/span\u003e\n\u003cp class=\"testimonial-text\"\u003e\"Mon mari ronflait terrible. Depuis qu'il utilise ça avant de dormir, c'est le silence. Merci JLUP !\"\u003c\/p\u003e\n\u003cdiv class=\"testimonial-author\"\u003eChantal \u0026amp; Koffi B.\u003c\/div\u003e\n\u003cdiv class=\"testimonial-city\"\u003eCotonou, Bénin\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- G. BOUTON D'ACTION (STICKY) --\u003e","brand":"Shop 2","offers":[{"title":"Default Title","offer_id":49180995027196,"sku":null,"price":9995.0,"currency_code":"XOF","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0793\/7543\/3980\/files\/An-Xp8Cm3tkw-GvXFjfbHE0-JL97riNHLPu8FGy1Uha4QX_zMsikiupKgBB-DOoGBvlaPzOKuetJcSrtLIMPAUpagL9CGlOhnnybBY28wsZH_5iPbZQZ92YGExCDJWIm7DZ4bMtfzZgeUyTh9j9Z4GgPVCOK2kB67Sl0LRjARZy8VUkseg8-Ls7.jpg?v=1781137225","url":"https:\/\/market-zone.shop\/products\/jlup-inhalateur-nasal","provider":"Shop 2","version":"1.0","type":"link"}